/* NICTM Portal compiled production CSS. Tailwind 4.1.10. Generated; edit assets-src/, not this file. */
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-red-900: oklch(39.6% 0.141 25.723);
    --color-orange-50: oklch(98% 0.016 73.684);
    --color-orange-100: oklch(95.4% 0.038 75.164);
    --color-orange-200: oklch(90.1% 0.076 70.697);
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-orange-600: oklch(64.6% 0.222 41.116);
    --color-orange-700: oklch(55.3% 0.195 38.402);
    --color-orange-800: oklch(47% 0.157 37.304);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-100: oklch(96.2% 0.059 95.617);
    --color-amber-200: oklch(92.4% 0.12 95.746);
    --color-amber-300: oklch(87.9% 0.169 91.605);
    --color-amber-400: oklch(82.8% 0.189 84.429);
    --color-amber-500: oklch(76.9% 0.188 70.08);
    --color-amber-600: oklch(66.6% 0.179 58.318);
    --color-amber-700: oklch(55.5% 0.163 48.998);
    --color-amber-800: oklch(47.3% 0.137 46.201);
    --color-amber-900: oklch(41.4% 0.112 45.904);
    --color-amber-950: oklch(27.9% 0.077 45.635);
    --color-yellow-50: oklch(98.7% 0.026 102.212);
    --color-yellow-100: oklch(97.3% 0.071 103.193);
    --color-yellow-200: oklch(94.5% 0.129 101.54);
    --color-yellow-700: oklch(55.4% 0.135 66.442);
    --color-yellow-800: oklch(47.6% 0.114 61.907);
    --color-green-50: oklch(98.2% 0.018 155.826);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --color-green-200: oklch(92.5% 0.084 155.995);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-green-700: oklch(52.7% 0.154 150.069);
    --color-green-800: oklch(44.8% 0.119 151.328);
    --color-emerald-50: oklch(97.9% 0.021 166.113);
    --color-emerald-100: oklch(95% 0.052 163.051);
    --color-emerald-200: oklch(90.5% 0.093 164.15);
    --color-emerald-300: oklch(84.5% 0.143 164.978);
    --color-emerald-400: oklch(76.5% 0.177 163.223);
    --color-emerald-500: oklch(69.6% 0.17 162.48);
    --color-emerald-600: oklch(59.6% 0.145 163.225);
    --color-emerald-700: oklch(50.8% 0.118 165.612);
    --color-emerald-800: oklch(43.2% 0.095 166.913);
    --color-emerald-900: oklch(37.8% 0.077 168.94);
    --color-emerald-950: oklch(26.2% 0.051 172.552);
    --color-teal-50: oklch(98.4% 0.014 180.72);
    --color-teal-100: oklch(95.3% 0.051 180.801);
    --color-teal-200: oklch(91% 0.096 180.426);
    --color-teal-400: oklch(77.7% 0.152 181.912);
    --color-teal-500: oklch(70.4% 0.14 182.503);
    --color-teal-600: oklch(60% 0.118 184.704);
    --color-teal-700: oklch(51.1% 0.096 186.391);
    --color-cyan-50: oklch(98.4% 0.019 200.873);
    --color-cyan-100: oklch(95.6% 0.045 203.388);
    --color-cyan-200: oklch(91.7% 0.08 205.041);
    --color-cyan-300: oklch(86.5% 0.127 207.078);
    --color-cyan-400: oklch(78.9% 0.154 211.53);
    --color-cyan-700: oklch(52% 0.105 223.128);
    --color-cyan-800: oklch(45% 0.085 224.283);
    --color-cyan-900: oklch(39.8% 0.07 227.392);
    --color-cyan-950: oklch(30.2% 0.056 229.695);
    --color-sky-50: oklch(97.7% 0.013 236.62);
    --color-sky-100: oklch(95.1% 0.026 236.824);
    --color-sky-200: oklch(90.1% 0.058 230.902);
    --color-sky-500: oklch(68.5% 0.169 237.323);
    --color-sky-700: oklch(50% 0.134 242.749);
    --color-sky-800: oklch(44.3% 0.11 240.79);
    --color-sky-900: oklch(39.1% 0.09 240.876);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-200: oklch(88.2% 0.059 254.128);
    --color-blue-300: oklch(80.9% 0.105 251.813);
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-blue-800: oklch(42.4% 0.199 265.638);
    --color-blue-900: oklch(37.9% 0.146 265.522);
    --color-blue-950: oklch(28.2% 0.091 267.935);
    --color-indigo-50: oklch(96.2% 0.018 272.314);
    --color-indigo-100: oklch(93% 0.034 272.788);
    --color-indigo-200: oklch(87% 0.065 274.039);
    --color-indigo-600: oklch(51.1% 0.262 276.966);
    --color-indigo-700: oklch(45.7% 0.24 277.023);
    --color-purple-50: oklch(97.7% 0.014 308.299);
    --color-purple-100: oklch(94.6% 0.033 307.174);
    --color-purple-200: oklch(90.2% 0.063 306.703);
    --color-purple-700: oklch(49.6% 0.265 301.924);
    --color-purple-800: oklch(43.8% 0.218 303.724);
    --color-purple-900: oklch(38.1% 0.176 304.987);
    --color-pink-50: oklch(97.1% 0.014 343.198);
    --color-pink-200: oklch(89.9% 0.061 343.231);
    --color-pink-700: oklch(52.5% 0.223 3.958);
    --color-rose-50: oklch(96.9% 0.015 12.422);
    --color-rose-100: oklch(94.1% 0.03 12.58);
    --color-rose-200: oklch(89.2% 0.058 10.001);
    --color-rose-400: oklch(71.2% 0.194 13.428);
    --color-rose-500: oklch(64.5% 0.246 16.439);
    --color-rose-600: oklch(58.6% 0.253 17.585);
    --color-rose-700: oklch(51.4% 0.222 16.935);
    --color-rose-800: oklch(45.5% 0.188 13.697);
    --color-rose-900: oklch(41% 0.159 10.272);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-slate-950: oklch(12.9% 0.042 264.695);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tight: -0.025em;
    --tracking-wide: 0.025em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-sm: 8px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --blur-3xl: 64px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-brand: var(--brand-primary);
    --color-brand-secondary: var(--brand-secondary);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .-top-1 {
    top: calc(var(--spacing) * -1);
  }
  .-top-10 {
    top: calc(var(--spacing) * -10);
  }
  .-top-20 {
    top: calc(var(--spacing) * -20);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-14 {
    top: calc(var(--spacing) * 14);
  }
  .top-16 {
    top: calc(var(--spacing) * 16);
  }
  .top-\[2rem\] {
    top: 2rem;
  }
  .top-\[6rem\] {
    top: 6rem;
  }
  .-right-1 {
    right: calc(var(--spacing) * -1);
  }
  .-right-10 {
    right: calc(var(--spacing) * -10);
  }
  .-right-14 {
    right: calc(var(--spacing) * -14);
  }
  .-right-24 {
    right: calc(var(--spacing) * -24);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .right-\[8rem\] {
    right: 8rem;
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }
  .bottom-20 {
    bottom: calc(var(--spacing) * 20);
  }
  .bottom-\[-5rem\] {
    bottom: -5rem;
  }
  .-left-20 {
    left: calc(var(--spacing) * -20);
  }
  .-left-24 {
    left: calc(var(--spacing) * -24);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .left-\[-5rem\] {
    left: -5rem;
  }
  .left-\[38\%\] {
    left: 38%;
  }
  .-z-10 {
    z-index: calc(10 * -1);
  }
  .-z-20 {
    z-index: calc(20 * -1);
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[90\] {
    z-index: 90;
  }
  .z-\[100\] {
    z-index: 100;
  }
  .z-\[2000\] {
    z-index: 2000;
  }
  .z-\[7000\] {
    z-index: 7000;
  }
  .z-\[9998\] {
    z-index: 9998;
  }
  .z-\[9999\] {
    z-index: 9999;
  }
  .z-\[10020\] {
    z-index: 10020;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .m-3 {
    margin: calc(var(--spacing) * 3);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-9 {
    margin-top: calc(var(--spacing) * 9);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }
  .ml-5 {
    margin-left: calc(var(--spacing) * 5);
  }
  .ml-auto {
    margin-left: auto;
  }
  .line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-28 {
    height: calc(var(--spacing) * 28);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-36 {
    height: calc(var(--spacing) * 36);
  }
  .h-44 {
    height: calc(var(--spacing) * 44);
  }
  .h-48 {
    height: calc(var(--spacing) * 48);
  }
  .h-60 {
    height: calc(var(--spacing) * 60);
  }
  .h-64 {
    height: calc(var(--spacing) * 64);
  }
  .h-72 {
    height: calc(var(--spacing) * 72);
  }
  .h-80 {
    height: calc(var(--spacing) * 80);
  }
  .h-\[18px\] {
    height: 18px;
  }
  .h-dvh {
    height: 100dvh;
  }
  .h-fit {
    height: fit-content;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .h-screen {
    height: 100vh;
  }
  .max-h-20 {
    max-height: calc(var(--spacing) * 20);
  }
  .max-h-24 {
    max-height: calc(var(--spacing) * 24);
  }
  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }
  .max-h-52 {
    max-height: calc(var(--spacing) * 52);
  }
  .max-h-56 {
    max-height: calc(var(--spacing) * 56);
  }
  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }
  .max-h-\[18rem\] {
    max-height: 18rem;
  }
  .max-h-\[32rem\] {
    max-height: 32rem;
  }
  .max-h-\[34rem\] {
    max-height: 34rem;
  }
  .max-h-\[520px\] {
    max-height: 520px;
  }
  .max-h-\[calc\(100vh-14rem\)\] {
    max-height: calc(100vh - 14rem);
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }
  .min-h-20 {
    min-height: calc(var(--spacing) * 20);
  }
  .min-h-\[7\.5rem\] {
    min-height: 7.5rem;
  }
  .min-h-\[70vh\] {
    min-height: 70vh;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-1 {
    width: calc(var(--spacing) * 1);
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-1\/2 {
    width: calc(1/2 * 100%);
  }
  .w-1\/3 {
    width: calc(1/3 * 100%);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-36 {
    width: calc(var(--spacing) * 36);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-44 {
    width: calc(var(--spacing) * 44);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-52 {
    width: calc(var(--spacing) * 52);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-60 {
    width: calc(var(--spacing) * 60);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-\[18px\] {
    width: 18px;
  }
  .w-\[22rem\] {
    width: 22rem;
  }
  .w-\[88vw\] {
    width: 88vw;
  }
  .w-\[330px\] {
    width: 330px;
  }
  .w-\[360px\] {
    width: 360px;
  }
  .w-\[min\(28rem\,90vw\)\] {
    width: min(28rem, 90vw);
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .w-px {
    width: 1px;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-\[16rem\] {
    max-width: 16rem;
  }
  .max-w-\[18rem\] {
    max-width: 18rem;
  }
  .max-w-\[34rem\] {
    max-width: 34rem;
  }
  .max-w-\[58vw\] {
    max-width: 58vw;
  }
  .max-w-\[80\%\] {
    max-width: 80%;
  }
  .max-w-\[80vw\] {
    max-width: 80vw;
  }
  .max-w-\[90vw\] {
    max-width: 90vw;
  }
  .max-w-\[240px\] {
    max-width: 240px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-\[7rem\] {
    min-width: 7rem;
  }
  .min-w-\[10rem\] {
    min-width: 10rem;
  }
  .min-w-\[13rem\] {
    min-width: 13rem;
  }
  .min-w-\[14rem\] {
    min-width: 14rem;
  }
  .min-w-\[16rem\] {
    min-width: 16rem;
  }
  .min-w-\[52rem\] {
    min-width: 52rem;
  }
  .min-w-\[170px\] {
    min-width: 170px;
  }
  .min-w-\[220px\] {
    min-width: 220px;
  }
  .min-w-\[230px\] {
    min-width: 230px;
  }
  .min-w-\[260px\] {
    min-width: 260px;
  }
  .min-w-\[280px\] {
    min-width: 280px;
  }
  .min-w-\[320px\] {
    min-width: 320px;
  }
  .min-w-\[360px\] {
    min-width: 360px;
  }
  .min-w-\[950px\] {
    min-width: 950px;
  }
  .min-w-\[1180px\] {
    min-width: 1180px;
  }
  .min-w-\[1280px\] {
    min-width: 1280px;
  }
  .min-w-\[1380px\] {
    min-width: 1380px;
  }
  .min-w-\[1480px\] {
    min-width: 1480px;
  }
  .min-w-full {
    min-width: 100%;
  }
  .flex-1 {
    flex: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rotate-12 {
    rotate: 12deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .rotate-\[-12deg\] {
    rotate: -12deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .list-decimal {
    list-style-type: decimal;
  }
  .list-disc {
    list-style-type: disc;
  }
  .list-none {
    list-style-type: none;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-8 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }
  .divide-y {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
  .divide-slate-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-slate-100);
    }
  }
  .divide-slate-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-slate-200);
    }
  }
  .self-center {
    align-self: center;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-\[1\.6rem\] {
    border-radius: 1.6rem;
  }
  .rounded-\[1\.35rem\] {
    border-radius: 1.35rem;
  }
  .rounded-\[1\.65rem\] {
    border-radius: 1.65rem;
  }
  .rounded-\[1\.75rem\] {
    border-radius: 1.75rem;
  }
  .rounded-\[2\.3rem\] {
    border-radius: 2.3rem;
  }
  .rounded-\[2\.25rem\] {
    border-radius: 2.25rem;
  }
  .rounded-\[2rem\] {
    border-radius: 2rem;
  }
  .rounded-\[28px\] {
    border-radius: 28px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .rounded-l-xl {
    border-top-left-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }
  .rounded-r-xl {
    border-top-right-radius: var(--radius-xl);
    border-bottom-right-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-4 {
    border-top-style: var(--tw-border-style);
    border-top-width: 4px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-amber-100 {
    border-color: var(--color-amber-100);
  }
  .border-amber-200 {
    border-color: var(--color-amber-200);
  }
  .border-amber-300 {
    border-color: var(--color-amber-300);
  }
  .border-amber-400\/30 {
    border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-400) 30%, transparent);
    }
  }
  .border-blue-100 {
    border-color: var(--color-blue-100);
  }
  .border-blue-200 {
    border-color: var(--color-blue-200);
  }
  .border-blue-300 {
    border-color: var(--color-blue-300);
  }
  .border-blue-500 {
    border-color: var(--color-blue-500);
  }
  .border-brand {
    border-color: var(--color-brand);
  }
  .border-cyan-200 {
    border-color: var(--color-cyan-200);
  }
  .border-cyan-200\/22 {
    border-color: color-mix(in srgb, oklch(91.7% 0.08 205.041) 22%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-cyan-200) 22%, transparent);
    }
  }
  .border-emerald-100 {
    border-color: var(--color-emerald-100);
  }
  .border-emerald-200 {
    border-color: var(--color-emerald-200);
  }
  .border-emerald-300 {
    border-color: var(--color-emerald-300);
  }
  .border-emerald-300\/20 {
    border-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-300) 20%, transparent);
    }
  }
  .border-emerald-300\/25 {
    border-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-300) 25%, transparent);
    }
  }
  .border-emerald-300\/28 {
    border-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 28%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-300) 28%, transparent);
    }
  }
  .border-emerald-400\/30 {
    border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-400) 30%, transparent);
    }
  }
  .border-green-100 {
    border-color: var(--color-green-100);
  }
  .border-green-200 {
    border-color: var(--color-green-200);
  }
  .border-indigo-100 {
    border-color: var(--color-indigo-100);
  }
  .border-indigo-200 {
    border-color: var(--color-indigo-200);
  }
  .border-orange-100 {
    border-color: var(--color-orange-100);
  }
  .border-orange-200 {
    border-color: var(--color-orange-200);
  }
  .border-pink-200 {
    border-color: var(--color-pink-200);
  }
  .border-purple-100 {
    border-color: var(--color-purple-100);
  }
  .border-purple-200 {
    border-color: var(--color-purple-200);
  }
  .border-red-100 {
    border-color: var(--color-red-100);
  }
  .border-red-200 {
    border-color: var(--color-red-200);
  }
  .border-red-400\/20 {
    border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-red-400) 20%, transparent);
    }
  }
  .border-rose-100 {
    border-color: var(--color-rose-100);
  }
  .border-rose-200 {
    border-color: var(--color-rose-200);
  }
  .border-rose-400\/30 {
    border-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-400) 30%, transparent);
    }
  }
  .border-sky-100 {
    border-color: var(--color-sky-100);
  }
  .border-sky-200 {
    border-color: var(--color-sky-200);
  }
  .border-slate-50 {
    border-color: var(--color-slate-50);
  }
  .border-slate-100 {
    border-color: var(--color-slate-100);
  }
  .border-slate-200 {
    border-color: var(--color-slate-200);
  }
  .border-slate-300 {
    border-color: var(--color-slate-300);
  }
  .border-slate-400 {
    border-color: var(--color-slate-400);
  }
  .border-slate-900 {
    border-color: var(--color-slate-900);
  }
  .border-slate-950 {
    border-color: var(--color-slate-950);
  }
  .border-teal-100 {
    border-color: var(--color-teal-100);
  }
  .border-teal-500 {
    border-color: var(--color-teal-500);
  }
  .border-white\/10 {
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .border-white\/12 {
    border-color: color-mix(in srgb, #fff 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 12%, transparent);
    }
  }
  .border-white\/15 {
    border-color: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .border-white\/20 {
    border-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .border-yellow-200 {
    border-color: var(--color-yellow-200);
  }
  .\!bg-slate-200 {
    background-color: var(--color-slate-200) !important;
  }
  .\!bg-slate-950 {
    background-color: var(--color-slate-950) !important;
  }
  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }
  .bg-amber-50\/30 {
    background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-50) 30%, transparent);
    }
  }
  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }
  .bg-amber-400 {
    background-color: var(--color-amber-400);
  }
  .bg-amber-500 {
    background-color: var(--color-amber-500);
  }
  .bg-amber-500\/10 {
    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
    }
  }
  .bg-amber-600 {
    background-color: var(--color-amber-600);
  }
  .bg-black\/20 {
    background-color: color-mix(in srgb, #000 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
  .bg-black\/30 {
    background-color: color-mix(in srgb, #000 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }
  .bg-black\/40 {
    background-color: color-mix(in srgb, #000 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }
  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }
  .bg-blue-50\/60 {
    background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-50) 60%, transparent);
    }
  }
  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-blue-300\/15 {
    background-color: color-mix(in srgb, oklch(80.9% 0.105 251.813) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-300) 15%, transparent);
    }
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-blue-500\/40 {
    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent);
    }
  }
  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }
  .bg-blue-700 {
    background-color: var(--color-blue-700);
  }
  .bg-brand {
    background-color: var(--color-brand);
  }
  .bg-brand-secondary {
    background-color: var(--color-brand-secondary);
  }
  .bg-cyan-50 {
    background-color: var(--color-cyan-50);
  }
  .bg-cyan-300\/12 {
    background-color: color-mix(in srgb, oklch(86.5% 0.127 207.078) 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-300) 12%, transparent);
    }
  }
  .bg-cyan-300\/15 {
    background-color: color-mix(in srgb, oklch(86.5% 0.127 207.078) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-300) 15%, transparent);
    }
  }
  .bg-cyan-300\/16 {
    background-color: color-mix(in srgb, oklch(86.5% 0.127 207.078) 16%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-300) 16%, transparent);
    }
  }
  .bg-cyan-400\/18 {
    background-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-400) 18%, transparent);
    }
  }
  .bg-cyan-400\/38 {
    background-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 38%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-400) 38%, transparent);
    }
  }
  .bg-emerald-50 {
    background-color: var(--color-emerald-50);
  }
  .bg-emerald-100 {
    background-color: var(--color-emerald-100);
  }
  .bg-emerald-300 {
    background-color: var(--color-emerald-300);
  }
  .bg-emerald-300\/14 {
    background-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 14%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-300) 14%, transparent);
    }
  }
  .bg-emerald-300\/15 {
    background-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-300) 15%, transparent);
    }
  }
  .bg-emerald-300\/18 {
    background-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-300) 18%, transparent);
    }
  }
  .bg-emerald-400 {
    background-color: var(--color-emerald-400);
  }
  .bg-emerald-400\/10 {
    background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-400) 10%, transparent);
    }
  }
  .bg-emerald-400\/12 {
    background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-400) 12%, transparent);
    }
  }
  .bg-emerald-400\/14 {
    background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 14%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-400) 14%, transparent);
    }
  }
  .bg-emerald-400\/25 {
    background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-400) 25%, transparent);
    }
  }
  .bg-emerald-500 {
    background-color: var(--color-emerald-500);
  }
  .bg-emerald-500\/10 {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
    }
  }
  .bg-emerald-500\/20 {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
    }
  }
  .bg-emerald-600 {
    background-color: var(--color-emerald-600);
  }
  .bg-emerald-700 {
    background-color: var(--color-emerald-700);
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-green-50 {
    background-color: var(--color-green-50);
  }
  .bg-green-50\/60 {
    background-color: color-mix(in srgb, oklch(98.2% 0.018 155.826) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-green-50) 60%, transparent);
    }
  }
  .bg-green-100 {
    background-color: var(--color-green-100);
  }
  .bg-green-600 {
    background-color: var(--color-green-600);
  }
  .bg-green-700 {
    background-color: var(--color-green-700);
  }
  .bg-indigo-50 {
    background-color: var(--color-indigo-50);
  }
  .bg-indigo-100 {
    background-color: var(--color-indigo-100);
  }
  .bg-indigo-600 {
    background-color: var(--color-indigo-600);
  }
  .bg-orange-50 {
    background-color: var(--color-orange-50);
  }
  .bg-orange-50\/70 {
    background-color: color-mix(in srgb, oklch(98% 0.016 73.684) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-orange-50) 70%, transparent);
    }
  }
  .bg-orange-100 {
    background-color: var(--color-orange-100);
  }
  .bg-pink-50 {
    background-color: var(--color-pink-50);
  }
  .bg-purple-50 {
    background-color: var(--color-purple-50);
  }
  .bg-purple-100 {
    background-color: var(--color-purple-100);
  }
  .bg-purple-700 {
    background-color: var(--color-purple-700);
  }
  .bg-red-50 {
    background-color: var(--color-red-50);
  }
  .bg-red-50\/40 {
    background-color: color-mix(in srgb, oklch(97.1% 0.013 17.38) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-50) 40%, transparent);
    }
  }
  .bg-red-50\/50 {
    background-color: color-mix(in srgb, oklch(97.1% 0.013 17.38) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-50) 50%, transparent);
    }
  }
  .bg-red-50\/60 {
    background-color: color-mix(in srgb, oklch(97.1% 0.013 17.38) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-50) 60%, transparent);
    }
  }
  .bg-red-100 {
    background-color: var(--color-red-100);
  }
  .bg-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-red-500\/10 {
    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
    }
  }
  .bg-red-600 {
    background-color: var(--color-red-600);
  }
  .bg-rose-50 {
    background-color: var(--color-rose-50);
  }
  .bg-rose-100 {
    background-color: var(--color-rose-100);
  }
  .bg-rose-400 {
    background-color: var(--color-rose-400);
  }
  .bg-rose-500 {
    background-color: var(--color-rose-500);
  }
  .bg-rose-500\/10 {
    background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);
    }
  }
  .bg-rose-500\/20 {
    background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
    }
  }
  .bg-rose-600 {
    background-color: var(--color-rose-600);
  }
  .bg-rose-700 {
    background-color: var(--color-rose-700);
  }
  .bg-sky-50 {
    background-color: var(--color-sky-50);
  }
  .bg-sky-500 {
    background-color: var(--color-sky-500);
  }
  .bg-slate-50 {
    background-color: var(--color-slate-50);
  }
  .bg-slate-50\/60 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 60%, transparent);
    }
  }
  .bg-slate-50\/70 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 70%, transparent);
    }
  }
  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }
  .bg-slate-200 {
    background-color: var(--color-slate-200);
  }
  .bg-slate-300 {
    background-color: var(--color-slate-300);
  }
  .bg-slate-800 {
    background-color: var(--color-slate-800);
  }
  .bg-slate-900 {
    background-color: var(--color-slate-900);
  }
  .bg-slate-900\/40 {
    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 40%, transparent);
    }
  }
  .bg-slate-900\/50 {
    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
    }
  }
  .bg-slate-950 {
    background-color: var(--color-slate-950);
  }
  .bg-slate-950\/25 {
    background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-950) 25%, transparent);
    }
  }
  .bg-slate-950\/30 {
    background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-950) 30%, transparent);
    }
  }
  .bg-slate-950\/40 {
    background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-950) 40%, transparent);
    }
  }
  .bg-slate-950\/55 {
    background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-950) 55%, transparent);
    }
  }
  .bg-slate-950\/60 {
    background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-950) 60%, transparent);
    }
  }
  .bg-teal-50 {
    background-color: var(--color-teal-50);
  }
  .bg-teal-600 {
    background-color: var(--color-teal-600);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/5 {
    background-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  .bg-white\/6 {
    background-color: color-mix(in srgb, #fff 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }
  .bg-white\/7 {
    background-color: color-mix(in srgb, #fff 7%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 7%, transparent);
    }
  }
  .bg-white\/10 {
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .bg-white\/15 {
    background-color: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .bg-white\/70 {
    background-color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .bg-white\/80 {
    background-color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .bg-white\/90 {
    background-color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .bg-white\/\[0\.055\] {
    background-color: color-mix(in srgb, #fff 5.5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 5.5%, transparent);
    }
  }
  .bg-white\/\[0\.078\] {
    background-color: color-mix(in srgb, #fff 7.8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 7.8%, transparent);
    }
  }
  .bg-yellow-50 {
    background-color: var(--color-yellow-50);
  }
  .bg-yellow-100 {
    background-color: var(--color-yellow-100);
  }
  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-l {
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-\[radial-gradient\(circle_at_top_left\,\#07384d_0\%\,\#0b1739_35\%\,\#020617_78\%\)\] {
    background-image: radial-gradient(circle at top left,#07384d 0%,#0b1739 35%,#020617 78%);
  }
  .from-amber-50 {
    --tw-gradient-from: var(--color-amber-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-amber-500 {
    --tw-gradient-from: var(--color-amber-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-blue-50 {
    --tw-gradient-from: var(--color-blue-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-blue-600 {
    --tw-gradient-from: var(--color-blue-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-blue-700 {
    --tw-gradient-from: var(--color-blue-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-cyan-400\/17 {
    --tw-gradient-from: color-mix(in srgb, oklch(78.9% 0.154 211.53) 17%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-cyan-400) 17%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-emerald-400\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(76.5% 0.177 163.223) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-400) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-sky-50 {
    --tw-gradient-from: var(--color-sky-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-slate-50 {
    --tw-gradient-from: var(--color-slate-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-slate-900 {
    --tw-gradient-from: var(--color-slate-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-slate-950 {
    --tw-gradient-from: var(--color-slate-950);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .via-blue-950 {
    --tw-gradient-via: var(--color-blue-950);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-cyan-700 {
    --tw-gradient-via: var(--color-cyan-700);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-orange-500 {
    --tw-gradient-via: var(--color-orange-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-slate-50 {
    --tw-gradient-via: var(--color-slate-50);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-slate-800 {
    --tw-gradient-via: var(--color-slate-800);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-white {
    --tw-gradient-via: var(--color-white);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-white\/60 {
    --tw-gradient-via: color-mix(in srgb, #fff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .to-blue-400\/\[0\.06\] {
    --tw-gradient-to: color-mix(in srgb, oklch(70.7% 0.165 254.624) 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-blue-400) 6%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-cyan-800 {
    --tw-gradient-to: var(--color-cyan-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-emerald-50 {
    --tw-gradient-to: var(--color-emerald-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-emerald-400\/\[0\.055\] {
    --tw-gradient-to: color-mix(in srgb, oklch(76.5% 0.177 163.223) 5.5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-emerald-400) 5.5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-emerald-600 {
    --tw-gradient-to: var(--color-emerald-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-rose-600 {
    --tw-gradient-to: var(--color-rose-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-sky-50 {
    --tw-gradient-to: var(--color-sky-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-slate-700 {
    --tw-gradient-to: var(--color-slate-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-slate-900 {
    --tw-gradient-to: var(--color-slate-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-teal-400 {
    --tw-gradient-to: var(--color-teal-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-teal-500 {
    --tw-gradient-to: var(--color-teal-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-7 {
    padding: calc(var(--spacing) * 7);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-9 {
    padding: calc(var(--spacing) * 9);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .\!py-2 {
    padding-block: calc(var(--spacing) * 2) !important;
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .align-top {
    vertical-align: top;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
  .leading-\[\.98\] {
    --tw-leading: .98;
    line-height: .98;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[-0\.04em\] {
    --tw-tracking: -0.04em;
    letter-spacing: -0.04em;
  }
  .tracking-\[-0\.052em\] {
    --tw-tracking: -0.052em;
    letter-spacing: -0.052em;
  }
  .tracking-\[\.12em\] {
    --tw-tracking: .12em;
    letter-spacing: .12em;
  }
  .tracking-\[\.16em\] {
    --tw-tracking: .16em;
    letter-spacing: .16em;
  }
  .tracking-\[\.18em\] {
    --tw-tracking: .18em;
    letter-spacing: .18em;
  }
  .tracking-\[\.25em\] {
    --tw-tracking: .25em;
    letter-spacing: .25em;
  }
  .tracking-\[0\.2em\] {
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
  }
  .tracking-\[0\.14em\] {
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
  }
  .tracking-\[0\.18em\] {
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
  }
  .tracking-\[0\.20em\] {
    --tw-tracking: 0.20em;
    letter-spacing: 0.20em;
  }
  .tracking-\[0\.22em\] {
    --tw-tracking: 0.22em;
    letter-spacing: 0.22em;
  }
  .tracking-\[0\.24em\] {
    --tw-tracking: 0.24em;
    letter-spacing: 0.24em;
  }
  .tracking-\[0\.35em\] {
    --tw-tracking: 0.35em;
    letter-spacing: 0.35em;
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .\!text-slate-500 {
    color: var(--color-slate-500) !important;
  }
  .text-amber-100 {
    color: var(--color-amber-100);
  }
  .text-amber-200 {
    color: var(--color-amber-200);
  }
  .text-amber-600 {
    color: var(--color-amber-600);
  }
  .text-amber-700 {
    color: var(--color-amber-700);
  }
  .text-amber-800 {
    color: var(--color-amber-800);
  }
  .text-amber-900 {
    color: var(--color-amber-900);
  }
  .text-amber-950 {
    color: var(--color-amber-950);
  }
  .text-blue-50 {
    color: var(--color-blue-50);
  }
  .text-blue-100 {
    color: var(--color-blue-100);
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .text-blue-700 {
    color: var(--color-blue-700);
  }
  .text-blue-800 {
    color: var(--color-blue-800);
  }
  .text-blue-900 {
    color: var(--color-blue-900);
  }
  .text-blue-950 {
    color: var(--color-blue-950);
  }
  .text-brand {
    color: var(--color-brand);
  }
  .text-cyan-50\/78 {
    color: color-mix(in srgb, oklch(98.4% 0.019 200.873) 78%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-cyan-50) 78%, transparent);
    }
  }
  .text-cyan-100 {
    color: var(--color-cyan-100);
  }
  .text-cyan-100\/85 {
    color: color-mix(in srgb, oklch(95.6% 0.045 203.388) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-cyan-100) 85%, transparent);
    }
  }
  .text-cyan-700 {
    color: var(--color-cyan-700);
  }
  .text-cyan-900 {
    color: var(--color-cyan-900);
  }
  .text-cyan-950 {
    color: var(--color-cyan-950);
  }
  .text-emerald-50\/78 {
    color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 78%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-50) 78%, transparent);
    }
  }
  .text-emerald-100 {
    color: var(--color-emerald-100);
  }
  .text-emerald-200 {
    color: var(--color-emerald-200);
  }
  .text-emerald-600 {
    color: var(--color-emerald-600);
  }
  .text-emerald-700 {
    color: var(--color-emerald-700);
  }
  .text-emerald-800 {
    color: var(--color-emerald-800);
  }
  .text-emerald-900 {
    color: var(--color-emerald-900);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-green-600 {
    color: var(--color-green-600);
  }
  .text-green-700 {
    color: var(--color-green-700);
  }
  .text-green-800 {
    color: var(--color-green-800);
  }
  .text-indigo-600 {
    color: var(--color-indigo-600);
  }
  .text-indigo-700 {
    color: var(--color-indigo-700);
  }
  .text-orange-600 {
    color: var(--color-orange-600);
  }
  .text-orange-700 {
    color: var(--color-orange-700);
  }
  .text-orange-800 {
    color: var(--color-orange-800);
  }
  .text-pink-700 {
    color: var(--color-pink-700);
  }
  .text-purple-700 {
    color: var(--color-purple-700);
  }
  .text-purple-800 {
    color: var(--color-purple-800);
  }
  .text-purple-900 {
    color: var(--color-purple-900);
  }
  .text-red-200 {
    color: var(--color-red-200);
  }
  .text-red-300 {
    color: var(--color-red-300);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-red-700 {
    color: var(--color-red-700);
  }
  .text-red-800 {
    color: var(--color-red-800);
  }
  .text-red-800\/80 {
    color: color-mix(in srgb, oklch(44.4% 0.177 26.899) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-red-800) 80%, transparent);
    }
  }
  .text-red-900 {
    color: var(--color-red-900);
  }
  .text-rose-100 {
    color: var(--color-rose-100);
  }
  .text-rose-200 {
    color: var(--color-rose-200);
  }
  .text-rose-600 {
    color: var(--color-rose-600);
  }
  .text-rose-700 {
    color: var(--color-rose-700);
  }
  .text-rose-800 {
    color: var(--color-rose-800);
  }
  .text-rose-900 {
    color: var(--color-rose-900);
  }
  .text-sky-700 {
    color: var(--color-sky-700);
  }
  .text-sky-800 {
    color: var(--color-sky-800);
  }
  .text-sky-900 {
    color: var(--color-sky-900);
  }
  .text-slate-100 {
    color: var(--color-slate-100);
  }
  .text-slate-200 {
    color: var(--color-slate-200);
  }
  .text-slate-200\/60 {
    color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-slate-200) 60%, transparent);
    }
  }
  .text-slate-200\/70 {
    color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-slate-200) 70%, transparent);
    }
  }
  .text-slate-200\/72 {
    color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-slate-200) 72%, transparent);
    }
  }
  .text-slate-200\/75 {
    color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-slate-200) 75%, transparent);
    }
  }
  .text-slate-200\/76 {
    color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-slate-200) 76%, transparent);
    }
  }
  .text-slate-200\/80 {
    color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-slate-200) 80%, transparent);
    }
  }
  .text-slate-200\/82 {
    color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 82%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-slate-200) 82%, transparent);
    }
  }
  .text-slate-300 {
    color: var(--color-slate-300);
  }
  .text-slate-300\/68 {
    color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 68%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-slate-300) 68%, transparent);
    }
  }
  .text-slate-300\/75 {
    color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-slate-300) 75%, transparent);
    }
  }
  .text-slate-400 {
    color: var(--color-slate-400);
  }
  .text-slate-500 {
    color: var(--color-slate-500);
  }
  .text-slate-600 {
    color: var(--color-slate-600);
  }
  .text-slate-700 {
    color: var(--color-slate-700);
  }
  .text-slate-800 {
    color: var(--color-slate-800);
  }
  .text-slate-900 {
    color: var(--color-slate-900);
  }
  .text-slate-950 {
    color: var(--color-slate-950);
  }
  .text-teal-700 {
    color: var(--color-teal-700);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/80 {
    color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .text-white\/90 {
    color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .text-yellow-700 {
    color: var(--color-yellow-700);
  }
  .text-yellow-800 {
    color: var(--color-yellow-800);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .underline {
    text-decoration-line: underline;
  }
  .decoration-cyan-200\/40 {
    text-decoration-color: color-mix(in srgb, oklch(91.7% 0.08 205.041) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-cyan-200) 40%, transparent);
    }
  }
  .decoration-emerald-200\/45 {
    text-decoration-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-emerald-200) 45%, transparent);
    }
  }
  .decoration-white\/30 {
    text-decoration-color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .placeholder-slate-400 {
    &::placeholder {
      color: var(--color-slate-400);
    }
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-10 {
    opacity: 10%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .opacity-90 {
    opacity: 90%;
  }
  .opacity-95 {
    opacity: 95%;
  }
  .opacity-\[0\.045\] {
    opacity: 0.045;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_32px_110px_rgba\(0\,0\,0\,\.40\)\] {
    --tw-shadow: 0 32px 110px var(--tw-shadow-color, rgba(0,0,0,.40));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_34px_120px_rgba\(0\,0\,0\,\.42\)\] {
    --tw-shadow: 0 34px 120px var(--tw-shadow-color, rgba(0,0,0,.42));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-black\/10 {
    --tw-shadow-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-black\/15 {
    --tw-shadow-color: color-mix(in srgb, #000 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 15%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-black\/20 {
    --tw-shadow-color: color-mix(in srgb, #000 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-black\/25 {
    --tw-shadow-color: color-mix(in srgb, #000 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-blue-500\/25 {
    --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-cyan-950\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(30.2% 0.056 229.695) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-950) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-emerald-950\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-950) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-teal-500\/25 {
    --tw-shadow-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-teal-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .ring-amber-100 {
    --tw-ring-color: var(--color-amber-100);
  }
  .ring-blue-100 {
    --tw-ring-color: var(--color-blue-100);
  }
  .ring-blue-200 {
    --tw-ring-color: var(--color-blue-200);
  }
  .ring-cyan-100 {
    --tw-ring-color: var(--color-cyan-100);
  }
  .ring-cyan-200\/15 {
    --tw-ring-color: color-mix(in srgb, oklch(91.7% 0.08 205.041) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-cyan-200) 15%, transparent);
    }
  }
  .ring-emerald-100 {
    --tw-ring-color: var(--color-emerald-100);
  }
  .ring-emerald-200\/15 {
    --tw-ring-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-200) 15%, transparent);
    }
  }
  .ring-indigo-100 {
    --tw-ring-color: var(--color-indigo-100);
  }
  .ring-orange-100 {
    --tw-ring-color: var(--color-orange-100);
  }
  .ring-purple-100 {
    --tw-ring-color: var(--color-purple-100);
  }
  .ring-rose-100 {
    --tw-ring-color: var(--color-rose-100);
  }
  .ring-slate-100 {
    --tw-ring-color: var(--color-slate-100);
  }
  .ring-teal-100 {
    --tw-ring-color: var(--color-teal-100);
  }
  .ring-white\/20 {
    --tw-ring-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .ring-white\/30 {
    --tw-ring-color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .blur-2xl {
    --tw-blur: blur(var(--blur-2xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-3xl {
    --tw-blur: blur(var(--blur-3xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-2xl {
    --tw-backdrop-blur: blur(var(--blur-2xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-xl {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-250 {
    --tw-duration: 250ms;
    transition-duration: 250ms;
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .group-hover\:translate-x-1 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:bg-cyan-300\/21 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(86.5% 0.127 207.078) 21%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-cyan-300) 21%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-emerald-300\/22 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 22%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-emerald-300) 22%, transparent);
        }
      }
    }
  }
  .group-hover\:text-slate-700 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-slate-700);
      }
    }
  }
  .group-hover\:text-white {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .placeholder\:text-slate-400 {
    &::placeholder {
      color: var(--color-slate-400);
    }
  }
  .last\:border-0 {
    &:last-child {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .last\:border-b-0 {
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .hover\:-translate-y-0\.5 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:border-cyan-100\/55 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(95.6% 0.045 203.388) 55%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-cyan-100) 55%, transparent);
        }
      }
    }
  }
  .hover\:border-emerald-200\/60 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-emerald-200) 60%, transparent);
        }
      }
    }
  }
  .hover\:\!bg-slate-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-800) !important;
      }
    }
  }
  .hover\:bg-amber-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-100);
      }
    }
  }
  .hover\:bg-amber-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-700);
      }
    }
  }
  .hover\:bg-blue-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-50);
      }
    }
  }
  .hover\:bg-blue-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-100);
      }
    }
  }
  .hover\:bg-blue-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-500);
      }
    }
  }
  .hover\:bg-blue-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-600);
      }
    }
  }
  .hover\:bg-blue-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-700);
      }
    }
  }
  .hover\:bg-blue-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-800);
      }
    }
  }
  .hover\:bg-emerald-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-100);
      }
    }
  }
  .hover\:bg-emerald-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-200);
      }
    }
  }
  .hover\:bg-emerald-500\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-emerald-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-600);
      }
    }
  }
  .hover\:bg-emerald-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-700);
      }
    }
  }
  .hover\:bg-emerald-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-800);
      }
    }
  }
  .hover\:bg-gray-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-50);
      }
    }
  }
  .hover\:bg-indigo-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo-700);
      }
    }
  }
  .hover\:bg-purple-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-purple-800);
      }
    }
  }
  .hover\:bg-red-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-100);
      }
    }
  }
  .hover\:bg-red-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-700);
      }
    }
  }
  .hover\:bg-rose-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-50);
      }
    }
  }
  .hover\:bg-rose-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-100);
      }
    }
  }
  .hover\:bg-rose-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-700);
      }
    }
  }
  .hover\:bg-rose-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-800);
      }
    }
  }
  .hover\:bg-slate-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-50);
      }
    }
  }
  .hover\:bg-slate-50\/70 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-slate-50) 70%, transparent);
        }
      }
    }
  }
  .hover\:bg-slate-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-100);
      }
    }
  }
  .hover\:bg-slate-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-800);
      }
    }
  }
  .hover\:bg-teal-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-700);
      }
    }
  }
  .hover\:bg-white {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
  }
  .hover\:bg-white\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/25 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
        }
      }
    }
  }
  .hover\:text-slate-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-700);
      }
    }
  }
  .hover\:text-slate-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-900);
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:opacity-95 {
    &:hover {
      @media (hover: hover) {
        opacity: 95%;
      }
    }
  }
  .hover\:shadow-2xl {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-md {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-sm {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-cyan-950\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(30.2% 0.056 229.695) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-950) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-emerald-950\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-950) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .focus\:ring-2 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-4 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-blue-200 {
    &:focus {
      --tw-ring-color: var(--color-blue-200);
    }
  }
  .focus\:ring-cyan-300\/20 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(86.5% 0.127 207.078) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-cyan-300) 20%, transparent);
      }
    }
  }
  .focus\:ring-emerald-300\/20 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-emerald-300) 20%, transparent);
      }
    }
  }
  .focus\:ring-slate-200 {
    &:focus {
      --tw-ring-color: var(--color-slate-200);
    }
  }
  .focus\:ring-teal-200 {
    &:focus {
      --tw-ring-color: var(--color-teal-200);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:bg-slate-200 {
    &:disabled {
      background-color: var(--color-slate-200);
    }
  }
  .disabled\:bg-slate-300 {
    &:disabled {
      background-color: var(--color-slate-300);
    }
  }
  .disabled\:opacity-50 {
    &:disabled {
      opacity: 50%;
    }
  }
  .sm\:col-span-1 {
    @media (width >= 40rem) {
      grid-column: span 1 / span 1;
    }
  }
  .sm\:col-span-2 {
    @media (width >= 40rem) {
      grid-column: span 2 / span 2;
    }
  }
  .sm\:ml-auto {
    @media (width >= 40rem) {
      margin-left: auto;
    }
  }
  .sm\:block {
    @media (width >= 40rem) {
      display: block;
    }
  }
  .sm\:flex {
    @media (width >= 40rem) {
      display: flex;
    }
  }
  .sm\:inline {
    @media (width >= 40rem) {
      display: inline;
    }
  }
  .sm\:inline-flex {
    @media (width >= 40rem) {
      display: inline-flex;
    }
  }
  .sm\:h-28 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 28);
    }
  }
  .sm\:w-24 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 24);
    }
  }
  .sm\:w-32 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 32);
    }
  }
  .sm\:w-44 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 44);
    }
  }
  .sm\:w-56 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 56);
    }
  }
  .sm\:w-\[520px\] {
    @media (width >= 40rem) {
      width: 520px;
    }
  }
  .sm\:w-auto {
    @media (width >= 40rem) {
      width: auto;
    }
  }
  .sm\:max-w-none {
    @media (width >= 40rem) {
      max-width: none;
    }
  }
  .sm\:max-w-xs {
    @media (width >= 40rem) {
      max-width: var(--container-xs);
    }
  }
  .sm\:min-w-\[14rem\] {
    @media (width >= 40rem) {
      min-width: 14rem;
    }
  }
  .sm\:min-w-\[260px\] {
    @media (width >= 40rem) {
      min-width: 260px;
    }
  }
  .sm\:min-w-\[320px\] {
    @media (width >= 40rem) {
      min-width: 320px;
    }
  }
  .sm\:min-w-\[360px\] {
    @media (width >= 40rem) {
      min-width: 360px;
    }
  }
  .sm\:flex-1 {
    @media (width >= 40rem) {
      flex: 1;
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-3 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-4 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:flex-wrap {
    @media (width >= 40rem) {
      flex-wrap: wrap;
    }
  }
  .sm\:items-center {
    @media (width >= 40rem) {
      align-items: center;
    }
  }
  .sm\:items-end {
    @media (width >= 40rem) {
      align-items: flex-end;
    }
  }
  .sm\:items-start {
    @media (width >= 40rem) {
      align-items: flex-start;
    }
  }
  .sm\:justify-between {
    @media (width >= 40rem) {
      justify-content: space-between;
    }
  }
  .sm\:justify-end {
    @media (width >= 40rem) {
      justify-content: flex-end;
    }
  }
  .sm\:gap-3 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .sm\:p-5 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .sm\:p-6 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .sm\:p-7 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 7);
    }
  }
  .sm\:p-8 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .sm\:px-7 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 7);
    }
  }
  .sm\:py-6 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  .sm\:text-left {
    @media (width >= 40rem) {
      text-align: left;
    }
  }
  .sm\:text-right {
    @media (width >= 40rem) {
      text-align: right;
    }
  }
  .sm\:text-2xl {
    @media (width >= 40rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .sm\:text-3xl {
    @media (width >= 40rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .sm\:text-4xl {
    @media (width >= 40rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .sm\:text-lg {
    @media (width >= 40rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .sm\:text-sm {
    @media (width >= 40rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .md\:col-span-1 {
    @media (width >= 48rem) {
      grid-column: span 1 / span 1;
    }
  }
  .md\:col-span-2 {
    @media (width >= 48rem) {
      grid-column: span 2 / span 2;
    }
  }
  .md\:col-span-3 {
    @media (width >= 48rem) {
      grid-column: span 3 / span 3;
    }
  }
  .md\:col-span-4 {
    @media (width >= 48rem) {
      grid-column: span 4 / span 4;
    }
  }
  .md\:col-span-5 {
    @media (width >= 48rem) {
      grid-column: span 5 / span 5;
    }
  }
  .md\:col-span-6 {
    @media (width >= 48rem) {
      grid-column: span 6 / span 6;
    }
  }
  .md\:col-span-7 {
    @media (width >= 48rem) {
      grid-column: span 7 / span 7;
    }
  }
  .md\:mt-0 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .md\:block {
    @media (width >= 48rem) {
      display: block;
    }
  }
  .md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .md\:grid {
    @media (width >= 48rem) {
      display: grid;
    }
  }
  .md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .md\:inline-flex {
    @media (width >= 48rem) {
      display: inline-flex;
    }
  }
  .md\:w-64 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 64);
    }
  }
  .md\:w-72 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 72);
    }
  }
  .md\:w-auto {
    @media (width >= 48rem) {
      width: auto;
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-4 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-5 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-6 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-8 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-12 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-\[1\.06fr_\.94fr\] {
    @media (width >= 48rem) {
      grid-template-columns: 1.06fr .94fr;
    }
  }
  .md\:grid-cols-\[1\.35fr_\.65fr\] {
    @media (width >= 48rem) {
      grid-template-columns: 1.35fr .65fr;
    }
  }
  .md\:grid-cols-\[1fr_auto\] {
    @media (width >= 48rem) {
      grid-template-columns: 1fr auto;
    }
  }
  .md\:flex-col {
    @media (width >= 48rem) {
      flex-direction: column;
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:items-center {
    @media (width >= 48rem) {
      align-items: center;
    }
  }
  .md\:items-end {
    @media (width >= 48rem) {
      align-items: flex-end;
    }
  }
  .md\:items-start {
    @media (width >= 48rem) {
      align-items: flex-start;
    }
  }
  .md\:justify-between {
    @media (width >= 48rem) {
      justify-content: space-between;
    }
  }
  .md\:justify-end {
    @media (width >= 48rem) {
      justify-content: flex-end;
    }
  }
  .md\:gap-0 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 0);
    }
  }
  .md\:p-6 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .md\:p-8 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .md\:text-right {
    @media (width >= 48rem) {
      text-align: right;
    }
  }
  .md\:text-3xl {
    @media (width >= 48rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .md\:text-4xl {
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .md\:text-base {
    @media (width >= 48rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .lg\:col-span-1 {
    @media (width >= 64rem) {
      grid-column: span 1 / span 1;
    }
  }
  .lg\:col-span-2 {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .lg\:col-span-3 {
    @media (width >= 64rem) {
      grid-column: span 3 / span 3;
    }
  }
  .lg\:col-span-4 {
    @media (width >= 64rem) {
      grid-column: span 4 / span 4;
    }
  }
  .lg\:col-span-5 {
    @media (width >= 64rem) {
      grid-column: span 5 / span 5;
    }
  }
  .lg\:col-span-7 {
    @media (width >= 64rem) {
      grid-column: span 7 / span 7;
    }
  }
  .lg\:w-\[24rem\] {
    @media (width >= 64rem) {
      width: 24rem;
    }
  }
  .lg\:w-auto {
    @media (width >= 64rem) {
      width: auto;
    }
  }
  .lg\:min-w-\[320px\] {
    @media (width >= 64rem) {
      min-width: 320px;
    }
  }
  .lg\:min-w-\[560px\] {
    @media (width >= 64rem) {
      min-width: 560px;
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-5 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-6 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-12 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-\[1\.25fr_\.75fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 1.25fr .75fr;
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:items-center {
    @media (width >= 64rem) {
      align-items: center;
    }
  }
  .lg\:items-end {
    @media (width >= 64rem) {
      align-items: flex-end;
    }
  }
  .lg\:items-start {
    @media (width >= 64rem) {
      align-items: flex-start;
    }
  }
  .lg\:justify-between {
    @media (width >= 64rem) {
      justify-content: space-between;
    }
  }
  .lg\:justify-end {
    @media (width >= 64rem) {
      justify-content: flex-end;
    }
  }
  .lg\:p-8 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .lg\:p-12 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 12);
    }
  }
  .lg\:px-6 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .lg\:text-right {
    @media (width >= 64rem) {
      text-align: right;
    }
  }
  .lg\:text-5xl {
    @media (width >= 64rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .xl\:col-span-1 {
    @media (width >= 80rem) {
      grid-column: span 1 / span 1;
    }
  }
  .xl\:col-span-2 {
    @media (width >= 80rem) {
      grid-column: span 2 / span 2;
    }
  }
  .xl\:col-span-3 {
    @media (width >= 80rem) {
      grid-column: span 3 / span 3;
    }
  }
  .xl\:col-span-4 {
    @media (width >= 80rem) {
      grid-column: span 4 / span 4;
    }
  }
  .xl\:col-span-5 {
    @media (width >= 80rem) {
      grid-column: span 5 / span 5;
    }
  }
  .xl\:col-span-6 {
    @media (width >= 80rem) {
      grid-column: span 6 / span 6;
    }
  }
  .xl\:col-span-7 {
    @media (width >= 80rem) {
      grid-column: span 7 / span 7;
    }
  }
  .xl\:col-span-8 {
    @media (width >= 80rem) {
      grid-column: span 8 / span 8;
    }
  }
  .xl\:flex {
    @media (width >= 80rem) {
      display: flex;
    }
  }
  .xl\:w-\[26rem\] {
    @media (width >= 80rem) {
      width: 26rem;
    }
  }
  .xl\:grid-cols-2 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-3 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-4 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-5 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-6 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-7 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-8 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-9 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-12 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .xl\:flex-row {
    @media (width >= 80rem) {
      flex-direction: row;
    }
  }
  .xl\:items-center {
    @media (width >= 80rem) {
      align-items: center;
    }
  }
  .xl\:items-start {
    @media (width >= 80rem) {
      align-items: flex-start;
    }
  }
  .xl\:justify-between {
    @media (width >= 80rem) {
      justify-content: space-between;
    }
  }
  .xl\:p-14 {
    @media (width >= 80rem) {
      padding: calc(var(--spacing) * 14);
    }
  }
  .xl\:text-6xl {
    @media (width >= 80rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  .dark\:border-slate-700 {
    &:where(.dark, .dark *) {
      border-color: var(--color-slate-700);
    }
  }
  .dark\:bg-slate-900 {
    &:where(.dark, .dark *) {
      background-color: var(--color-slate-900);
    }
  }
  .dark\:text-slate-100 {
    &:where(.dark, .dark *) {
      color: var(--color-slate-100);
    }
  }
  .print\:hidden {
    @media print {
      display: none;
    }
  }
  .print\:h-24 {
    @media print {
      height: calc(var(--spacing) * 24);
    }
  }
  .print\:w-20 {
    @media print {
      width: calc(var(--spacing) * 20);
    }
  }
  .\[\&_svg\]\:h-full {
    & svg {
      height: 100%;
    }
  }
  .\[\&_svg\]\:w-full {
    & svg {
      width: 100%;
    }
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}


/* Portal component/legacy compatibility layer */
/* Minimal baseline so pages don't look broken if ASSET_MODE=local and you haven't built yet */
html, body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }

.mp-card {
  transition: all .25s ease;
}

.mp-card:hover {
  transform: translateY(-4px);
}
/* Opaque portal cards do not need a compositor-heavy backdrop blur. */
.mp-card {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
/* ---- Mobile UX / responsive polish ---- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
#mp-main { overflow-x: hidden; }
#mp-main img, #mp-main svg { max-width: 100%; }
.mp-page-title { letter-spacing: -0.02em; }
.mp-mobile-stack { min-width: 0; }
.mp-scroll-x { overflow-x: auto; -webkit-overflow-scrolling: touch; }

@media (max-width: 767px) {
  body { background: #f8fafc; }
  #mp-main > div { padding: 1rem 0.875rem 5rem; }
  header { position: sticky; top: 0; }
  .mp-card { border-radius: 20px; padding: 1rem !important; box-shadow: 0 10px 24px rgba(2,6,23,0.055); }
  .mp-btn, .mp-toolbar a:not(.mp-btn), .mp-toolbar button:not(.mp-btn) { min-height: 44px; border-radius: 16px; padding: .72rem .95rem; }
  .mp-toolbar { width: 100%; display: grid !important; grid-template-columns: 1fr; gap: .55rem !important; }
  .mp-filterbar { position: static; }
  .mp-filterbar .mp-card { box-shadow: 0 8px 20px rgba(2,6,23,.06); }
  #notifDropdown, #userMenuDropdown { position: fixed !important; right: .75rem !important; left: .75rem !important; width: auto !important; max-width: none !important; }
  #notifDropdown { top: 4.2rem !important; }
  #userMenuDropdown { top: 4.4rem !important; }
}

@media (max-width: 640px) {
  #mp-main .flex.items-end.justify-between,
  #mp-main .flex.items-center.justify-between { align-items: stretch; }
  #mp-main h1 { font-size: 1.65rem; line-height: 2rem; }
  #mp-main p { line-height: 1.55; }
  #mp-main .grid { min-width: 0; }
  #mp-main .rounded-2xl { border-radius: 1.15rem; }

  .mp-chip-row, #mp-main .mt-5.flex.items-center.gap-2 { overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: .25rem; scrollbar-width: none; }
  .mp-chip-row::-webkit-scrollbar, #mp-main .mt-5.flex.items-center.gap-2::-webkit-scrollbar { display: none; }
  .mp-chip-row > *, #mp-main .mt-5.flex.items-center.gap-2 > * { flex: 0 0 auto; }

  #mp-main table.mp-responsive-table,
  #mp-main table.mp-table.mp-responsive-table,
  #mp-main table:not(.mp-keep-table).mp-responsive-table {
    display: block;
    border: 0;
    border-radius: 0;
    background: transparent;
    overflow: visible;
  }
  #mp-main table.mp-responsive-table thead { display: none; }
  #mp-main table.mp-responsive-table tbody { display: grid; gap: .85rem; }
  #mp-main table.mp-responsive-table tr { display: block; border: 1px solid rgba(226,232,240,.95); border-radius: 20px; background: rgba(255,255,255,.96); box-shadow: 0 10px 24px rgba(2,6,23,.055); overflow: hidden; }
  #mp-main table.mp-responsive-table tr:nth-child(even) { background: rgba(255,255,255,.96); }
  #mp-main table.mp-responsive-table td { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; width: 100%; border: 0 !important; border-top: 1px solid rgba(226,232,240,.78) !important; padding: .78rem .95rem !important; text-align: right !important; font-size: .9rem; }
  #mp-main table.mp-responsive-table td:first-child { border-top: 0 !important; font-weight: 700; color: #0f172a; text-align: left !important; display: block; font-size: 1rem; }
  #mp-main table.mp-responsive-table td:first-child::before { display: none; }
  #mp-main table.mp-responsive-table td::before { content: attr(data-label); flex: 0 0 44%; text-align: left; font-size: .72rem; font-weight: 800; letter-spacing: .03em; color: #64748b; text-transform: uppercase; }
  #mp-main table.mp-responsive-table td:empty { display: none; }
  #mp-main table.mp-responsive-table td:last-child { justify-content: flex-start; text-align: left !important; }
  #mp-main table.mp-responsive-table td:last-child::before { display: none; }
  #mp-main table.mp-responsive-table td a, #mp-main table.mp-responsive-table td button { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 14px; }
  body.dark #mp-main table.mp-responsive-table tr { background: rgba(15,23,42,.78); border-color: rgba(148,163,184,.18); }
  body.dark #mp-main table.mp-responsive-table td:first-child { color: #e5e7eb; }
  body.dark #mp-main table.mp-responsive-table td::before { color: #94a3b8; }
}
/* ---- v62 UX Polish: consistent controls, pages, mobile resilience ---- */
:root{
  --mp-radius: 20px;
  --mp-border: rgba(226,232,240,.92);
  --mp-muted: #64748b;
  --mp-soft: rgba(248,250,252,.94);
  --mp-content-max: 2200px;
  --mp-readable-max: 920px;
  --mp-form-max: 1180px;
}

#mp-main .mp-content-canvas{ width:100%; max-width:var(--mp-content-max,2200px); margin-inline:auto; min-width:0; }
#mp-main .mp-page-shell{ width:100%; max-width:none; margin:0; min-width:0; }
#mp-main .mp-page-wide{ width:100%; max-width:none; margin:0; min-width:0; }
#mp-main .mp-page-readable{ width:100%; max-width:var(--mp-readable-max,920px); margin-inline:auto; min-width:0; }
#mp-main .mp-page-form{ width:100%; max-width:var(--mp-form-max,1180px); margin-inline:auto; min-width:0; }
@media (min-width:1536px){
  #mp-main .mp-content-canvas{ padding-left:2rem !important; padding-right:2rem !important; }
}
@media (min-width:1920px){
  #mp-main .mp-content-canvas{ padding-left:2.25rem !important; padding-right:2.25rem !important; }
}
#mp-main .mp-page-hero{
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  padding: 1.25rem;
  border: 1px solid rgba(226,232,240,.9);
  background:
    radial-gradient(circle at top right, rgba(14,165,233,.16), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(248,250,252,.92));
  box-shadow: 0 18px 45px rgba(2,6,23,.07);
}
#mp-main .mp-page-hero::after{
  content:'';
  position:absolute;
  right:-55px;
  top:-55px;
  width:150px;
  height:150px;
  border-radius:999px;
  background: linear-gradient(135deg, rgba(10,109,245,.12), rgba(0,183,194,.12));
}
body.dark #mp-main .mp-page-hero{
  border-color: rgba(148,163,184,.18);
  background:
    radial-gradient(circle at top right, rgba(34,211,238,.12), transparent 32%),
    linear-gradient(135deg, rgba(15,23,42,.88), rgba(15,23,42,.64));
  box-shadow: 0 18px 45px rgba(0,0,0,.32);
}

#mp-main .mp-stat-card{
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid var(--mp-border);
  background: rgba(255,255,255,.96);
  padding: 1.15rem;
  box-shadow: 0 12px 30px rgba(2,6,23,.055);
}
#mp-main .mp-stat-card::before{
  content:'';
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background: linear-gradient(180deg, var(--brand-primary), var(--brand-secondary));
  opacity:.8;
}
#mp-main .mp-stat-label{ font-size:.78rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--mp-muted); }
#mp-main .mp-stat-value{ margin-top:.35rem; font-size:1.75rem; line-height:2rem; font-weight:800; letter-spacing:-.03em; color:#0f172a; }
#mp-main .mp-stat-help{ margin-top:.35rem; font-size:.8rem; color:var(--mp-muted); }
body.dark #mp-main .mp-stat-card{ background: rgba(15,23,42,.72); border-color:rgba(148,163,184,.18); box-shadow:0 18px 38px rgba(0,0,0,.28); }
body.dark #mp-main .mp-stat-value{ color:#e5e7eb; }

#mp-main .mp-section-card{
  border-radius: 24px;
  border: 1px solid var(--mp-border);
  background: rgba(255,255,255,.96);
  box-shadow: 0 12px 30px rgba(2,6,23,.055);
}
#mp-main .mp-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 1.15rem;
  border-bottom:1px solid rgba(226,232,240,.78);
}
#mp-main .mp-section-title{ font-weight:800; letter-spacing:-.01em; color:#0f172a; }
#mp-main .mp-section-subtitle{ margin-top:.15rem; font-size:.85rem; color:var(--mp-muted); }
body.dark #mp-main .mp-section-card{ background:rgba(15,23,42,.72); border-color:rgba(148,163,184,.18); box-shadow:0 18px 38px rgba(0,0,0,.28); }
body.dark #mp-main .mp-section-head{ border-color:rgba(148,163,184,.16); }
body.dark #mp-main .mp-section-title{ color:#e5e7eb; }

#mp-main .mp-empty-state{
  border: 1px dashed rgba(148,163,184,.65);
  border-radius: 22px;
  padding: 2rem 1rem;
  text-align:center;
  background: linear-gradient(135deg, rgba(248,250,252,.86), rgba(255,255,255,.9));
  color:#64748b;
}
#mp-main .mp-empty-state-icon{ font-size:2rem; line-height:1; margin-bottom:.65rem; }
#mp-main .mp-empty-state-title{ font-weight:800; color:#334155; }
#mp-main .mp-empty-state-text{ margin-top:.25rem; font-size:.9rem; color:#64748b; }
body.dark #mp-main .mp-empty-state{ background:rgba(15,23,42,.45); border-color:rgba(148,163,184,.22); color:#94a3b8; }
body.dark #mp-main .mp-empty-state-title{ color:#e5e7eb; }

#mp-main .mp-alert{
  display:flex;
  gap:.75rem;
  align-items:flex-start;
  border-radius:18px;
  padding:.9rem 1rem;
  border:1px solid rgba(226,232,240,.9);
  background:#fff;
  color:#334155;
}
#mp-main .mp-alert-success{ border-color:rgba(34,197,94,.24); background:rgba(240,253,244,.95); color:#166534; }
#mp-main .mp-alert-warning{ border-color:rgba(245,158,11,.28); background:rgba(255,251,235,.95); color:#92400e; }
#mp-main .mp-alert-danger{ border-color:rgba(239,68,68,.28); background:rgba(254,242,242,.95); color:#991b1b; }
#mp-main .mp-alert-info{ border-color:rgba(14,165,233,.28); background:rgba(240,249,255,.95); color:#075985; }

#mp-main .mp-status{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  border-radius:999px;
  padding:.28rem .65rem;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.015em;
  border:1px solid rgba(226,232,240,.9);
  background:#f8fafc;
  color:#475569;
  text-transform:capitalize;
  white-space:nowrap;
}
#mp-main .mp-status-success, #mp-main .mp-status-paid, #mp-main .mp-status-approved, #mp-main .mp-status-cleared, #mp-main .mp-status-active, #mp-main .mp-status-published{ background:#ecfdf5; color:#047857; border-color:rgba(16,185,129,.22); }
#mp-main .mp-status-warning, #mp-main .mp-status-pending, #mp-main .mp-status-submitted, #mp-main .mp-status-invoiced, #mp-main .mp-status-processing{ background:#fffbeb; color:#b45309; border-color:rgba(245,158,11,.24); }
#mp-main .mp-status-danger, #mp-main .mp-status-rejected, #mp-main .mp-status-failed, #mp-main .mp-status-blocked, #mp-main .mp-status-revoked{ background:#fef2f2; color:#b91c1c; border-color:rgba(239,68,68,.24); }
#mp-main .mp-status-info, #mp-main .mp-status-draft, #mp-main .mp-status-open{ background:#eff6ff; color:#1d4ed8; border-color:rgba(59,130,246,.22); }
body.dark #mp-main .mp-status{ border-color:rgba(148,163,184,.18); background:rgba(15,23,42,.72); color:#cbd5e1; }

#mp-main .mp-form-grid{ display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:1rem; }
#mp-main .mp-field{ display:flex; flex-direction:column; gap:.35rem; }
#mp-main .mp-field-span-12{ grid-column:span 12 / span 12; }
#mp-main .mp-field-span-6{ grid-column:span 6 / span 6; }
#mp-main .mp-field-span-4{ grid-column:span 4 / span 4; }
#mp-main .mp-field-span-3{ grid-column:span 3 / span 3; }
#mp-main .mp-error-text{ font-size:.78rem; font-weight:600; color:#dc2626; }

#mp-main .mp-action-row{ display:flex; align-items:center; justify-content:flex-end; gap:.65rem; flex-wrap:wrap; }
#mp-main .mp-btn-sm{ min-height:36px; padding:.45rem .75rem; border-radius:12px; font-size:.85rem; }
#mp-main .mp-btn-wide{ min-width:10rem; }

#mp-main .mp-table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; border-radius:20px; }
#mp-main table th, #mp-main table td{ word-break:normal; overflow-wrap:anywhere; }
#mp-main table td .mp-action-row{ justify-content:flex-start; }

@media (max-width: 767px){
  #mp-main .mp-page-hero{ padding:1rem; border-radius:22px; }
  #mp-main .mp-section-head{ flex-direction:column; align-items:stretch; }
  #mp-main .mp-action-row{ display:grid; grid-template-columns:1fr; justify-content:stretch; }
  #mp-main .mp-action-row .mp-btn, #mp-main .mp-action-row a, #mp-main .mp-action-row button{ width:100%; justify-content:center; }
  #mp-main .mp-form-grid{ grid-template-columns:1fr; }
  #mp-main .mp-field-span-12, #mp-main .mp-field-span-6, #mp-main .mp-field-span-4, #mp-main .mp-field-span-3{ grid-column:auto; }
  #mp-main .mp-stat-card{ padding:1rem; border-radius:20px; }
  #mp-main .mp-stat-value{ font-size:1.45rem; }
  #mp-main .mp-section-card{ border-radius:20px; }
  #mp-main .mp-hide-mobile{ display:none !important; }
}


/* ---- Mega batch academic-register page layout hotfix ----
   Do not use .mp-page as a module wrapper; .mp-page is reserved for pagination.
   .mp-module-page gives these registry/audit screens a full-width responsive layout. */
#mp-main .mp-module-page{
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
}
#mp-main .mp-module-page .mp-page-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  flex-wrap:wrap;
  margin-bottom:1rem;
  padding:1rem 1.1rem;
  border:1px solid rgba(226,232,240,.92);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,250,252,.94));
  box-shadow:0 12px 30px rgba(2,6,23,.055);
}
#mp-main .mp-module-page .mp-page-header h1{
  margin:0;
  color:#0f172a;
  font-size:clamp(1.25rem,1.9vw,1.9rem);
  line-height:1.15;
  font-weight:800;
  letter-spacing:-.02em;
}
#mp-main .mp-module-page .mp-page-header p{
  max-width:48rem;
  margin:.35rem 0 0;
  color:#475569;
  font-size:.95rem;
  line-height:1.45;
}
#mp-main .mp-module-page .mp-toolbar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:.55rem;
  width:auto;
  min-width:0;
}
#mp-main .mp-module-page form,
#mp-main .mp-module-page .rounded-2xl{
  min-width:0;
}
#mp-main .mp-module-page table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}
#mp-main .mp-module-page table th,
#mp-main .mp-module-page table td{
  padding:.78rem .9rem;
  text-align:left;
  vertical-align:top;
  border-bottom:1px solid rgba(226,232,240,.86);
  white-space:normal;
}
#mp-main .mp-module-page table thead th{
  background:linear-gradient(135deg,var(--brand-primary),#0354c9);
  color:#fff;
  font-size:.75rem;
  line-height:1.1;
  text-transform:uppercase;
  letter-spacing:.04em;
  white-space:nowrap;
}
#mp-main .mp-module-page table tbody tr:nth-child(even){ background:rgba(248,250,252,.72); }
#mp-main .mp-module-page table tbody tr:hover{ background:rgba(10,109,245,.055); }
#mp-main .mp-module-page .mp-btn{ white-space:nowrap; }
@media (max-width: 1024px){
  #mp-main .mp-module-page .mp-page-header{ align-items:stretch; }
  #mp-main .mp-module-page .mp-toolbar{ width:100%; justify-content:flex-start; }
}
@media (max-width: 767px){
  #mp-main .mp-module-page .mp-page-header{ padding:.95rem; border-radius:20px; }
  #mp-main .mp-module-page .mp-toolbar{ display:grid !important; grid-template-columns:1fr; width:100% !important; }
  #mp-main .mp-module-page .mp-toolbar .mp-btn{ width:100%; }
}

/* ---- Professional UI refresh: Exam Settings + Bursary Dashboard ---- */
#mp-main .mp-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  color:#0f766e;
  font-size:.7rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}
body.dark #mp-main .mp-eyebrow{ color:#5eead4; }

/* Exam settings */
#mp-main .mp-exam-settings{ display:grid; gap:1.1rem; }
#mp-main .mp-exam-hero{
  min-height:210px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem;
  padding:1.55rem 1.65rem;
  background:
    radial-gradient(circle at 82% 8%,rgba(20,184,166,.15),transparent 30%),
    radial-gradient(circle at 96% 80%,rgba(37,99,235,.12),transparent 28%),
    linear-gradient(135deg,#fff 0%,#f8fbff 58%,#f0fdfa 100%);
}
#mp-main .mp-exam-hero-copy{ position:relative; z-index:1; max-width:61rem; }
#mp-main .mp-exam-title{
  margin:.55rem 0 0;
  font-size:clamp(1.8rem,2.5vw,2.65rem);
  line-height:1.08;
  font-weight:850;
  letter-spacing:-.035em;
  color:#0f172a;
}
#mp-main .mp-exam-lead{
  max-width:52rem;
  margin:.65rem 0 0;
  color:#52627a;
  font-size:.96rem;
  line-height:1.65;
}
#mp-main .mp-exam-hero-icon{
  position:relative;
  z-index:1;
  flex:0 0 auto;
  width:92px;
  height:92px;
  display:grid;
  place-items:center;
  border-radius:28px;
  color:#0f766e;
  border:1px solid rgba(15,118,110,.16);
  background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(240,253,250,.92));
  box-shadow:0 22px 45px rgba(15,118,110,.12);
}
#mp-main .mp-exam-hero-icon svg{ width:48px; height:48px; }
#mp-main .mp-exam-summary{
  display:flex;
  align-items:stretch;
  gap:.9rem;
  margin-top:1.25rem;
  width:max-content;
  max-width:100%;
  padding:.75rem .9rem;
  border:1px solid rgba(226,232,240,.9);
  border-radius:18px;
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(10px);
}
#mp-main .mp-exam-summary-item{ display:flex; flex-direction:column; justify-content:center; min-width:102px; }
#mp-main .mp-exam-summary-item--status{ min-width:126px; }
#mp-main .mp-exam-summary-value{ font-size:1.05rem; line-height:1.1; font-weight:850; color:#0f172a; }
#mp-main .mp-exam-summary-label{ margin-top:.25rem; font-size:.68rem; font-weight:650; color:#64748b; }
#mp-main .mp-exam-summary-divider{ width:1px; background:rgba(203,213,225,.72); }
#mp-main .mp-exam-form{ display:grid; gap:1rem; }
#mp-main .mp-exam-groups{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; align-items:start; }
#mp-main .mp-policy-section{
  min-width:0;
  border:1px solid rgba(226,232,240,.96);
  border-radius:24px;
  background:rgba(255,255,255,.97);
  box-shadow:0 12px 32px rgba(15,23,42,.055);
  overflow:hidden;
}
#mp-main .mp-policy-section-head{
  display:flex;
  align-items:flex-start;
  gap:.85rem;
  padding:1.05rem 1.05rem .95rem;
  border-bottom:1px solid rgba(226,232,240,.82);
  background:linear-gradient(180deg,rgba(248,250,252,.72),rgba(255,255,255,.94));
}
#mp-main .mp-policy-section-icon{
  flex:0 0 auto;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#0f766e;
  background:#ecfdf5;
  border:1px solid rgba(16,185,129,.16);
}
#mp-main .mp-policy-section-icon svg{ width:22px; height:22px; }
#mp-main .mp-policy-section-title{ margin:.28rem 0 0; font-size:1rem; line-height:1.25; font-weight:800; letter-spacing:-.012em; color:#0f172a; }
#mp-main .mp-policy-section-description{ margin:.35rem 0 0; color:#64748b; font-size:.78rem; line-height:1.55; }
#mp-main .mp-policy-list{ display:grid; }
#mp-main .mp-policy-row{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1rem;
  align-items:center;
  min-height:132px;
  padding:1rem 1.05rem;
  border-top:1px solid rgba(241,245,249,.9);
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
#mp-main .mp-policy-row:first-child{ border-top:0; }
#mp-main .mp-policy-row:hover{ background:#f8fafc; }
#mp-main .mp-policy-row.is-enabled{ background:linear-gradient(90deg,rgba(240,253,250,.58),rgba(255,255,255,.96) 52%); }
#mp-main .mp-policy-copy{ min-width:0; display:block; }
#mp-main .mp-policy-title-line{ display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; }
#mp-main .mp-policy-title{ color:#172033; font-size:.86rem; line-height:1.35; font-weight:760; }
#mp-main .mp-policy-description{ display:block; margin-top:.4rem; color:#65758b; font-size:.76rem; line-height:1.55; }
#mp-main .mp-policy-badge{
  display:inline-flex;
  align-items:center;
  min-height:23px;
  padding:.2rem .48rem;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.25);
  background:#f8fafc;
  color:#64748b;
  font-size:.61rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.02em;
  white-space:nowrap;
}
#mp-main .mp-policy-badge--recommended{ background:#ecfdf5; border-color:rgba(16,185,129,.2); color:#047857; }
#mp-main .mp-policy-badge--strict{ background:#fff7ed; border-color:rgba(249,115,22,.2); color:#c2410c; }
#mp-main .mp-policy-badge--transition{ background:#eff6ff; border-color:rgba(59,130,246,.2); color:#1d4ed8; }
#mp-main .mp-policy-badge--controlled{ background:#f5f3ff; border-color:rgba(139,92,246,.2); color:#6d28d9; }
#mp-main .mp-policy-badge--integrity{ background:#fef2f2; border-color:rgba(239,68,68,.18); color:#b91c1c; }
#mp-main .mp-switch-wrap{ position:relative; display:inline-flex; align-items:center; }
#mp-main .mp-switch-input{ position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
#mp-main .mp-switch{
  position:relative;
  width:46px;
  height:26px;
  padding:3px;
  border-radius:999px;
  border:1px solid #cbd5e1;
  background:#e2e8f0;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.08);
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
#mp-main .mp-switch-knob{
  display:block;
  width:18px;
  height:18px;
  border-radius:999px;
  background:#fff;
  box-shadow:0 2px 6px rgba(15,23,42,.2);
  transition:transform .18s ease;
}
#mp-main .mp-switch-input:checked + .mp-switch{
  border-color:#0f766e;
  background:linear-gradient(135deg,#0f766e,#0d9488);
  box-shadow:0 0 0 3px rgba(20,184,166,.1);
}
#mp-main .mp-switch-input:checked + .mp-switch .mp-switch-knob{ transform:translateX(20px); }
#mp-main .mp-switch-input:focus-visible + .mp-switch{ outline:3px solid rgba(59,130,246,.22); outline-offset:3px; }
#mp-main .mp-exam-savebar{
  position:sticky;
  bottom:1rem;
  z-index:20;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.85rem .95rem;
  border:1px solid rgba(203,213,225,.9);
  border-radius:20px;
  background:rgba(255,255,255,.94);
  box-shadow:0 18px 45px rgba(15,23,42,.12);
  backdrop-filter:blur(14px);
}
#mp-main .mp-exam-save-note{ display:flex; align-items:center; gap:.65rem; min-width:0; color:#52627a; font-size:.78rem; line-height:1.45; }
#mp-main .mp-exam-save-note strong{ color:#1e293b; }
#mp-main .mp-exam-save-note-icon{ flex:0 0 auto; width:32px; height:32px; display:grid; place-items:center; border-radius:11px; background:#eff6ff; color:#2563eb; }
#mp-main .mp-exam-save-note-icon svg{ width:17px; height:17px; }
#mp-main .mp-exam-save-button svg{ width:17px; height:17px; }

/* Bursary dashboard */
#mp-main .mp-bursary-page{ display:grid; gap:1rem; }
#mp-main .mp-bursary-hero{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem;
  padding:1.45rem 1.55rem;
  min-height:190px;
  border:1px solid rgba(226,232,240,.92);
  border-radius:28px;
  background:
    radial-gradient(circle at 87% 22%,rgba(14,165,233,.14),transparent 25%),
    radial-gradient(circle at 78% 100%,rgba(20,184,166,.14),transparent 28%),
    linear-gradient(135deg,#fff,#f8fbff 56%,#f0fdfa);
  box-shadow:0 16px 42px rgba(15,23,42,.065);
}
#mp-main .mp-bursary-hero::after{
  content:'';
  position:absolute;
  right:-70px;
  top:-95px;
  width:280px;
  height:280px;
  border-radius:999px;
  border:40px solid rgba(255,255,255,.3);
  pointer-events:none;
}
#mp-main .mp-bursary-hero-copy{ position:relative; z-index:1; max-width:54rem; }
#mp-main .mp-bursary-hero h1{ margin:.55rem 0 0; color:#0f172a; font-size:clamp(1.8rem,2.4vw,2.55rem); line-height:1.1; font-weight:850; letter-spacing:-.035em; }
#mp-main .mp-bursary-hero p{ max-width:48rem; margin:.65rem 0 0; color:#52627a; font-size:.93rem; line-height:1.65; }
#mp-main .mp-bursary-hero-actions{ display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1.05rem; }
#mp-main .mp-inline-icon{ display:inline-grid; place-items:center; width:17px; height:17px; }
#mp-main .mp-inline-icon svg{ width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
#mp-main .mp-bursary-hero-status{
  position:relative;
  z-index:1;
  flex:0 0 315px;
  display:flex;
  align-items:center;
  gap:.85rem;
  padding:.9rem;
  border:1px solid rgba(255,255,255,.72);
  border-radius:22px;
  background:rgba(255,255,255,.76);
  box-shadow:0 14px 32px rgba(15,23,42,.08);
  backdrop-filter:blur(12px);
}
#mp-main .mp-bursary-health-ring{
  flex:0 0 auto;
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:conic-gradient(#0f766e 0 76%,#dbeafe 76% 100%);
  box-shadow:inset 0 0 0 8px rgba(255,255,255,.9);
}
#mp-main .mp-bursary-health-ring span{ color:#0f172a; font-size:1.05rem; font-weight:850; }
#mp-main .mp-bursary-health-title{ color:#0f172a; font-size:.86rem; font-weight:800; }
#mp-main .mp-bursary-health-copy{ margin-top:.2rem; color:#64748b; font-size:.72rem; line-height:1.45; }
#mp-main .mp-finance-kpi-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.9rem; }
#mp-main .mp-finance-kpi{
  position:relative;
  overflow:hidden;
  min-height:155px;
  padding:1rem 1.05rem;
  border:1px solid rgba(226,232,240,.94);
  border-radius:23px;
  background:rgba(255,255,255,.98);
  box-shadow:0 10px 28px rgba(15,23,42,.055);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
#mp-main .mp-finance-kpi:hover{ transform:translateY(-2px); box-shadow:0 16px 34px rgba(15,23,42,.085); }
#mp-main .mp-finance-kpi::after{ content:''; position:absolute; right:-30px; bottom:-44px; width:110px; height:110px; border-radius:999px; background:var(--mp-kpi-soft,#eff6ff); opacity:.85; }
#mp-main .mp-finance-kpi--primary{ --mp-kpi-accent:#2563eb; --mp-kpi-soft:#eff6ff; }
#mp-main .mp-finance-kpi--success{ --mp-kpi-accent:#0f766e; --mp-kpi-soft:#ecfdf5; }
#mp-main .mp-finance-kpi--warning{ --mp-kpi-accent:#d97706; --mp-kpi-soft:#fffbeb; }
#mp-main .mp-finance-kpi--danger{ --mp-kpi-accent:#dc2626; --mp-kpi-soft:#fef2f2; }
#mp-main .mp-finance-kpi-top{ position:relative; z-index:1; display:flex; align-items:center; gap:.6rem; }
#mp-main .mp-finance-kpi-icon{ width:34px; height:34px; display:grid; place-items:center; border-radius:11px; color:var(--mp-kpi-accent); background:var(--mp-kpi-soft); }
#mp-main .mp-finance-kpi-icon svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
#mp-main .mp-finance-kpi-label{ color:#64748b; font-size:.72rem; font-weight:700; letter-spacing:.01em; }
#mp-main .mp-finance-kpi-value{ position:relative; z-index:1; margin-top:.95rem; color:#0f172a; font-size:clamp(1.45rem,2vw,2rem); line-height:1.05; font-weight:850; letter-spacing:-.035em; }
#mp-main .mp-finance-kpi-hint{ position:relative; z-index:1; margin-top:.42rem; color:#64748b; font-size:.72rem; line-height:1.45; }
#mp-main .mp-bursary-primary-grid{ display:grid; grid-template-columns:minmax(0,2.15fr) minmax(340px,.85fr); gap:1rem; align-items:stretch; }
#mp-main .mp-bursary-operations,#mp-main .mp-bursary-sidecard{ overflow:hidden; }
#mp-main .mp-operation-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; padding:1rem; }
#mp-main .mp-operation-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:.8rem;
  min-height:155px;
  padding:.95rem;
  border:1px solid rgba(226,232,240,.95);
  border-radius:19px;
  background:#fff;
  color:inherit;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
#mp-main .mp-operation-card:hover{ transform:translateY(-2px); border-color:rgba(59,130,246,.28); box-shadow:0 12px 26px rgba(15,23,42,.065); background:#fbfdff; }
#mp-main .mp-operation-card--primary{ border-color:rgba(37,99,235,.2); background:linear-gradient(135deg,#f8fbff,#fff); }
#mp-main .mp-operation-card--warning{ border-color:rgba(245,158,11,.22); background:linear-gradient(135deg,#fffbeb,#fff); }
#mp-main .mp-operation-icon{ width:42px; height:42px; display:grid; place-items:center; border-radius:13px; color:#0f766e; background:#ecfdf5; }
#mp-main .mp-operation-card--primary .mp-operation-icon{ color:#2563eb; background:#eff6ff; }
#mp-main .mp-operation-card--warning .mp-operation-icon{ color:#b45309; background:#fff7ed; }
#mp-main .mp-operation-icon svg{ width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
#mp-main .mp-operation-body{ min-width:0; display:flex; flex-direction:column; align-items:flex-start; }
#mp-main .mp-operation-title{ color:#172033; font-size:.88rem; font-weight:800; line-height:1.35; }
#mp-main .mp-operation-description{ margin-top:.32rem; color:#64748b; font-size:.73rem; line-height:1.52; }
#mp-main .mp-operation-action{ display:inline-flex; align-items:center; gap:.35rem; margin-top:auto; padding-top:.7rem; color:#0f766e; font-size:.72rem; font-weight:800; }
#mp-main .mp-operation-card--primary .mp-operation-action{ color:#2563eb; }
#mp-main .mp-operation-card--warning .mp-operation-action{ color:#b45309; }
#mp-main .mp-quick-action-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; padding:1rem; }
#mp-main .mp-quick-action{
  display:flex;
  align-items:center;
  gap:.55rem;
  min-height:52px;
  padding:.7rem .75rem;
  border:1px solid rgba(226,232,240,.95);
  border-radius:15px;
  background:#fff;
  color:#334155;
  text-decoration:none;
  font-size:.72rem;
  line-height:1.25;
  font-weight:750;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
#mp-main .mp-quick-action:hover{ transform:translateY(-1px); border-color:rgba(20,184,166,.3); background:#f0fdfa; color:#0f766e; }
#mp-main .mp-quick-action-icon{ flex:0 0 auto; width:28px; height:28px; display:grid; place-items:center; border-radius:9px; color:#0f766e; background:#f0fdfa; }
#mp-main .mp-quick-action-icon svg{ width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
#mp-main .mp-office-status{ margin:0 1rem 1rem; padding:.85rem; border:1px solid rgba(226,232,240,.95); border-radius:18px; background:#f8fafc; }
#mp-main .mp-office-status-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:.75rem; }
#mp-main .mp-office-status-title{ color:#0f172a; font-size:.78rem; font-weight:800; }
#mp-main .mp-office-status-subtitle{ margin-top:.18rem; color:#64748b; font-size:.65rem; }
#mp-main .mp-office-status-list{ display:grid; gap:.48rem; margin-top:.7rem; }
#mp-main .mp-office-status-list > div{ display:flex; align-items:center; justify-content:space-between; gap:.75rem; font-size:.72rem; }
#mp-main .mp-office-status-list span{ color:#64748b; }
#mp-main .mp-office-status-list strong{ color:#172033; font-weight:800; }
#mp-main .mp-text-danger{ color:#dc2626 !important; }
#mp-main .mp-text-warning{ color:#d97706 !important; }
#mp-main .mp-bursary-analytics-grid,#mp-main .mp-bursary-activity-grid{ display:grid; grid-template-columns:minmax(0,2.15fr) minmax(340px,.85fr); gap:1rem; }
#mp-main .mp-trend-panel,#mp-main .mp-purpose-panel{ overflow:hidden; }
#mp-main .mp-panel-metric{ text-align:right; }
#mp-main .mp-panel-metric span{ display:block; color:#64748b; font-size:.64rem; font-weight:650; }
#mp-main .mp-panel-metric strong{ display:block; margin-top:.2rem; color:#0f172a; font-size:.9rem; font-weight:850; }
#mp-main .mp-trend-body{ padding:1rem 1.15rem 1.05rem; }
#mp-main .mp-bar-chart{ display:grid; grid-template-columns:repeat(14,minmax(18px,1fr)); align-items:end; gap:.45rem; min-height:235px; padding-top:1.6rem; }
#mp-main .mp-bar-chart-item{ display:grid; grid-template-rows:24px 175px auto; align-items:end; gap:.38rem; min-width:0; }
#mp-main .mp-bar-chart-value{ min-height:20px; overflow:hidden; color:#64748b; font-size:.55rem; font-weight:650; text-align:center; white-space:nowrap; text-overflow:ellipsis; }
#mp-main .mp-bar-chart-track{ position:relative; height:175px; display:flex; align-items:flex-end; border-bottom:1px solid rgba(203,213,225,.85); background:repeating-linear-gradient(to top,transparent 0,transparent 43px,rgba(226,232,240,.62) 44px); }
#mp-main .mp-bar-chart-fill{ width:100%; min-height:6px; border-radius:8px 8px 3px 3px; background:linear-gradient(180deg,#2563eb,#0f766e); box-shadow:0 6px 12px rgba(37,99,235,.12); }
#mp-main .mp-bar-chart-label{ overflow:hidden; color:#94a3b8; font-size:.57rem; font-weight:650; text-align:center; white-space:nowrap; text-overflow:ellipsis; }
#mp-main .mp-purpose-list{ display:grid; gap:.8rem; padding:1rem; }
#mp-main .mp-purpose-row{ padding:.78rem; border:1px solid rgba(226,232,240,.88); border-radius:16px; background:#fff; }
#mp-main .mp-purpose-row-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:.75rem; }
#mp-main .mp-purpose-row-head > div{ min-width:0; }
#mp-main .mp-purpose-row-head strong{ color:#172033; font-size:.73rem; line-height:1.3; font-weight:800; }
#mp-main .mp-purpose-row-head > div > strong{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#mp-main .mp-purpose-row-head span{ display:block; margin-top:.16rem; color:#64748b; font-size:.62rem; }
#mp-main .mp-progress{ height:6px; margin-top:.62rem; overflow:hidden; border-radius:999px; background:#eef2f7; }
#mp-main .mp-progress span{ display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#2563eb,#0f766e); }
#mp-main .mp-transaction-list,#mp-main .mp-gateway-list{ display:grid; gap:.65rem; padding:1rem; }
#mp-main .mp-transaction-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:.75rem;
  padding:.8rem;
  border:1px solid rgba(226,232,240,.88);
  border-radius:16px;
  background:#fff;
}
#mp-main .mp-transaction-avatar{ width:36px; height:36px; display:grid; place-items:center; border-radius:12px; background:#eff6ff; color:#1d4ed8; font-size:.75rem; font-weight:850; }
#mp-main .mp-transaction-main{ min-width:0; }
#mp-main .mp-transaction-title-line{ display:flex; align-items:center; gap:.45rem; flex-wrap:wrap; }
#mp-main .mp-transaction-title-line strong{ color:#172033; font-size:.76rem; font-weight:800; }
#mp-main .mp-transaction-meta{ margin-top:.25rem; overflow:hidden; color:#64748b; font-size:.64rem; white-space:nowrap; text-overflow:ellipsis; }
#mp-main .mp-transaction-amount{ text-align:right; white-space:nowrap; }
#mp-main .mp-transaction-amount strong{ display:block; color:#172033; font-size:.76rem; font-weight:850; }
#mp-main .mp-transaction-amount span{ display:block; margin-top:.18rem; color:#94a3b8; font-size:.59rem; }
#mp-main .mp-gateway-row{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:.65rem; padding:.78rem; border:1px solid rgba(226,232,240,.88); border-radius:16px; background:#fff; }
#mp-main .mp-gateway-icon{ width:34px; height:34px; display:grid; place-items:center; border-radius:11px; background:#f0fdfa; color:#0f766e; }
#mp-main .mp-gateway-icon svg{ width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
#mp-main .mp-gateway-main{ min-width:0; }
#mp-main .mp-gateway-main > strong{ display:block; color:#172033; font-size:.73rem; font-weight:800; }
#mp-main .mp-gateway-main > span{ display:flex; align-items:center; gap:.3rem; margin-top:.22rem; color:#64748b; font-size:.6rem; }
#mp-main .mp-gateway-amount{ color:#172033; font-size:.74rem; font-weight:850; white-space:nowrap; }

/* Dark mode for the refreshed screens */
body.dark #mp-main .mp-exam-hero,body.dark #mp-main .mp-bursary-hero{
  border-color:rgba(148,163,184,.18);
  background:radial-gradient(circle at 85% 15%,rgba(20,184,166,.14),transparent 28%),linear-gradient(135deg,rgba(15,23,42,.94),rgba(15,23,42,.78));
}
body.dark #mp-main .mp-exam-title,body.dark #mp-main .mp-bursary-hero h1,body.dark #mp-main .mp-policy-section-title,body.dark #mp-main .mp-finance-kpi-value,body.dark #mp-main .mp-bursary-health-title,body.dark #mp-main .mp-operation-title,body.dark #mp-main .mp-panel-metric strong,body.dark #mp-main .mp-purpose-row-head strong,body.dark #mp-main .mp-transaction-title-line strong,body.dark #mp-main .mp-transaction-amount strong,body.dark #mp-main .mp-gateway-main > strong,body.dark #mp-main .mp-gateway-amount{ color:#e5e7eb; }
body.dark #mp-main .mp-exam-lead,body.dark #mp-main .mp-bursary-hero p,body.dark #mp-main .mp-policy-section-description,body.dark #mp-main .mp-policy-description,body.dark #mp-main .mp-operation-description{ color:#94a3b8; }
body.dark #mp-main .mp-exam-summary,body.dark #mp-main .mp-bursary-hero-status{ border-color:rgba(148,163,184,.18); background:rgba(15,23,42,.62); }
body.dark #mp-main .mp-exam-summary-value{ color:#e5e7eb; }
body.dark #mp-main .mp-policy-section,body.dark #mp-main .mp-finance-kpi,body.dark #mp-main .mp-operation-card,body.dark #mp-main .mp-quick-action,body.dark #mp-main .mp-purpose-row,body.dark #mp-main .mp-transaction-row,body.dark #mp-main .mp-gateway-row{ border-color:rgba(148,163,184,.18); background:rgba(15,23,42,.72); }
body.dark #mp-main .mp-policy-section-head{ border-color:rgba(148,163,184,.15); background:rgba(15,23,42,.5); }
body.dark #mp-main .mp-policy-row{ border-color:rgba(148,163,184,.1); }
body.dark #mp-main .mp-policy-row:hover,body.dark #mp-main .mp-policy-row.is-enabled{ background:rgba(20,184,166,.06); }
body.dark #mp-main .mp-policy-title,body.dark #mp-main .mp-office-status-title{ color:#e2e8f0; }
body.dark #mp-main .mp-exam-savebar{ border-color:rgba(148,163,184,.2); background:rgba(15,23,42,.9); }
body.dark #mp-main .mp-exam-save-note,body.dark #mp-main .mp-exam-save-note strong{ color:#cbd5e1; }
body.dark #mp-main .mp-office-status{ border-color:rgba(148,163,184,.16); background:rgba(2,6,23,.3); }
body.dark #mp-main .mp-office-status-list strong{ color:#e2e8f0; }
body.dark #mp-main .mp-purpose-row,body.dark #mp-main .mp-transaction-row,body.dark #mp-main .mp-gateway-row{ background:rgba(2,6,23,.22); }
body.dark #mp-main .mp-progress{ background:rgba(148,163,184,.16); }
body.dark #mp-main .mp-bar-chart-track{ border-color:rgba(148,163,184,.2); background:repeating-linear-gradient(to top,transparent 0,transparent 43px,rgba(148,163,184,.1) 44px); }

@media (min-width: 1536px){
  #mp-main .mp-bursary-page,#mp-main .mp-exam-settings{ gap:1.15rem; }
  #mp-main .mp-bursary-hero{ min-height:200px; padding:1.65rem 1.8rem; }
  #mp-main .mp-finance-kpi{ min-height:145px; padding:1.15rem 1.2rem; }
  #mp-main .mp-operation-grid{ gap:.9rem; padding:1.1rem; }
  #mp-main .mp-operation-card{ min-height:150px; padding:1rem; }
  #mp-main .mp-bursary-sidecard .mp-quick-action-grid{ gap:.65rem; }
  #mp-main .mp-exam-hero{ min-height:220px; padding:1.7rem 1.85rem; }
  #mp-main .mp-policy-section-head{ padding:1.15rem; }
  #mp-main .mp-policy-row{ min-height:138px; padding:1.05rem 1.15rem; }
}
@media (min-width: 1800px){
  #mp-main .mp-bursary-primary-grid{ grid-template-columns:minmax(0,2.35fr) minmax(380px,.75fr); }
  #mp-main .mp-bursary-analytics-grid,#mp-main .mp-bursary-activity-grid{ grid-template-columns:minmax(0,2.3fr) minmax(380px,.8fr); }
}
@media (max-width: 1180px){
  #mp-main .mp-exam-groups{ grid-template-columns:1fr; }
  #mp-main .mp-policy-list{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  #mp-main .mp-policy-row{ border-top:1px solid rgba(241,245,249,.9); }
  #mp-main .mp-policy-row:nth-child(2){ border-top:0; }
  #mp-main .mp-finance-kpi-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  #mp-main .mp-bursary-primary-grid,#mp-main .mp-bursary-analytics-grid,#mp-main .mp-bursary-activity-grid{ grid-template-columns:1fr; }
}
@media (max-width: 767px){
  #mp-main .mp-exam-hero,#mp-main .mp-bursary-hero{ min-height:0; align-items:flex-start; padding:1.05rem; border-radius:22px; }
  #mp-main .mp-exam-hero-icon,#mp-main .mp-bursary-hero-status{ display:none; }
  #mp-main .mp-exam-summary{ width:100%; overflow-x:auto; }
  #mp-main .mp-policy-list{ grid-template-columns:1fr; }
  #mp-main .mp-policy-row:nth-child(2){ border-top:1px solid rgba(241,245,249,.9); }
  #mp-main .mp-policy-row{ min-height:0; padding:.9rem; }
  #mp-main .mp-exam-savebar{ bottom:.55rem; flex-direction:column; align-items:stretch; }
  #mp-main .mp-exam-save-button{ width:100%; }
  #mp-main .mp-finance-kpi-grid{ grid-template-columns:1fr 1fr; gap:.65rem; }
  #mp-main .mp-finance-kpi{ min-height:145px; padding:.85rem; border-radius:19px; }
  #mp-main .mp-finance-kpi-value{ font-size:1.3rem; }
  #mp-main .mp-operation-grid{ grid-template-columns:1fr; padding:.8rem; }
  #mp-main .mp-operation-card{ min-height:140px; }
  #mp-main .mp-quick-action-grid{ grid-template-columns:1fr 1fr; padding:.8rem; }
  #mp-main .mp-office-status{ margin:0 .8rem .8rem; }
  #mp-main .mp-bar-chart{ gap:.28rem; overflow-x:auto; grid-template-columns:repeat(14,minmax(28px,1fr)); padding-bottom:.25rem; }
  #mp-main .mp-bar-chart-value{ display:none; }
  #mp-main .mp-bar-chart-item{ grid-template-rows:175px auto; }
  #mp-main .mp-panel-metric{ display:none; }
  #mp-main .mp-transaction-row{ grid-template-columns:auto minmax(0,1fr); }
  #mp-main .mp-transaction-amount{ grid-column:2; text-align:left; display:flex; align-items:center; gap:.45rem; }
  #mp-main .mp-transaction-amount span{ margin:0; }
  #mp-main .mp-gateway-row{ grid-template-columns:auto minmax(0,1fr); }
  #mp-main .mp-gateway-amount{ grid-column:2; }
}
@media (max-width: 480px){
  #mp-main .mp-finance-kpi-grid{ grid-template-columns:1fr; }
  #mp-main .mp-quick-action-grid{ grid-template-columns:1fr; }
  #mp-main .mp-exam-summary-divider{ display:none; }
  #mp-main .mp-exam-summary{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  #mp-main .mp-exam-summary-item--status{ grid-column:1 / -1; }
}

/* ==========================================================
   Admin Dashboard — institutional enterprise command center
   ========================================================== */
#mp-main .mp-admin-dashboard{
  display:grid;
  gap:1rem;
  width:100%;
  min-width:0;
}
#mp-main .mp-admin-dashboard svg{
  width:1.15rem;
  height:1.15rem;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#mp-main .mp-admin-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,390px);
  align-items:center;
  min-height:205px;
  overflow:hidden;
  padding:1.45rem 1.6rem;
  border:1px solid rgba(203,213,225,.78);
  border-radius:28px;
  background:
    radial-gradient(circle at 88% 10%,rgba(45,212,191,.18),transparent 30%),
    radial-gradient(circle at 70% 100%,rgba(59,130,246,.12),transparent 35%),
    linear-gradient(120deg,#ffffff 0%,#f8fbff 54%,#eefcfc 100%);
  box-shadow:0 18px 50px rgba(15,23,42,.07);
}
#mp-main .mp-admin-hero::before{
  content:"";
  position:absolute;
  right:-72px;
  top:-110px;
  width:270px;
  height:270px;
  border:26px solid rgba(255,255,255,.45);
  border-radius:999px;
  pointer-events:none;
}
#mp-main .mp-admin-hero-copy{
  position:relative;
  z-index:2;
  max-width:760px;
}
#mp-main .mp-admin-title-row{
  display:flex;
  align-items:flex-start;
  gap:.9rem;
}
#mp-main .mp-admin-title-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  flex:0 0 46px;
  margin-top:.12rem;
  color:#0f2a5f;
  border:1px solid rgba(148,163,184,.26);
  border-radius:15px;
  background:rgba(255,255,255,.88);
  box-shadow:0 8px 24px rgba(15,23,42,.07);
}
#mp-main .mp-admin-title-icon svg{ width:1.45rem; height:1.45rem; }
#mp-main .mp-admin-hero h1{
  margin:.12rem 0 0;
  color:#0f172a;
  font-size:clamp(1.8rem,2.3vw,2.55rem);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:760;
}
#mp-main .mp-admin-hero-copy > p{
  max-width:720px;
  margin:.65rem 0 0 3.85rem;
  color:#52637d;
  font-size:.96rem;
  line-height:1.65;
}
#mp-main .mp-admin-hero-actions{
  display:flex;
  align-items:center;
  gap:.65rem;
  flex-wrap:wrap;
  margin:1rem 0 0 3.85rem;
}
#mp-main .mp-admin-hero-art{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
}
#mp-main .mp-admin-hero-art svg{
  width:min(100%,360px);
  height:auto;
  stroke:none;
  filter:drop-shadow(0 18px 28px rgba(37,99,235,.08));
}

#mp-main .mp-admin-kpi-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:.85rem;
}
#mp-main .mp-admin-kpi{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:.8rem;
  min-height:132px;
  padding:1rem;
  overflow:hidden;
  border:1px solid rgba(203,213,225,.72);
  border-radius:22px;
  background:#fff;
  box-shadow:0 10px 25px rgba(15,23,42,.045);
}
#mp-main .mp-admin-kpi::after{
  content:"";
  position:absolute;
  right:-25px;
  bottom:-33px;
  width:92px;
  height:92px;
  border-radius:999px;
  background:var(--admin-tone-soft,#eff6ff);
  opacity:.82;
}
#mp-main .mp-admin-kpi-icon,
#mp-main .mp-admin-attention-icon,
#mp-main .mp-admin-module-icon{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  color:var(--admin-tone,#2563eb);
  background:var(--admin-tone-soft,#eff6ff);
}
#mp-main .mp-admin-kpi-icon{
  width:42px;
  height:42px;
  border-radius:14px;
}
#mp-main .mp-admin-kpi-body{
  position:relative;
  z-index:1;
  min-width:0;
}
#mp-main .mp-admin-kpi-body > span{
  display:block;
  color:#52637d;
  font-size:.76rem;
  font-weight:650;
}
#mp-main .mp-admin-kpi-body > strong{
  display:block;
  margin-top:.35rem;
  color:#0f172a;
  font-size:clamp(1.45rem,1.7vw,2rem);
  line-height:1.05;
  letter-spacing:-.035em;
  font-weight:760;
  overflow-wrap:anywhere;
}
#mp-main .mp-admin-kpi-body > small{
  display:block;
  margin-top:.46rem;
  color:#64748b;
  font-size:.69rem;
  line-height:1.4;
}
#mp-main .mp-admin-tone-primary{ --admin-tone:#2563eb; --admin-tone-soft:#eff6ff; }
#mp-main .mp-admin-tone-info{ --admin-tone:#0f8b8d; --admin-tone-soft:#ecfeff; }
#mp-main .mp-admin-tone-success{ --admin-tone:#15803d; --admin-tone-soft:#ecfdf3; }
#mp-main .mp-admin-tone-warning{ --admin-tone:#d97706; --admin-tone-soft:#fffbeb; }
#mp-main .mp-admin-tone-amber{ --admin-tone:#b45309; --admin-tone-soft:#fff7ed; }
#mp-main .mp-admin-tone-danger{ --admin-tone:#dc2626; --admin-tone-soft:#fef2f2; }
#mp-main .mp-admin-tone-purple{ --admin-tone:#7c3aed; --admin-tone-soft:#f5f3ff; }

#mp-main .mp-admin-workspace-grid{
  display:grid;
  grid-template-columns:minmax(0,2.12fr) minmax(330px,.88fr);
  gap:1rem;
  align-items:start;
}
#mp-main .mp-admin-main-column,
#mp-main .mp-admin-side-column{
  display:grid;
  gap:1rem;
  min-width:0;
}
#mp-main .mp-admin-section-head-compact{ padding-bottom:.25rem; }

#mp-main .mp-admin-attention-panel{ overflow:hidden; }
#mp-main .mp-admin-attention-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  border-top:1px solid #edf2f7;
}
#mp-main .mp-admin-attention-item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:.75rem;
  min-width:0;
  min-height:150px;
  padding:1rem;
  color:inherit;
  text-decoration:none;
  border-right:1px solid #edf2f7;
  transition:background .18s ease,transform .18s ease;
}
#mp-main .mp-admin-attention-item:last-child{ border-right:0; }
#mp-main .mp-admin-attention-item:hover{
  background:#fbfdff;
  transform:translateY(-1px);
}
#mp-main .mp-admin-attention-icon{
  width:42px;
  height:42px;
  border-radius:15px;
}
#mp-main .mp-admin-attention-icon b{
  position:absolute;
  top:-8px;
  right:-8px;
  min-width:21px;
  height:21px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 5px;
  border:2px solid #fff;
  border-radius:999px;
  color:#fff;
  background:var(--admin-tone,#2563eb);
  font-size:.62rem;
  font-weight:750;
  box-shadow:0 4px 12px rgba(15,23,42,.12);
}
#mp-main .mp-admin-attention-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
}
#mp-main .mp-admin-attention-copy strong{
  color:#172033;
  font-size:.8rem;
  line-height:1.3;
}
#mp-main .mp-admin-attention-copy small{
  display:block;
  margin-top:.25rem;
  color:#64748b;
  font-size:.68rem;
  line-height:1.45;
}
#mp-main .mp-admin-attention-copy em,
#mp-main .mp-admin-module-copy em{
  margin-top:auto;
  padding-top:.65rem;
  color:var(--admin-tone,#2563eb);
  font-size:.7rem;
  font-style:normal;
  font-weight:720;
}

#mp-main .mp-admin-module-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.75rem;
}
#mp-main .mp-admin-module-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:.85rem;
  min-height:144px;
  padding:1rem;
  color:inherit;
  text-decoration:none;
  border:1px solid rgba(203,213,225,.72);
  border-radius:21px;
  background:#fff;
  box-shadow:0 9px 22px rgba(15,23,42,.04);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
#mp-main .mp-admin-module-card:hover{
  transform:translateY(-2px);
  border-color:var(--admin-tone,#2563eb);
  box-shadow:0 14px 30px rgba(15,23,42,.075);
}
#mp-main .mp-admin-module-icon{
  width:46px;
  height:46px;
  border-radius:16px;
}
#mp-main .mp-admin-module-icon svg{ width:1.35rem; height:1.35rem; }
#mp-main .mp-admin-module-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
}
#mp-main .mp-admin-module-copy strong{
  color:#172033;
  font-size:.9rem;
  line-height:1.3;
}
#mp-main .mp-admin-module-copy small{
  display:block;
  margin-top:.28rem;
  color:#64748b;
  font-size:.72rem;
  line-height:1.5;
}

#mp-main .mp-admin-card-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 1rem .85rem;
  border-bottom:1px solid #edf2f7;
}
#mp-main .mp-admin-card-heading h2{
  margin:.1rem 0 0;
  color:#172033;
  font-size:.96rem;
  font-weight:730;
  line-height:1.25;
}
#mp-main .mp-admin-card-heading > a{
  margin-top:.2rem;
  color:#2563eb;
  font-size:.7rem;
  font-weight:720;
  text-decoration:none;
  white-space:nowrap;
}
#mp-main .mp-admin-card-heading > a:hover{ text-decoration:underline; }

#mp-main .mp-admin-queue-list,
#mp-main .mp-admin-transaction-list{ display:grid; }
#mp-main .mp-admin-queue-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:.7rem;
  min-width:0;
  padding:.72rem 1rem;
  color:inherit;
  text-decoration:none;
  border-bottom:1px solid #f1f5f9;
  transition:background .18s ease;
}
#mp-main .mp-admin-queue-row:last-child{ border-bottom:0; }
#mp-main .mp-admin-queue-row:hover{ background:#f8fbff; }
#mp-main .mp-admin-avatar{
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  color:#1e40af;
  background:#dbeafe;
  font-size:.66rem;
  font-weight:780;
}
#mp-main .mp-admin-avatar-warning{ color:#b45309; background:#fef3c7; }
#mp-main .mp-admin-avatar-info{ color:#0f766e; background:#ccfbf1; }
#mp-main .mp-admin-queue-copy{ min-width:0; }
#mp-main .mp-admin-queue-copy strong,
#mp-main .mp-admin-transaction-copy strong{
  display:block;
  color:#172033;
  font-size:.74rem;
  font-weight:700;
  line-height:1.3;
}
#mp-main .mp-admin-queue-copy small,
#mp-main .mp-admin-transaction-copy small{
  display:block;
  margin-top:.15rem;
  overflow:hidden;
  color:#64748b;
  font-size:.63rem;
  line-height:1.35;
  text-overflow:ellipsis;
}
#mp-main .mp-admin-queue-meta{
  display:grid;
  justify-items:end;
  gap:.28rem;
}
#mp-main .mp-admin-queue-meta time{
  color:#64748b;
  font-size:.6rem;
}
#mp-main .mp-admin-queue-meta .mp-status,
#mp-main .mp-admin-transaction-meta .mp-status{
  min-height:22px;
  padding:.18rem .45rem;
  font-size:.58rem;
}

#mp-main .mp-admin-status-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.55rem;
  padding:.85rem 1rem 1rem;
}
#mp-main .mp-admin-service-status{
  display:flex;
  align-items:center;
  gap:.5rem;
  min-width:0;
  padding:.65rem;
  border:1px solid #edf2f7;
  border-radius:14px;
  background:#fbfdff;
}
#mp-main .mp-admin-service-icon{
  width:29px;
  height:29px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 29px;
  border-radius:999px;
}
#mp-main .mp-admin-service-icon svg{ width:.9rem; height:.9rem; }
#mp-main .mp-admin-service-icon.is-ok{ color:#15803d; background:#dcfce7; }
#mp-main .mp-admin-service-icon.is-warning{ color:#b45309; background:#fef3c7; }
#mp-main .mp-admin-service-status span:last-child{ min-width:0; }
#mp-main .mp-admin-service-status strong{
  display:block;
  color:#334155;
  font-size:.64rem;
  line-height:1.25;
}
#mp-main .mp-admin-service-status small{
  display:block;
  margin-top:.1rem;
  color:#64748b;
  font-size:.57rem;
}

#mp-main .mp-admin-transaction-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:.75rem;
  min-width:0;
  padding:.76rem 1rem;
  color:inherit;
  text-decoration:none;
  border-bottom:1px solid #f1f5f9;
  transition:background .18s ease;
}
#mp-main .mp-admin-transaction-row:last-child{ border-bottom:0; }
#mp-main .mp-admin-transaction-row:hover{ background:#f8fbff; }
#mp-main .mp-admin-transaction-copy{ min-width:0; }
#mp-main .mp-admin-transaction-meta{
  display:grid;
  justify-items:end;
  gap:.28rem;
}
#mp-main .mp-admin-transaction-meta > strong{
  color:#172033;
  font-size:.7rem;
  font-weight:750;
}

#mp-main .mp-admin-collections-card{ overflow:hidden; }
#mp-main .mp-admin-collections-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(200px,250px);
  gap:1rem;
  align-items:stretch;
  padding:0 1rem 1rem;
}
#mp-main .mp-admin-chart-wrap{
  min-height:255px;
  padding:.7rem .2rem 0;
}
#mp-main .mp-admin-chart-wrap canvas{ width:100% !important; max-width:100%; }
#mp-main .mp-admin-collection-summary{
  display:grid;
  align-content:center;
  gap:.65rem;
}
#mp-main .mp-admin-collection-row{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:.25rem .65rem;
  padding:.8rem;
  border:1px solid #edf2f7;
  border-radius:15px;
  background:#fbfdff;
}
#mp-main .mp-admin-collection-row::before{
  content:"";
  position:absolute;
  left:0;
  top:.65rem;
  bottom:.65rem;
  width:3px;
  border-radius:999px;
  background:#2563eb;
}
#mp-main .mp-admin-collection-success::before{ background:#16a34a; }
#mp-main .mp-admin-collection-warning::before{ background:#f59e0b; }
#mp-main .mp-admin-collection-danger::before{ background:#ef4444; }
#mp-main .mp-admin-collection-row span{
  color:#64748b;
  font-size:.66rem;
  font-weight:650;
}
#mp-main .mp-admin-collection-row strong{
  grid-column:1;
  color:#172033;
  font-size:.82rem;
  font-weight:760;
}
#mp-main .mp-admin-collection-row small{
  grid-column:2;
  grid-row:1 / span 2;
  color:#64748b;
  font-size:.6rem;
  text-align:right;
}

#mp-main .mp-admin-activity-card{ overflow:hidden; }
#mp-main .mp-admin-activity-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
#mp-main .mp-admin-activity-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:.75rem;
  min-width:0;
  padding:.78rem 1rem;
  border-right:1px solid #f1f5f9;
  border-bottom:1px solid #f1f5f9;
}
#mp-main .mp-admin-activity-row:nth-child(even){ border-right:0; }
#mp-main .mp-admin-activity-icon{
  width:35px;
  height:35px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 35px;
  color:#0f8b8d;
  border-radius:12px;
  background:#ecfeff;
}
#mp-main .mp-admin-activity-copy{ min-width:0; }
#mp-main .mp-admin-activity-copy strong{
  display:block;
  overflow:hidden;
  color:#172033;
  font-size:.72rem;
  font-weight:700;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#mp-main .mp-admin-activity-copy small{
  display:block;
  margin-top:.13rem;
  overflow:hidden;
  color:#64748b;
  font-size:.62rem;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#mp-main .mp-admin-activity-person{
  display:grid;
  justify-items:end;
  max-width:130px;
  min-width:0;
}
#mp-main .mp-admin-activity-person strong{
  max-width:130px;
  overflow:hidden;
  color:#475569;
  font-size:.62rem;
  font-weight:650;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#mp-main .mp-admin-activity-person time{
  margin-top:.1rem;
  color:#94a3b8;
  font-size:.57rem;
}
#mp-main .mp-admin-empty-compact{
  padding:1rem;
  color:#64748b;
  font-size:.72rem;
  line-height:1.45;
}

body.dark #mp-main .mp-admin-hero{
  border-color:rgba(71,85,105,.65);
  background:
    radial-gradient(circle at 88% 10%,rgba(20,184,166,.12),transparent 32%),
    radial-gradient(circle at 70% 100%,rgba(59,130,246,.1),transparent 35%),
    linear-gradient(120deg,#111827 0%,#0f172a 100%);
}
body.dark #mp-main .mp-admin-hero h1,
body.dark #mp-main .mp-admin-kpi-body > strong,
body.dark #mp-main .mp-admin-attention-copy strong,
body.dark #mp-main .mp-admin-module-copy strong,
body.dark #mp-main .mp-admin-card-heading h2,
body.dark #mp-main .mp-admin-queue-copy strong,
body.dark #mp-main .mp-admin-transaction-copy strong,
body.dark #mp-main .mp-admin-transaction-meta > strong,
body.dark #mp-main .mp-admin-collection-row strong,
body.dark #mp-main .mp-admin-activity-copy strong{ color:#f8fafc; }
body.dark #mp-main .mp-admin-hero-copy > p,
body.dark #mp-main .mp-admin-kpi-body > span,
body.dark #mp-main .mp-admin-kpi-body > small,
body.dark #mp-main .mp-admin-attention-copy small,
body.dark #mp-main .mp-admin-module-copy small,
body.dark #mp-main .mp-admin-queue-copy small,
body.dark #mp-main .mp-admin-transaction-copy small,
body.dark #mp-main .mp-admin-service-status small,
body.dark #mp-main .mp-admin-activity-copy small{ color:#94a3b8; }
body.dark #mp-main .mp-admin-kpi,
body.dark #mp-main .mp-admin-module-card{ border-color:#334155; background:#111827; }
body.dark #mp-main .mp-admin-attention-grid,
body.dark #mp-main .mp-admin-card-heading,
body.dark #mp-main .mp-admin-queue-row,
body.dark #mp-main .mp-admin-transaction-row,
body.dark #mp-main .mp-admin-activity-row{ border-color:#273449; }
body.dark #mp-main .mp-admin-attention-item:hover,
body.dark #mp-main .mp-admin-queue-row:hover,
body.dark #mp-main .mp-admin-transaction-row:hover{ background:#0f172a; }
body.dark #mp-main .mp-admin-service-status,
body.dark #mp-main .mp-admin-collection-row{ border-color:#273449; background:#0f172a; }
body.dark #mp-main .mp-admin-title-icon{ color:#93c5fd; border-color:#334155; background:#111827; }
body.dark #mp-main .mp-admin-attention-icon b{ border-color:#111827; }

@media (min-width: 1720px){
  #mp-main .mp-admin-workspace-grid{ grid-template-columns:minmax(0,2.35fr) minmax(360px,.85fr); }
  #mp-main .mp-admin-kpi{ min-height:138px; padding:1.08rem; }
  #mp-main .mp-admin-attention-item{ min-height:158px; }
  #mp-main .mp-admin-module-card{ min-height:150px; }
}
@media (max-width: 1500px){
  #mp-main .mp-admin-kpi-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  #mp-main .mp-admin-kpi:nth-child(4),#mp-main .mp-admin-kpi:nth-child(5){ min-height:120px; }
  #mp-main .mp-admin-attention-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  #mp-main .mp-admin-attention-item:nth-child(3){ border-right:0; }
  #mp-main .mp-admin-attention-item:nth-child(n+4){ border-top:1px solid #edf2f7; }
}
@media (max-width: 1220px){
  #mp-main .mp-admin-hero{ grid-template-columns:minmax(0,1fr) 270px; }
  #mp-main .mp-admin-workspace-grid{ grid-template-columns:1fr; }
  #mp-main .mp-admin-side-column{ grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
  #mp-main .mp-admin-transaction-card{ grid-column:1 / -1; }
  #mp-main .mp-admin-module-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 900px){
  #mp-main .mp-admin-hero{ grid-template-columns:1fr; min-height:0; }
  #mp-main .mp-admin-hero-art{ display:none; }
  #mp-main .mp-admin-kpi-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  #mp-main .mp-admin-attention-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  #mp-main .mp-admin-attention-item:nth-child(3){ border-right:1px solid #edf2f7; }
  #mp-main .mp-admin-attention-item:nth-child(even){ border-right:0; }
  #mp-main .mp-admin-attention-item:nth-child(n+3){ border-top:1px solid #edf2f7; }
  #mp-main .mp-admin-side-column{ grid-template-columns:1fr; }
  #mp-main .mp-admin-transaction-card{ grid-column:auto; }
  #mp-main .mp-admin-collections-layout{ grid-template-columns:1fr; }
  #mp-main .mp-admin-collection-summary{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  #mp-main .mp-admin-activity-grid{ grid-template-columns:1fr; }
  #mp-main .mp-admin-activity-row{ border-right:0; }
}
@media (max-width: 640px){
  #mp-main .mp-admin-dashboard{ gap:.75rem; }
  #mp-main .mp-admin-hero{ padding:1.05rem; border-radius:22px; }
  #mp-main .mp-admin-title-row{ gap:.65rem; }
  #mp-main .mp-admin-title-icon{ width:40px; height:40px; flex-basis:40px; border-radius:13px; }
  #mp-main .mp-admin-hero-copy > p,
  #mp-main .mp-admin-hero-actions{ margin-left:0; }
  #mp-main .mp-admin-hero h1{ font-size:1.75rem; }
  #mp-main .mp-admin-hero-actions{ display:grid; grid-template-columns:1fr; }
  #mp-main .mp-admin-hero-actions .mp-btn{ width:100%; justify-content:center; }
  #mp-main .mp-admin-kpi-grid{ grid-template-columns:1fr; gap:.65rem; }
  #mp-main .mp-admin-kpi{ min-height:110px; }
  #mp-main .mp-admin-attention-grid{ grid-template-columns:1fr; }
  #mp-main .mp-admin-attention-item,
  #mp-main .mp-admin-attention-item:nth-child(3),
  #mp-main .mp-admin-attention-item:nth-child(even){ min-height:120px; border-right:0; border-top:1px solid #edf2f7; }
  #mp-main .mp-admin-attention-item:first-child{ border-top:0; }
  #mp-main .mp-admin-module-grid{ grid-template-columns:1fr; }
  #mp-main .mp-admin-module-card{ min-height:126px; }
  #mp-main .mp-admin-status-grid{ grid-template-columns:1fr; }
  #mp-main .mp-admin-queue-row{ grid-template-columns:auto minmax(0,1fr); }
  #mp-main .mp-admin-queue-meta{ grid-column:2; grid-template-columns:auto auto; justify-content:start; align-items:center; }
  #mp-main .mp-admin-transaction-row{ align-items:start; }
  #mp-main .mp-admin-collection-summary{ grid-template-columns:1fr; }
  #mp-main .mp-admin-chart-wrap{ min-height:230px; }
  #mp-main .mp-admin-activity-row{ grid-template-columns:auto minmax(0,1fr); }
  #mp-main .mp-admin-activity-person{ grid-column:2; justify-items:start; max-width:none; }
  #mp-main .mp-admin-activity-person strong{ max-width:100%; }
}

/* Enterprise role dashboards — shared Admin/Exams/Admission/HOD/Lecturer/Student/Registry/SIWES/Student Affairs language */
#mp-main .mp-role-dashboard .mp-admin-hero{ grid-template-columns:minmax(0,1fr) minmax(275px,360px); }
#mp-main .mp-role-dashboard .mp-admin-title-icon svg,
#mp-main .mp-role-dashboard .mp-admin-kpi-icon svg,
#mp-main .mp-role-dashboard .mp-admin-attention-icon svg,
#mp-main .mp-role-dashboard .mp-admin-module-icon svg,
#mp-main .mp-role-dashboard .mp-role-quick-actions svg,
#mp-main .mp-role-dashboard .mp-role-alert svg,
#mp-main .mp-role-dashboard .mp-role-positive-empty svg,
#mp-main .mp-role-dashboard .mp-role-check-grid svg{ width:1.15rem; height:1.15rem; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
#mp-main .mp-role-hero-summary{
  position:relative; z-index:2; display:grid; align-content:center; gap:.42rem; min-height:138px; padding:1.05rem 1.1rem;
  border:1px solid rgba(255,255,255,.75); border-radius:22px; background:rgba(255,255,255,.78); box-shadow:0 16px 38px rgba(15,23,42,.07); backdrop-filter:blur(10px);
}
#mp-main .mp-role-hero-summary > .mp-status{ justify-self:start; }
#mp-main .mp-role-hero-summary > strong{ color:#172033; font-size:1.05rem; font-weight:760; line-height:1.3; }
#mp-main .mp-role-hero-summary > small{ color:#64748b; font-size:.7rem; line-height:1.45; }
#mp-main .mp-role-hero-facts{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem; margin-top:.3rem; }
#mp-main .mp-role-hero-facts span{ display:flex; align-items:center; gap:.4rem; min-width:0; padding:.52rem .6rem; border:1px solid #e8eef6; border-radius:13px; background:#fbfdff; color:#0f8b8d; }
#mp-main .mp-role-hero-facts svg{ flex:0 0 auto; width:.92rem !important; height:.92rem !important; }
#mp-main .mp-role-hero-facts b{ min-width:0; overflow:hidden; color:#334155; font-size:.64rem; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
#mp-main .mp-role-alert{ display:flex; align-items:flex-start; gap:.7rem; padding:.85rem 1rem; border:1px solid #fde68a; border-radius:17px; color:#92400e; background:#fffbeb; box-shadow:0 8px 20px rgba(15,23,42,.035); }
#mp-main .mp-role-alert svg{ flex:0 0 auto; margin-top:.1rem; }
#mp-main .mp-role-alert div{ display:grid; gap:.12rem; }
#mp-main .mp-role-alert strong{ font-size:.78rem; font-weight:750; }
#mp-main .mp-role-alert span{ color:#a16207; font-size:.69rem; line-height:1.45; }
#mp-main .mp-role-attention-three{ grid-template-columns:repeat(3,minmax(0,1fr)); }
#mp-main .mp-role-attention-three .mp-admin-attention-item:nth-child(3){ border-right:0; }
#mp-main .mp-role-module-three{ grid-template-columns:repeat(3,minmax(0,1fr)); }
#mp-main .mp-role-module-four{ grid-template-columns:repeat(2,minmax(0,1fr)); }
#mp-main .mp-role-progress-list{ display:grid; gap:.82rem; padding:1rem; }
#mp-main .mp-role-progress-row{ display:grid; gap:.42rem; }
#mp-main .mp-role-progress-meta{ display:flex; align-items:center; justify-content:space-between; gap:.75rem; }
#mp-main .mp-role-progress-meta strong{ color:#334155; font-size:.72rem; font-weight:700; }
#mp-main .mp-role-progress-meta span{ color:#64748b; font-size:.63rem; white-space:nowrap; }
#mp-main .mp-role-progress-track{ height:8px; overflow:hidden; border-radius:999px; background:#edf2f7; }
#mp-main .mp-role-progress-track i{ display:block; height:100%; min-width:0; border-radius:inherit; background:linear-gradient(90deg,#2563eb,#0f8b8d); box-shadow:0 0 0 1px rgba(37,99,235,.04) inset; }
#mp-main .mp-role-summary-pad{ padding:.85rem 1rem 1rem; }
#mp-main .mp-role-mini-bars{ display:flex; align-items:flex-end; gap:.32rem; height:190px; padding:1.25rem 1rem 1rem; }
#mp-main .mp-role-mini-bars > div{ min-width:0; flex:1; height:100%; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; gap:.35rem; }
#mp-main .mp-role-mini-bars i{ display:block; width:100%; min-height:6px; border-radius:7px 7px 3px 3px; background:linear-gradient(180deg,#2563eb,#0f8b8d); opacity:.9; }
#mp-main .mp-role-mini-bars small{ color:#94a3b8; font-size:.52rem; line-height:1; writing-mode:vertical-rl; transform:rotate(180deg); max-height:38px; overflow:hidden; }
#mp-main .mp-role-ranked-list{ display:grid; }
#mp-main .mp-role-ranked-row{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:.65rem; padding:.72rem 1rem; border-bottom:1px solid #f1f5f9; }
#mp-main .mp-role-ranked-row:last-child{ border-bottom:0; }
#mp-main .mp-role-ranked-row > span:nth-child(2){ min-width:0; }
#mp-main .mp-role-ranked-row strong{ display:block; overflow:hidden; color:#334155; font-size:.72rem; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
#mp-main .mp-role-ranked-row small{ display:block; margin-top:.1rem; overflow:hidden; color:#64748b; font-size:.61rem; text-overflow:ellipsis; white-space:nowrap; }
#mp-main .mp-role-ranked-row > b{ min-width:34px; text-align:center; padding:.33rem .5rem; border-radius:10px; color:#1d4ed8; background:#eff6ff; font-size:.7rem; }
#mp-main .mp-role-fact-list{ display:grid; padding:.45rem 1rem 1rem; }
#mp-main .mp-role-fact-list > div{ display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding:.65rem 0; border-bottom:1px solid #f1f5f9; }
#mp-main .mp-role-fact-list > div:last-child{ border-bottom:0; }
#mp-main .mp-role-fact-list span{ color:#64748b; font-size:.66rem; }
#mp-main .mp-role-fact-list strong{ max-width:62%; color:#334155; font-size:.68rem; font-weight:720; text-align:right; overflow-wrap:anywhere; }
#mp-main .mp-role-quick-actions{ display:grid; gap:.55rem; padding:.85rem 1rem 1rem; }
#mp-main .mp-role-quick-actions > a{ display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:.65rem; padding:.7rem .78rem; color:#334155; border:1px solid #e8eef6; border-radius:14px; background:#fbfdff; text-decoration:none; transition:.18s ease; }
#mp-main .mp-role-quick-actions > a:hover{ border-color:#93c5fd; background:#f8fbff; transform:translateY(-1px); }
#mp-main .mp-role-quick-actions > a > svg{ color:#0f8b8d; }
#mp-main .mp-role-quick-actions span{ min-width:0; }
#mp-main .mp-role-quick-actions strong{ display:block; color:#334155; font-size:.69rem; font-weight:710; }
#mp-main .mp-role-quick-actions small{ display:block; margin-top:.08rem; color:#64748b; font-size:.59rem; }
#mp-main .mp-role-course-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem; padding:1rem; }
#mp-main .mp-role-course-card{ display:grid; gap:.62rem; padding:.85rem; color:inherit; border:1px solid #e8eef6; border-radius:16px; background:#fbfdff; text-decoration:none; transition:.18s ease; }
#mp-main .mp-role-course-card:hover{ transform:translateY(-1px); border-color:#93c5fd; background:#fff; box-shadow:0 10px 22px rgba(15,23,42,.05); }
#mp-main .mp-role-course-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:.65rem; }
#mp-main .mp-role-course-head > span:first-child{ min-width:0; }
#mp-main .mp-role-course-head strong{ display:block; color:#172033; font-size:.76rem; font-weight:740; }
#mp-main .mp-role-course-head small{ display:block; margin-top:.12rem; overflow:hidden; color:#64748b; font-size:.61rem; text-overflow:ellipsis; white-space:nowrap; }
#mp-main .mp-role-course-meta{ display:flex; gap:.65rem; flex-wrap:wrap; color:#64748b; font-size:.59rem; }
#mp-main .mp-role-positive-empty{ display:flex; align-items:flex-start; gap:.7rem; padding:1rem; color:#166534; background:#f0fdf4; }
#mp-main .mp-role-positive-empty > svg{ flex:0 0 auto; margin-top:.05rem; }
#mp-main .mp-role-positive-empty div{ display:grid; gap:.12rem; }
#mp-main .mp-role-positive-empty strong{ font-size:.75rem; font-weight:740; }
#mp-main .mp-role-positive-empty span{ color:#4b5563; font-size:.66rem; line-height:1.45; }
#mp-main .mp-role-check-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem; padding:1rem; }
#mp-main .mp-role-check-grid > div{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:.65rem; padding:.85rem; border:1px solid #e8eef6; border-radius:15px; background:#fbfdff; }
#mp-main .mp-role-check-grid svg{ color:#15803d; }
#mp-main .mp-role-check-grid strong{ display:block; color:#334155; font-size:.7rem; font-weight:720; }
#mp-main .mp-role-check-grid small{ display:block; margin-top:.12rem; color:#64748b; font-size:.61rem; line-height:1.4; }

body.dark #mp-main .mp-role-hero-summary{ border-color:#334155; background:rgba(15,23,42,.78); }
body.dark #mp-main .mp-role-hero-summary > strong,
body.dark #mp-main .mp-role-ranked-row strong,
body.dark #mp-main .mp-role-fact-list strong,
body.dark #mp-main .mp-role-quick-actions strong,
body.dark #mp-main .mp-role-course-head strong,
body.dark #mp-main .mp-role-check-grid strong{ color:#f8fafc; }
body.dark #mp-main .mp-role-hero-summary > small,
body.dark #mp-main .mp-role-progress-meta span,
body.dark #mp-main .mp-role-ranked-row small,
body.dark #mp-main .mp-role-fact-list span,
body.dark #mp-main .mp-role-quick-actions small,
body.dark #mp-main .mp-role-course-head small,
body.dark #mp-main .mp-role-course-meta,
body.dark #mp-main .mp-role-check-grid small{ color:#94a3b8; }
body.dark #mp-main .mp-role-hero-facts span,
body.dark #mp-main .mp-role-quick-actions > a,
body.dark #mp-main .mp-role-course-card,
body.dark #mp-main .mp-role-check-grid > div{ border-color:#273449; background:#0f172a; }
body.dark #mp-main .mp-role-hero-facts b{ color:#e2e8f0; }
body.dark #mp-main .mp-role-progress-track{ background:#273449; }
body.dark #mp-main .mp-role-ranked-row,
body.dark #mp-main .mp-role-fact-list > div{ border-color:#273449; }
body.dark #mp-main .mp-role-positive-empty{ color:#86efac; background:#052e16; }
body.dark #mp-main .mp-role-positive-empty span{ color:#bbf7d0; }

@media (max-width:1220px){
  #mp-main .mp-role-dashboard .mp-admin-hero{ grid-template-columns:minmax(0,1fr) minmax(245px,300px); }
}
@media (max-width:900px){
  #mp-main .mp-role-dashboard .mp-admin-hero{ grid-template-columns:1fr; }
  #mp-main .mp-role-hero-summary{ min-height:0; }
  #mp-main .mp-role-attention-three{ grid-template-columns:1fr; }
  #mp-main .mp-role-attention-three .mp-admin-attention-item{ border-right:0; border-top:1px solid #edf2f7; }
  #mp-main .mp-role-attention-three .mp-admin-attention-item:first-child{ border-top:0; }
  #mp-main .mp-role-module-three,#mp-main .mp-role-module-four{ grid-template-columns:1fr; }
  #mp-main .mp-role-course-grid{ grid-template-columns:1fr; }
}
@media (max-width:640px){
  #mp-main .mp-role-hero-facts,#mp-main .mp-role-check-grid{ grid-template-columns:1fr; }
  #mp-main .mp-role-mini-bars{ height:155px; padding-left:.7rem; padding-right:.7rem; }
  #mp-main .mp-role-course-head{ display:grid; }
  #mp-main .mp-role-course-head .mp-status{ justify-self:start; }
}


/* ---- Enterprise Data Workspace v5: tables, filters, forms, responsive operational UX ---- */
:root{
  --mp-data-surface:#ffffff;
  --mp-data-subtle:#f8fafc;
  --mp-data-line:#e2e8f0;
  --mp-data-ink:#0f172a;
  --mp-data-muted:#64748b;
  --mp-data-accent:#0f766e;
}
#mp-main .mp-enterprise-data-page{ display:grid; gap:1.15rem; min-width:0; }
#mp-main .mp-data-hero{
  display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; flex-wrap:wrap;
  padding:1.15rem 1.25rem; border:1px solid rgba(226,232,240,.92); border-radius:24px;
  background:linear-gradient(135deg,#fff 0%,#fbfdff 62%,#f0fdfa 100%);
  box-shadow:0 10px 28px rgba(15,23,42,.045);
}
#mp-main .mp-data-hero h1{ margin:0; color:var(--mp-data-ink); font-size:clamp(1.45rem,2vw,2rem); font-weight:850; letter-spacing:-.025em; }
#mp-main .mp-data-hero p{ margin:.3rem 0 0; max-width:54rem; color:#52627a; font-size:.92rem; line-height:1.55; }
#mp-main .mp-data-kpi-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; }
#mp-main .mp-data-kpi{
  position:relative; overflow:hidden; min-width:0; padding:1rem 1.05rem; border:1px solid var(--mp-data-line); border-radius:20px;
  background:var(--mp-data-surface); box-shadow:0 8px 22px rgba(15,23,42,.04); transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
#mp-main a.mp-data-kpi:hover{ transform:translateY(-2px); border-color:rgba(59,130,246,.28); box-shadow:0 14px 30px rgba(15,23,42,.07); }
#mp-main .mp-data-kpi-label{ color:var(--mp-data-muted); font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.055em; }
#mp-main .mp-data-kpi-value{ margin-top:.28rem; color:var(--mp-data-ink); font-size:1.6rem; line-height:1.2; font-weight:850; letter-spacing:-.035em; }
#mp-main .mp-data-kpi-help{ margin-top:.3rem; color:var(--mp-data-muted); font-size:.76rem; line-height:1.4; }
#mp-main .mp-data-panel{ overflow:hidden; min-width:0; border:1px solid var(--mp-data-line); border-radius:22px; background:var(--mp-data-surface); box-shadow:0 8px 24px rgba(15,23,42,.04); }
#mp-main .mp-data-panel-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; flex-wrap:wrap; padding:1rem 1.1rem; border-bottom:1px solid #edf2f7; }
#mp-main .mp-data-panel-title{ color:var(--mp-data-ink); font-weight:800; letter-spacing:-.012em; }
#mp-main .mp-data-panel-subtitle{ margin-top:.2rem; color:var(--mp-data-muted); font-size:.8rem; line-height:1.45; }
#mp-main .mp-data-filterbar,
#mp-main .mp-filterbar{
  position:relative; top:auto; z-index:auto; display:flex; align-items:flex-end; gap:.7rem; flex-wrap:wrap;
  padding:.8rem; border:1px solid var(--mp-data-line); border-radius:18px; background:rgba(248,250,252,.82); backdrop-filter:blur(8px);
}
#mp-main .mp-data-filterbar .mp-input,
#mp-main .mp-filterbar .mp-input,
#mp-main .mp-data-filterbar input,
#mp-main .mp-data-filterbar select,
#mp-main .mp-filterbar input,
#mp-main .mp-filterbar select{ min-height:42px; }
#mp-main .mp-input,
#mp-main input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=reset]),
#mp-main select,
#mp-main textarea{
  border-radius:12px; border-color:#dbe3ee; background:#fff; box-shadow:0 1px 2px rgba(15,23,42,.025);
}
#mp-main .mp-input:hover,
#mp-main input:hover:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=reset]),
#mp-main select:hover,
#mp-main textarea:hover{ border-color:#c7d2e0; }
#mp-main .mp-label,
#mp-main label > span:first-child{ font-weight:700; color:#475569; }

/* Calm enterprise data tables: neutral headers, strong row hierarchy, right-aligned numeric/action cells when marked. */
#mp-main .mp-table,
#mp-main table:not(.mp-keep-table){ border:0; border-radius:0; background:#fff; overflow:visible; }
#mp-main .mp-table thead th,
#mp-main table:not(.mp-table):not(.mp-keep-table) thead th,
#mp-main .mp-module-page table thead th{
  position:sticky; top:0; z-index:9; padding:.72rem .9rem; border-top:1px solid #edf2f7; border-bottom:1px solid #dfe7f0;
  background:#f8fafc !important; color:#52627a !important; font-size:.69rem; line-height:1.2; font-weight:800; text-transform:uppercase; letter-spacing:.06em;
  box-shadow:none;
}
#mp-main .mp-table tbody td,
#mp-main table:not(.mp-table):not(.mp-keep-table) tbody td,
#mp-main .mp-module-page table tbody td{ padding:.82rem .9rem; border-top:0; border-bottom:1px solid #edf2f7; color:#1e293b; font-size:.87rem; vertical-align:middle; }
#mp-main .mp-table tbody tr:nth-child(even),
#mp-main table:not(.mp-table):not(.mp-keep-table) tbody tr:nth-child(even),
#mp-main .mp-module-page table tbody tr:nth-child(even){ background:#fff; }
#mp-main .mp-table tbody tr:hover,
#mp-main table:not(.mp-table):not(.mp-keep-table) tbody tr:hover,
#mp-main .mp-module-page table tbody tr:hover{ background:#f8fbff; }
#mp-main .mp-table tbody tr:last-child td,
#mp-main table:not(.mp-table):not(.mp-keep-table) tbody tr:last-child td{ border-bottom:0; }
#mp-main .mp-table th:first-child,#mp-main .mp-table td:first-child{ padding-left:1.05rem; }
#mp-main .mp-table th:last-child,#mp-main .mp-table td:last-child{ padding-right:1.05rem; }
#mp-main .mp-table .font-mono{ font-size:.78rem; }
#mp-main .mp-row-title{ color:#0f172a; font-weight:750; }
#mp-main .mp-row-meta{ margin-top:.16rem; color:#64748b; font-size:.74rem; line-height:1.35; }
#mp-main .mp-data-table-shell{ overflow:hidden; min-width:0; border:1px solid var(--mp-data-line); border-radius:20px; background:#fff; box-shadow:0 8px 24px rgba(15,23,42,.035); }
#mp-main .mp-data-table-scroll{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
#mp-main .mp-data-tabs{ display:flex; gap:.42rem; overflow-x:auto; padding:.15rem .05rem .25rem; scrollbar-width:none; }
#mp-main .mp-data-tabs::-webkit-scrollbar{ display:none; }
#mp-main .mp-data-tab{ display:inline-flex; align-items:center; gap:.4rem; flex:0 0 auto; min-height:38px; padding:.48rem .72rem; border:1px solid #dfe7f0; border-radius:11px; background:#fff; color:#475569; font-size:.78rem; font-weight:700; }
#mp-main .mp-data-tab:hover{ border-color:#bfdbfe; background:#f8fbff; color:#1d4ed8; }
#mp-main .mp-data-tab.is-active{ border-color:#0f172a; background:#0f172a; color:#fff; }
#mp-main .mp-data-tab-count{ display:inline-flex; min-width:1.35rem; height:1.35rem; align-items:center; justify-content:center; border-radius:999px; padding:0 .38rem; background:#eef2f7; color:#475569; font-size:.67rem; font-weight:800; }
#mp-main .mp-data-tab.is-active .mp-data-tab-count{ background:rgba(255,255,255,.16); color:#fff; }
#mp-main .mp-status::before{ content:''; width:.38rem; height:.38rem; border-radius:999px; background:currentColor; opacity:.72; }
#mp-main .mp-status{ padding:.3rem .62rem; font-size:.69rem; box-shadow:none; }
#mp-main .mp-pagination{ display:flex; align-items:center; justify-content:space-between; gap:.8rem; flex-wrap:wrap; padding:.85rem 1rem; border-top:1px solid #edf2f7; background:#fbfcfe; }
#mp-main .mp-form-section{ border:1px solid var(--mp-data-line); border-radius:20px; background:#fff; box-shadow:0 8px 24px rgba(15,23,42,.035); }
#mp-main .mp-form-section-head{ padding:1rem 1.1rem; border-bottom:1px solid #edf2f7; }
#mp-main .mp-form-section-body{ padding:1.05rem 1.1rem; }
#mp-main .mp-form-actions{ display:flex; align-items:center; justify-content:flex-end; gap:.6rem; flex-wrap:wrap; padding:.85rem 1.1rem; border-top:1px solid #edf2f7; background:#fbfcfe; }
#mp-main .mp-btn{ min-height:40px; border-radius:11px; font-size:.84rem; }
#mp-main .mp-btn-primary{ box-shadow:0 6px 16px rgba(10,109,245,.14); }
#mp-main .mp-btn-secondary,#mp-main .mp-btn-ghost{ box-shadow:0 1px 2px rgba(15,23,42,.03); }

body.dark #mp-main .mp-data-hero,
body.dark #mp-main .mp-data-kpi,
body.dark #mp-main .mp-data-panel,
body.dark #mp-main .mp-data-table-shell,
body.dark #mp-main .mp-form-section{ background:rgba(15,23,42,.78); border-color:rgba(148,163,184,.18); }
body.dark #mp-main .mp-data-filterbar,body.dark #mp-main .mp-filterbar{ background:rgba(15,23,42,.56); border-color:rgba(148,163,184,.18); }
body.dark #mp-main .mp-table,body.dark #mp-main table:not(.mp-keep-table){ background:transparent; }
body.dark #mp-main .mp-table thead th,
body.dark #mp-main table:not(.mp-table):not(.mp-keep-table) thead th,
body.dark #mp-main .mp-module-page table thead th{ background:#111827 !important; color:#cbd5e1 !important; border-color:rgba(148,163,184,.18); }
body.dark #mp-main .mp-table tbody td,body.dark #mp-main table:not(.mp-table):not(.mp-keep-table) tbody td{ color:#e2e8f0; border-color:rgba(148,163,184,.12); }
body.dark #mp-main .mp-table tbody tr:nth-child(even),body.dark #mp-main table:not(.mp-table):not(.mp-keep-table) tbody tr:nth-child(even){ background:transparent; }
body.dark #mp-main .mp-table tbody tr:hover,body.dark #mp-main table:not(.mp-table):not(.mp-keep-table) tbody tr:hover{ background:rgba(30,41,59,.7); }
body.dark #mp-main .mp-data-tab{ background:rgba(15,23,42,.65); color:#cbd5e1; border-color:rgba(148,163,184,.18); }
body.dark #mp-main .mp-data-tab.is-active{ background:#e2e8f0; color:#0f172a; }
body.dark #mp-main .mp-pagination,body.dark #mp-main .mp-form-actions{ background:rgba(15,23,42,.45); border-color:rgba(148,163,184,.14); }

@media (min-width:768px){ #mp-main .mp-data-kpi-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (min-width:1280px){ #mp-main .mp-data-kpi-grid.mp-data-kpi-grid-5{ grid-template-columns:repeat(5,minmax(0,1fr)); } }
@media (max-width:767px){
  #mp-main .mp-data-hero{ padding:1rem; border-radius:20px; }
  #mp-main .mp-data-kpi-grid{ grid-template-columns:1fr 1fr; }
  #mp-main .mp-data-filterbar,#mp-main .mp-filterbar{ display:grid !important; grid-template-columns:1fr; align-items:stretch; padding:.7rem; }
  #mp-main .mp-data-filterbar > *,#mp-main .mp-filterbar > *{ width:100%; min-width:0 !important; }
  #mp-main .mp-data-panel-head{ padding:.9rem; }
  #mp-main .mp-data-table-shell{ border-radius:18px; }
  #mp-main .mp-pagination{ align-items:stretch; }
}
@media (max-width:480px){ #mp-main .mp-data-kpi-grid{ grid-template-columns:1fr; } }


/* =========================================================
   Enterprise Workflow & Detail System — UI/UX v6
   Review, approval, processing and student-detail workspaces.
   ========================================================= */
#mp-main .mp-workflow-page{display:grid;gap:1rem;min-width:0;}
#mp-main .mp-workflow-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.1rem 1.2rem;border:1px solid #e2e8f0;border-radius:22px;background:linear-gradient(135deg,#fff 0%,#fbfdff 68%,#eefcf8 100%);box-shadow:0 10px 28px rgba(15,23,42,.045);}
#mp-main .mp-workflow-eyebrow{color:#0f766e;font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.11em;}
#mp-main .mp-workflow-title{margin:.28rem 0 0;color:#0f172a;font-size:clamp(1.45rem,2vw,2.05rem);font-weight:850;letter-spacing:-.03em;line-height:1.15;}
#mp-main .mp-workflow-subtitle{margin:.35rem 0 0;max-width:58rem;color:#64748b;font-size:.88rem;line-height:1.55;}
#mp-main .mp-workflow-actions{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;flex-wrap:wrap;}
#mp-main .mp-workflow-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(300px,.9fr);gap:1rem;align-items:start;}
#mp-main .mp-workflow-main,#mp-main .mp-workflow-rail{display:grid;gap:1rem;min-width:0;}
#mp-main .mp-workflow-rail-sticky{position:sticky;top:82px;display:grid;gap:1rem;}
#mp-main .mp-workflow-card{overflow:hidden;min-width:0;border:1px solid #e2e8f0;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.04);}
#mp-main .mp-workflow-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;flex-wrap:wrap;padding:.95rem 1rem;border-bottom:1px solid #edf2f7;}
#mp-main .mp-workflow-card-head h2,#mp-main .mp-workflow-card-head h3{margin:0;color:#0f172a;font-size:.96rem;font-weight:800;letter-spacing:-.01em;}
#mp-main .mp-workflow-card-head p{margin:.18rem 0 0;color:#64748b;font-size:.75rem;line-height:1.45;}
#mp-main .mp-workflow-card-body{padding:1rem;}
#mp-main .mp-workflow-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;}
#mp-main .mp-workflow-stat{min-width:0;padding:.9rem 1rem;border:1px solid #e2e8f0;border-radius:17px;background:#fff;box-shadow:0 6px 18px rgba(15,23,42,.035);}
#mp-main .mp-workflow-stat-label{color:#64748b;font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.065em;}
#mp-main .mp-workflow-stat-value{margin-top:.3rem;color:#0f172a;font-size:1.45rem;font-weight:850;letter-spacing:-.03em;line-height:1.2;}
#mp-main .mp-workflow-stat-note{margin-top:.3rem;color:#64748b;font-size:.72rem;line-height:1.4;}
#mp-main .mp-workflow-profile{display:flex;align-items:center;gap:.85rem;min-width:0;}
#mp-main .mp-workflow-avatar{width:52px;height:52px;flex:0 0 52px;border-radius:16px;object-fit:cover;border:1px solid #dbe3ee;background:#f8fafc;}
#mp-main .mp-workflow-avatar-fallback{display:flex;align-items:center;justify-content:center;color:#475569;font-weight:850;background:linear-gradient(135deg,#e0f2fe,#ecfdf5);}
#mp-main .mp-workflow-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;}
#mp-main .mp-workflow-meta{padding:.75rem .8rem;border:1px solid #edf2f7;border-radius:14px;background:#f8fafc;}
#mp-main .mp-workflow-meta-label{color:#64748b;font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;}
#mp-main .mp-workflow-meta-value{margin-top:.22rem;color:#1e293b;font-size:.82rem;font-weight:700;line-height:1.4;overflow-wrap:anywhere;}
#mp-main .mp-workflow-timeline{position:relative;display:grid;gap:0;padding-left:.15rem;}
#mp-main .mp-workflow-step{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);gap:.7rem;padding:0 0 1rem;}
#mp-main .mp-workflow-step:last-child{padding-bottom:0;}
#mp-main .mp-workflow-step::before{content:'';position:absolute;left:10px;top:20px;bottom:-2px;width:1px;background:#dbe3ee;}
#mp-main .mp-workflow-step:last-child::before{display:none;}
#mp-main .mp-workflow-step-dot{position:relative;z-index:1;width:21px;height:21px;border:4px solid #fff;border-radius:999px;background:#cbd5e1;box-shadow:0 0 0 1px #cbd5e1;}
#mp-main .mp-workflow-step.is-complete .mp-workflow-step-dot{background:#10b981;box-shadow:0 0 0 1px #10b981;}
#mp-main .mp-workflow-step.is-current .mp-workflow-step-dot{background:#2563eb;box-shadow:0 0 0 1px #2563eb;}
#mp-main .mp-workflow-step-title{color:#1e293b;font-size:.8rem;font-weight:800;}
#mp-main .mp-workflow-step-meta{margin-top:.18rem;color:#64748b;font-size:.7rem;line-height:1.4;}
#mp-main .mp-workflow-checklist{display:grid;gap:.55rem;}
#mp-main .mp-workflow-check{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;padding:.75rem .8rem;border:1px solid #e2e8f0;border-radius:14px;background:#fff;}
#mp-main .mp-workflow-check.is-ok{border-color:#bbf7d0;background:#f0fdf4;}
#mp-main .mp-workflow-check.is-warn{border-color:#fde68a;background:#fffbeb;}
#mp-main .mp-workflow-check.is-block{border-color:#fecaca;background:#fff1f2;}
#mp-main .mp-workflow-check strong{color:#1e293b;font-size:.8rem;}
#mp-main .mp-workflow-check small{display:block;margin-top:.15rem;color:#64748b;font-size:.7rem;line-height:1.4;}
#mp-main .mp-workflow-decision{padding:1rem;border:1px solid #dbe3ee;border-radius:18px;background:#f8fafc;}
#mp-main .mp-workflow-decision-title{color:#0f172a;font-size:.88rem;font-weight:850;}
#mp-main .mp-workflow-decision-copy{margin-top:.25rem;color:#64748b;font-size:.75rem;line-height:1.5;}
#mp-main .mp-workflow-record{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;padding:.8rem 0;border-bottom:1px solid #edf2f7;}
#mp-main .mp-workflow-record:last-child{border-bottom:0;}
#mp-main .mp-workflow-record-title{color:#1e293b;font-size:.8rem;font-weight:800;}
#mp-main .mp-workflow-record-meta{margin-top:.15rem;color:#64748b;font-size:.69rem;line-height:1.45;}
#mp-main .mp-workflow-queue{display:grid;gap:.7rem;}
#mp-main .mp-workflow-queue-item{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(150px,.55fr) auto;gap:1rem;align-items:center;padding:1rem;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 5px 16px rgba(15,23,42,.025);}
#mp-main .mp-workflow-queue-item:hover{border-color:#cbd5e1;box-shadow:0 9px 22px rgba(15,23,42,.055);}
#mp-main .mp-workflow-queue-title{color:#0f172a;font-weight:800;font-size:.88rem;}
#mp-main .mp-workflow-queue-meta{margin-top:.22rem;color:#64748b;font-size:.73rem;line-height:1.45;}
#mp-main .mp-workflow-queue-side{display:grid;gap:.3rem;}
#mp-main .mp-workflow-danger{border-color:#fecaca;background:linear-gradient(135deg,#fff,#fff7f7);}
#mp-main .mp-workflow-warning{border-color:#fde68a;background:linear-gradient(135deg,#fff,#fffbeb);}
#mp-main .mp-workflow-success{border-color:#bbf7d0;background:linear-gradient(135deg,#fff,#f0fdf4);}

body.dark #mp-main .mp-workflow-hero,body.dark #mp-main .mp-workflow-card,body.dark #mp-main .mp-workflow-stat,body.dark #mp-main .mp-workflow-queue-item{background:#111827;border-color:#334155;}
body.dark #mp-main .mp-workflow-title,body.dark #mp-main .mp-workflow-card-head h2,body.dark #mp-main .mp-workflow-card-head h3,body.dark #mp-main .mp-workflow-stat-value,body.dark #mp-main .mp-workflow-step-title,body.dark #mp-main .mp-workflow-record-title,body.dark #mp-main .mp-workflow-queue-title,body.dark #mp-main .mp-workflow-decision-title{color:#f8fafc;}
body.dark #mp-main .mp-workflow-subtitle,body.dark #mp-main .mp-workflow-card-head p,body.dark #mp-main .mp-workflow-stat-label,body.dark #mp-main .mp-workflow-stat-note,body.dark #mp-main .mp-workflow-step-meta,body.dark #mp-main .mp-workflow-record-meta,body.dark #mp-main .mp-workflow-queue-meta{color:#94a3b8;}
body.dark #mp-main .mp-workflow-meta,body.dark #mp-main .mp-workflow-decision{background:#0f172a;border-color:#273449;}
body.dark #mp-main .mp-workflow-meta-value{color:#e2e8f0;}
body.dark #mp-main .mp-workflow-card-head,body.dark #mp-main .mp-workflow-record{border-color:#273449;}

@media (min-width:768px){#mp-main .mp-workflow-stats{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media (max-width:1180px){#mp-main .mp-workflow-grid{grid-template-columns:1fr;}#mp-main .mp-workflow-rail-sticky{position:static;}#mp-main .mp-workflow-queue-item{grid-template-columns:minmax(0,1fr) auto;}#mp-main .mp-workflow-queue-side{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:767px){#mp-main .mp-workflow-hero{padding:1rem;border-radius:19px;}#mp-main .mp-workflow-actions{width:100%;justify-content:stretch;}#mp-main .mp-workflow-actions .mp-btn{flex:1 1 auto;justify-content:center;}#mp-main .mp-workflow-stats{grid-template-columns:1fr 1fr;}#mp-main .mp-workflow-meta-grid{grid-template-columns:1fr;}#mp-main .mp-workflow-queue-item{grid-template-columns:1fr;}#mp-main .mp-workflow-queue-side{grid-column:auto;grid-template-columns:1fr 1fr;}}
@media (max-width:480px){#mp-main .mp-workflow-stats{grid-template-columns:1fr;}#mp-main .mp-workflow-queue-side{grid-template-columns:1fr;}}
#mp-main .mp-status-neutral{background:#f1f5f9;color:#475569;border-color:#dbe3ee;}
body.dark #mp-main .mp-status-neutral{background:#1e293b;color:#cbd5e1;border-color:#334155;}

/* ==========================================================================
   Enterprise Accessibility + Interaction Polish v8
   ========================================================================== */

/* A consistent, high-visibility keyboard focus treatment across the portal. */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid #2563eb;
  outline-offset:2px;
  box-shadow:0 0 0 2px rgba(255,255,255,.92),0 0 0 5px rgba(37,99,235,.28);
}
body.dark :where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline-color:#60a5fa;
  box-shadow:0 0 0 2px rgba(15,23,42,.94),0 0 0 5px rgba(96,165,250,.34);
}

/* Slate-400 is too faint for 11–12px operational text on white. */
#mp-main .text-slate-400,.mp-sidebar .text-slate-400,header .text-slate-400{ color:#64748b; }
body.dark #mp-main .text-slate-400,body.dark .mp-sidebar .text-slate-400,body.dark header .text-slate-400{ color:#94a3b8; }

#mp-main [aria-invalid="true"]{
  border-color:#dc2626 !important;
  box-shadow:0 0 0 3px rgba(220,38,38,.10);
}
body.dark #mp-main [aria-invalid="true"]{
  border-color:#f87171 !important;
  box-shadow:0 0 0 3px rgba(248,113,113,.14);
}
.mp-field-error,[data-field-error],.invalid-feedback{ color:#b91c1c; font-size:.8125rem; line-height:1.35; }
body.dark .mp-field-error,body.dark [data-field-error],body.dark .invalid-feedback{ color:#fca5a5; }

.mp-a11y-scroll-region{
  scrollbar-gutter:stable;
  border-radius:inherit;
}
.mp-a11y-scroll-region:focus-visible{
  outline-offset:3px;
}

/* Make state feedback understandable without relying only on color. */
.mp-status::before{
  content:'';
  width:.42rem;
  height:.42rem;
  border-radius:999px;
  background:currentColor;
  opacity:.78;
  flex:0 0 auto;
}

/* Avoid tiny tap targets on touch devices without bloating dense desktop tables. */
@media (pointer:coarse){
  .mp-btn,.mp-actions-btn,.mp-actions-item,.mp-icon-btn,.mp-mobile-bottom-nav a,.mp-mobile-bottom-nav button,
  #mp-main button,#mp-main input[type="submit"],#mp-main input[type="button"]{
    min-height:44px;
  }
  #mp-main input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  #mp-main select,#mp-main textarea{ min-height:44px; }
}

/* Better support for Windows High Contrast / forced-colors users. */
@media (forced-colors:active){
  .mp-btn,.mp-actions-btn,.mp-actions-item,.mp-card,.mp-workflow-card,.mp-status,.mp-input{
    forced-color-adjust:auto;
    border:1px solid CanvasText !important;
  }
  .mp-status::before{ background:CanvasText; }
  #mp-page-progress{ background:Highlight !important; }
}

/* ========================================================================== 
   Enterprise Form UX + Validation Polish v10
   ========================================================================== */
#mp-main form.mp-form-ui{min-width:0;}
#mp-main .mp-form-field{position:relative;min-width:0;}
#mp-main .mp-form-label{display:inline-flex;align-items:center;gap:.38rem;margin-bottom:.34rem;color:#334155;font-size:.78rem;line-height:1.25;font-weight:750;}
#mp-main .mp-required-mark{display:inline-flex;align-items:center;justify-content:center;min-width:1.15rem;height:1.15rem;padding:0 .28rem;border-radius:999px;background:#fff1f2;color:#be123c;font-size:.62rem;line-height:1;font-weight:850;letter-spacing:.01em;}
#mp-main .mp-field-help{margin-top:.34rem;color:#64748b;font-size:.75rem;line-height:1.42;}
#mp-main .mp-client-error{display:flex;align-items:flex-start;gap:.38rem;margin-top:.36rem;color:#b91c1c;font-size:.76rem;line-height:1.4;font-weight:650;}
#mp-main .mp-client-error::before{content:'!';flex:0 0 auto;width:1rem;height:1rem;border-radius:999px;background:#fee2e2;text-align:center;line-height:1rem;font-size:.66rem;font-weight:900;}
#mp-main :where(input,select,textarea).mp-control{transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease,opacity .16s ease;}
#mp-main :where(input,select,textarea).mp-control:disabled,#mp-main :where(input,select,textarea).mp-control[readonly]{cursor:not-allowed;opacity:.76;background:#f8fafc;color:#64748b;}
#mp-main form[aria-busy="true"]{cursor:progress;}
#mp-main form[aria-busy="true"] .mp-loading{pointer-events:none;opacity:.82;cursor:progress;}
#mp-main .mp-btn-spinner{display:inline-block;width:.9rem;height:.9rem;margin-right:.42rem;border:2px solid currentColor;border-right-color:transparent;border-radius:999px;vertical-align:-.12em;animation:mp-form-spin .72s linear infinite;}
@keyframes mp-form-spin{to{transform:rotate(360deg);}}
#mp-main .mp-destructive-note{border:1px solid #fecaca;border-radius:14px;background:#fff7f7;color:#991b1b;padding:.72rem .8rem;font-size:.76rem;line-height:1.45;}
body.dark #mp-main .mp-form-label{color:#cbd5e1;}
body.dark #mp-main .mp-required-mark{background:rgba(190,24,93,.18);color:#fda4af;}
body.dark #mp-main .mp-field-help{color:#94a3b8;}
body.dark #mp-main .mp-client-error{color:#fca5a5;}
body.dark #mp-main .mp-client-error::before{background:rgba(190,24,93,.18);}
body.dark #mp-main :where(input,select,textarea).mp-control:disabled,body.dark #mp-main :where(input,select,textarea).mp-control[readonly]{background:#0f172a;color:#94a3b8;}
body.dark #mp-main .mp-destructive-note{border-color:rgba(248,113,113,.35);background:rgba(127,29,29,.18);color:#fecaca;}
@media(max-width:767px){#mp-main form.mp-form-ui .mp-form-actions,#mp-main form.mp-form-ui [data-mp-form-actions]{display:grid;grid-template-columns:1fr;width:100%;}#mp-main form.mp-form-ui .mp-form-actions>*,#mp-main form.mp-form-ui [data-mp-form-actions]>*{width:100%;justify-content:center;}}
@media(prefers-reduced-motion:reduce){#mp-main .mp-btn-spinner{animation-duration:1.4s;}}


/* ========================================================================== 
   Enterprise Workflow Feedback + Empty States v11
   ========================================================================== */
#mp-main .mp-feedback-stack{display:grid;gap:.75rem;margin-bottom:1rem;}
#mp-main .mp-feedback{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;border:1px solid #dbe3ee;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);}
#mp-main .mp-feedback-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:12px;font-size:.78rem;font-weight:900;line-height:1;}
#mp-main .mp-feedback-copy{min-width:0;}
#mp-main .mp-feedback-title{font-size:.82rem;font-weight:800;line-height:1.3;color:#0f172a;}
#mp-main .mp-feedback-text{margin-top:.15rem;font-size:.78rem;line-height:1.5;color:#475569;overflow-wrap:anywhere;}
#mp-main .mp-feedback-dismiss{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;border-radius:10px;background:transparent;color:#64748b;font-size:1.05rem;line-height:1;cursor:pointer;}
#mp-main .mp-feedback-dismiss:hover{background:#f1f5f9;color:#0f172a;}
#mp-main .mp-feedback-success{border-color:#bbf7d0;background:#f0fdf4;}.mp-feedback-success .mp-feedback-icon{background:#dcfce7;color:#166534;}
#mp-main .mp-feedback-error{border-color:#fecaca;background:#fff7f7;}.mp-feedback-error .mp-feedback-icon{background:#fee2e2;color:#991b1b;}
#mp-main .mp-feedback-warning{border-color:#fde68a;background:#fffbeb;}.mp-feedback-warning .mp-feedback-icon{background:#fef3c7;color:#92400e;}
#mp-main .mp-feedback-info{border-color:#bae6fd;background:#f0f9ff;}.mp-feedback-info .mp-feedback-icon{background:#e0f2fe;color:#075985;}
#mp-main .mp-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:168px;padding:1.35rem;border:1px dashed #cbd5e1;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fafc);color:#64748b;}
#mp-main .mp-empty-state-icon{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;margin-bottom:.7rem;border-radius:14px;background:#eef2ff;color:#4338ca;font-size:1.05rem;font-weight:900;}
#mp-main .mp-empty-state-title{font-size:.86rem;font-weight:820;color:#1e293b;}
#mp-main .mp-empty-state-text{max-width:42rem;margin-top:.3rem;font-size:.78rem;line-height:1.5;color:#64748b;}
#mp-main .mp-empty-state-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.85rem;}
#mp-main .mp-empty-state--compact{align-items:flex-start;text-align:left;min-height:0;padding:.85rem 1rem;border-radius:14px;}
#mp-main .mp-empty-state--compact .mp-empty-state-icon{width:2rem;height:2rem;margin:0 0 .5rem;font-size:.8rem;}
#mp-main td>.mp-empty-state{margin:.2rem 0;}
#mp-main .mp-confirm-dialog{position:relative;overflow:hidden;}
#mp-main .mp-confirm-dialog::before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:#2563eb;}
#mp-confirm-modal[data-tone="danger"] .mp-confirm-dialog::before{background:#dc2626;}
#mp-confirm-modal[data-tone="warning"] .mp-confirm-dialog::before{background:#d97706;}
#mp-confirm-modal[data-tone="danger"] #mp-confirm-icon{background:#fff1f2;color:#be123c;}
#mp-confirm-modal[data-tone="warning"] #mp-confirm-icon{background:#fffbeb;color:#b45309;}
#mp-confirm-modal[data-tone="danger"] #mp-confirm-ok{background:#dc2626;border-color:#dc2626;color:#fff;}
#mp-confirm-modal[data-tone="danger"] #mp-confirm-ok:hover{background:#b91c1c;border-color:#b91c1c;}
#mp-confirm-modal[data-tone="warning"] #mp-confirm-ok{background:#d97706;border-color:#d97706;color:#fff;}
#mp-confirm-modal[data-tone="warning"] #mp-confirm-ok:hover{background:#b45309;border-color:#b45309;}
body.mp-modal-open{overflow:hidden;}
.mp-toast{pointer-events:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.65rem;}
.mp-toast .mp-toast-dismiss{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:0;border-radius:9px;background:transparent;color:currentColor;opacity:.72;cursor:pointer;}
.mp-toast .mp-toast-dismiss:hover{opacity:1;background:rgba(148,163,184,.14);}
body.dark #mp-main .mp-feedback{border-color:rgba(148,163,184,.22);background:#0f172a;}
body.dark #mp-main .mp-feedback-title{color:#f1f5f9;}body.dark #mp-main .mp-feedback-text{color:#cbd5e1;}body.dark #mp-main .mp-feedback-dismiss{color:#94a3b8;}body.dark #mp-main .mp-feedback-dismiss:hover{background:#1e293b;color:#f8fafc;}
body.dark #mp-main .mp-feedback-success{background:rgba(20,83,45,.26);border-color:rgba(74,222,128,.28);}body.dark #mp-main .mp-feedback-error{background:rgba(127,29,29,.24);border-color:rgba(248,113,113,.3);}body.dark #mp-main .mp-feedback-warning{background:rgba(120,53,15,.25);border-color:rgba(251,191,36,.3);}body.dark #mp-main .mp-feedback-info{background:rgba(12,74,110,.25);border-color:rgba(56,189,248,.3);}
body.dark #mp-main .mp-empty-state{border-color:rgba(148,163,184,.28);background:linear-gradient(180deg,rgba(15,23,42,.72),rgba(2,6,23,.5));}body.dark #mp-main .mp-empty-state-icon{background:rgba(79,70,229,.18);color:#a5b4fc;}body.dark #mp-main .mp-empty-state-title{color:#e2e8f0;}body.dark #mp-main .mp-empty-state-text{color:#94a3b8;}
@media(max-width:640px){#mp-main .mp-feedback{grid-template-columns:auto minmax(0,1fr);}.mp-feedback-dismiss{grid-column:2;justify-self:end;margin-top:-2.45rem;}#mp-main .mp-empty-state{min-height:140px;padding:1.05rem;}}


/* ---- Enterprise Data Tables, Filters & Bulk-Action UX v12 ---- */
#mp-main form[data-mp-filter-form="1"]{
  position:relative;
  border-color:#dfe7f0;
  box-shadow:0 8px 24px rgba(15,23,42,.035);
}
#mp-main form[data-mp-filter-form="1"]:focus-within{
  border-color:#bfdbfe;
  box-shadow:0 10px 28px rgba(37,99,235,.07);
}
#mp-main .mp-filter-workspace{min-width:0;}
#mp-main .mp-active-filters{
  display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:.65rem 0 0;padding:.65rem .75rem;
  border:1px solid #e2e8f0;border-radius:14px;background:#fbfdff;color:#475569;
}
#mp-main .mp-active-filters-label{font-size:.69rem;font-weight:850;text-transform:uppercase;letter-spacing:.055em;color:#64748b;}
#mp-main .mp-filter-chip{
  display:inline-flex;align-items:center;gap:.4rem;max-width:100%;min-height:32px;padding:.34rem .55rem .34rem .65rem;
  border:1px solid #dbe5f0;border-radius:999px;background:#fff;color:#334155;font-size:.73rem;font-weight:700;
}
#mp-main button.mp-filter-chip{cursor:pointer;}
#mp-main button.mp-filter-chip:hover{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8;}
#mp-main .mp-filter-chip-label{color:#64748b;font-weight:650;}
#mp-main .mp-filter-chip-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:16rem;}
#mp-main .mp-filter-chip-x{display:inline-grid;place-items:center;width:1.15rem;height:1.15rem;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:.72rem;line-height:1;}
#mp-main .mp-filter-clear-all{margin-left:auto;display:inline-flex;align-items:center;min-height:32px;padding:.34rem .6rem;border-radius:9px;color:#475569;font-size:.73rem;font-weight:750;text-decoration:none;}
#mp-main .mp-filter-clear-all:hover{background:#f1f5f9;color:#0f172a;}

#mp-main .mp-table-workspace-meta{
  display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;
  padding:.68rem .85rem;border:1px solid #e2e8f0;border-bottom:0;border-radius:16px 16px 0 0;background:#fbfcfe;
  color:#64748b;font-size:.74rem;
}
#mp-main .mp-table-workspace-meta strong{color:#334155;font-weight:800;}
#mp-main .mp-table-scroll-hint{display:inline-flex;align-items:center;gap:.35rem;}
#mp-main .mp-table-scroll-hint::before{content:'↔';font-weight:850;color:#0f766e;}
#mp-main .mp-table-workspace-meta + .mp-table-wrap{border-radius:0 0 16px 16px;}
#mp-main table[data-mp-data-table="1"]{border-collapse:separate;border-spacing:0;}
#mp-main table[data-mp-data-table="1"] tbody tr:has(input[type="checkbox"]:checked){background:#eff6ff !important;box-shadow:inset 3px 0 #2563eb;}
#mp-main table[data-mp-data-table="1"] input[type="checkbox"]{width:1rem;height:1rem;accent-color:#2563eb;}
#mp-main table[data-mp-data-table="1"] .mp-table-actions-sticky{
  position:sticky;right:0;z-index:7;background:#fff;box-shadow:-8px 0 14px -12px rgba(15,23,42,.38);
}
#mp-main table[data-mp-data-table="1"] thead .mp-table-actions-sticky{z-index:12;background:#f8fafc !important;}
#mp-main table[data-mp-data-table="1"] tbody tr:hover .mp-table-actions-sticky,
#mp-main table[data-mp-data-table="1"] tbody tr:has(input[type="checkbox"]:checked) .mp-table-actions-sticky{background:inherit;}

#mp-main .mp-selection-bar{
  position:sticky;bottom:.85rem;z-index:35;display:none;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;
  margin:.7rem .8rem;padding:.7rem .78rem;border:1px solid #bfdbfe;border-radius:14px;background:rgba(239,246,255,.97);
  box-shadow:0 14px 34px rgba(15,23,42,.14);backdrop-filter:blur(10px);
}
#mp-main .mp-selection-bar.is-active{display:flex;}
#mp-main .mp-selection-count{display:inline-flex;align-items:center;gap:.5rem;color:#1e3a8a;font-size:.79rem;font-weight:800;}
#mp-main .mp-selection-count::before{content:'✓';display:grid;place-items:center;width:1.45rem;height:1.45rem;border-radius:999px;background:#2563eb;color:#fff;font-size:.72rem;}
#mp-main .mp-selection-actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;}
#mp-main .mp-selection-action{min-height:34px;padding:.38rem .62rem;border:1px solid #bfdbfe;border-radius:9px;background:#fff;color:#1e40af;font-size:.73rem;font-weight:750;}
#mp-main .mp-selection-action:hover{background:#dbeafe;}

#mp-main .mp-pagination{
  display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-top:.9rem;padding:.72rem .8rem;
  border:1px solid #e2e8f0;border-radius:15px;background:#fbfcfe;
}
#mp-main .mp-pagination-summary{display:flex;align-items:baseline;gap:.22rem;color:#64748b;font-size:.75rem;}
#mp-main .mp-pagination-summary strong{color:#334155;font-weight:800;}
#mp-main .mp-pagination-pages{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;}
#mp-main .mp-page-link{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:.38rem .58rem;border:1px solid #dbe3ee;border-radius:9px;background:#fff;color:#475569;font-size:.75rem;font-weight:750;text-decoration:none;}
#mp-main .mp-page-link:hover{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8;}
#mp-main .mp-page-link.is-active{border-color:#0f172a;background:#0f172a;color:#fff;}
#mp-main .mp-page-link.is-disabled{background:#f8fafc;color:#a0aec0;cursor:not-allowed;}
#mp-main .mp-page-ellipsis{padding:0 .18rem;color:#94a3b8;}

body.dark #mp-main .mp-active-filters,
body.dark #mp-main .mp-table-workspace-meta,
body.dark #mp-main .mp-pagination{background:rgba(15,23,42,.62);border-color:rgba(148,163,184,.18);color:#94a3b8;}
body.dark #mp-main .mp-filter-chip{background:rgba(30,41,59,.82);border-color:rgba(148,163,184,.22);color:#e2e8f0;}
body.dark #mp-main .mp-filter-chip-x{background:rgba(148,163,184,.14);color:#cbd5e1;}
body.dark #mp-main .mp-filter-clear-all{color:#cbd5e1;}
body.dark #mp-main .mp-filter-clear-all:hover{background:rgba(148,163,184,.12);color:#fff;}
body.dark #mp-main .mp-table-workspace-meta strong,body.dark #mp-main .mp-pagination-summary strong{color:#e2e8f0;}
body.dark #mp-main table[data-mp-data-table="1"] tbody tr:has(input[type="checkbox"]:checked){background:rgba(30,64,175,.22) !important;}
body.dark #mp-main table[data-mp-data-table="1"] .mp-table-actions-sticky{background:#0f172a;}
body.dark #mp-main table[data-mp-data-table="1"] thead .mp-table-actions-sticky{background:#111827 !important;}
body.dark #mp-main .mp-selection-bar{border-color:rgba(96,165,250,.36);background:rgba(15,23,42,.94);}
body.dark #mp-main .mp-selection-count{color:#bfdbfe;}
body.dark #mp-main .mp-selection-action,body.dark #mp-main .mp-page-link{background:rgba(30,41,59,.88);border-color:rgba(148,163,184,.22);color:#e2e8f0;}
body.dark #mp-main .mp-page-link.is-active{background:#e2e8f0;color:#0f172a;border-color:#e2e8f0;}
body.dark #mp-main .mp-page-link.is-disabled{color:#64748b;background:rgba(15,23,42,.5);}

@media(max-width:767px){
  #mp-main .mp-active-filters{align-items:stretch;padding:.58rem;}
  #mp-main .mp-active-filters-label{width:100%;}
  #mp-main .mp-filter-chip{max-width:100%;}
  #mp-main .mp-filter-chip-value{max-width:12rem;}
  #mp-main .mp-filter-clear-all{margin-left:0;}
  #mp-main .mp-table-workspace-meta{border-radius:14px 14px 0 0;padding:.58rem .7rem;}
  #mp-main table[data-mp-data-table="1"] .mp-table-actions-sticky{position:static;box-shadow:none;background:transparent;}
  #mp-main .mp-selection-bar{bottom:5.2rem;margin:.55rem 0;padding:.65rem;}
  #mp-main .mp-pagination{align-items:stretch;padding:.65rem;}
  #mp-main .mp-pagination-summary{width:100%;justify-content:center;}
  #mp-main .mp-pagination-pages{width:100%;justify-content:center;}
  #mp-main .mp-page-link{min-height:40px;}
}
@media print{
  #mp-main .mp-active-filters button,#mp-main .mp-filter-clear-all,#mp-main .mp-selection-bar,#mp-main .mp-table-scroll-hint,#mp-main .mp-pagination{display:none !important;}
  #mp-main table[data-mp-data-table="1"] .mp-table-actions-sticky{position:static;box-shadow:none;}
}

/* Enterprise Operational Queue & Row-Action UX v13 */
.mp-queue-table-v13 tbody tr{position:relative;transition:background-color .16s ease,box-shadow .16s ease}
.mp-queue-table-v13 tbody tr:hover{background:color-mix(in srgb,var(--mp-primary,#0A6DF5) 4%,transparent)}
.mp-queue-table-v13 tbody tr.mp-queue-row--attention{box-shadow:inset 3px 0 0 #f59e0b}
.mp-queue-table-v13 tbody tr.mp-queue-row--critical{box-shadow:inset 3px 0 0 #e11d48;background:rgba(225,29,72,.025)}
.mp-queue-table-v13 tbody tr.mp-queue-row--positive{box-shadow:inset 3px 0 0 #10b981}
.mp-queue-status{display:inline-flex;align-items:center;gap:.38rem;min-height:1.6rem;padding:.2rem .58rem;border-radius:999px;font-size:.72rem;font-weight:750;line-height:1.15;letter-spacing:.01em;border:1px solid transparent;white-space:nowrap}
.mp-queue-status::before{content:"";width:.42rem;height:.42rem;border-radius:999px;background:currentColor;opacity:.78;flex:0 0 auto}
.mp-queue-status--success{color:#047857;background:#ecfdf5;border-color:#a7f3d0}
.mp-queue-status--warning{color:#a16207;background:#fffbeb;border-color:#fde68a}
.mp-queue-status--danger{color:#be123c;background:#fff1f2;border-color:#fecdd3}
.mp-queue-status--info{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}
.mp-queue-status--neutral{color:#475569;background:#f8fafc;border-color:#e2e8f0}
.mp-row-actions{min-width:10.5rem}
.mp-row-actions-inner{display:flex;align-items:center;flex-wrap:wrap;gap:.42rem}
.mp-row-actions a:not(.mp-btn),.mp-row-actions summary{display:inline-flex;align-items:center;min-height:2rem;padding:.35rem .55rem;border:1px solid #dbe3ef;border-radius:.65rem;background:#fff;color:#1d4ed8;font-size:.76rem;font-weight:650;text-decoration:none;cursor:pointer}
.mp-row-actions a:not(.mp-btn):hover,.mp-row-actions summary:hover{background:#f8fafc;border-color:#bfdbfe}
.mp-row-actions details{position:relative}
.mp-row-actions details[open]>summary{background:#eff6ff;border-color:#93c5fd}
.mp-row-actions details>form{min-width:17rem;box-shadow:0 16px 36px rgba(15,23,42,.12)}
.mp-queue-decision{border-radius:14px;border:1px solid #e2e8f0;background:#f8fafc;padding:.55rem}
.mp-queue-decision[data-mp-decision-tone="danger"]{border-color:#fecdd3;background:#fff1f2}
.mp-queue-decision[data-mp-decision-tone="warning"]{border-color:#fde68a;background:#fffbeb}
.mp-queue-legend{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;color:#64748b;font-size:.75rem;margin:.15rem 0 .65rem}
.mp-queue-legend span{display:inline-flex;align-items:center;gap:.3rem}
.mp-queue-legend i{display:inline-block;width:.5rem;height:.5rem;border-radius:999px}
.mp-queue-legend .is-critical i{background:#e11d48}.mp-queue-legend .is-attention i{background:#f59e0b}.mp-queue-legend .is-positive i{background:#10b981}
@media (max-width:767px){
  .mp-row-actions{min-width:0!important;position:static!important}
  .mp-row-actions-inner{align-items:stretch}
  .mp-row-actions-inner>*{max-width:100%}
  .mp-row-actions details,.mp-row-actions details>summary,.mp-row-actions .mp-btn,.mp-row-actions a:not(.mp-btn){width:100%;justify-content:center}
  .mp-row-actions details>form{min-width:0;width:100%;box-shadow:none}
  .mp-queue-table-v13 tbody tr.mp-queue-row--attention,.mp-queue-table-v13 tbody tr.mp-queue-row--critical,.mp-queue-table-v13 tbody tr.mp-queue-row--positive{box-shadow:inset 4px 0 0 var(--mp-queue-accent,#cbd5e1)}
  .mp-queue-table-v13 tbody tr.mp-queue-row--attention{--mp-queue-accent:#f59e0b}.mp-queue-table-v13 tbody tr.mp-queue-row--critical{--mp-queue-accent:#e11d48}.mp-queue-table-v13 tbody tr.mp-queue-row--positive{--mp-queue-accent:#10b981}
}
@media (prefers-color-scheme:dark){
  .mp-row-actions a:not(.mp-btn),.mp-row-actions summary{background:#0f172a;border-color:#334155;color:#93c5fd}
  .mp-row-actions a:not(.mp-btn):hover,.mp-row-actions summary:hover{background:#172033}
  .mp-queue-status--success{color:#6ee7b7;background:rgba(6,78,59,.4);border-color:#065f46}.mp-queue-status--warning{color:#fde68a;background:rgba(120,53,15,.35);border-color:#92400e}.mp-queue-status--danger{color:#fda4af;background:rgba(136,19,55,.35);border-color:#9f1239}.mp-queue-status--info{color:#93c5fd;background:rgba(30,64,175,.32);border-color:#1d4ed8}.mp-queue-status--neutral{color:#cbd5e1;background:#111827;border-color:#334155}
}

/* ========================================================================== 
   Enterprise Dashboard Navigation & Information Architecture Polish v14
   ========================================================================== */
.mp-workspace-identity{
  display:flex;align-items:center;gap:.65rem;margin:.15rem 1rem .8rem;padding:.68rem .75rem;
  border:1px solid #e2e8f0;border-radius:15px;background:rgba(248,250,252,.86);color:#475569;min-width:0;
}
.mp-workspace-identity-dot{width:.55rem;height:.55rem;flex:0 0 .55rem;border-radius:999px;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));box-shadow:0 0 0 4px rgba(10,109,245,.08);}
.mp-workspace-identity-copy{display:grid;min-width:0;line-height:1.2;}
.mp-workspace-identity-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-size:.75rem;font-weight:800;}
.mp-workspace-identity-copy small{margin-top:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:.65rem;font-weight:650;}
.mp-nav-search-wrap{display:grid;gap:.35rem;}
.mp-nav-search-meta{display:flex;align-items:center;justify-content:space-between;gap:.55rem;padding:0 .25rem;color:#94a3b8;font-size:.62rem;font-weight:650;}
.js-nav-search-count{color:#64748b;font-variant-numeric:tabular-nums;}
.mp-sidebar [data-mp-active-group="1"]{background:rgba(10,109,245,.07);box-shadow:inset 0 0 0 1px rgba(59,130,246,.08);}
.mp-sidebar a[data-mp-active="1"]{background:#f1f5f9;color:#0f172a;box-shadow:inset 0 0 0 1px #e2e8f0;}
.mp-sidebar a[data-mp-active="1"] .mp-nav-label{font-weight:800;}
.mp-sidebar [data-mp-nav-section="1"]{letter-spacing:.08em;color:#7c8ba1;}
.mp-header-workspace-context{align-items:center;gap:.38rem;max-width:22rem;padding:.3rem .55rem;border:1px solid #e2e8f0;border-radius:999px;background:rgba(248,250,252,.8);color:#64748b;font-size:.68rem;font-weight:650;white-space:nowrap;overflow:hidden;}
.mp-header-workspace-context span,.mp-header-workspace-context strong{overflow:hidden;text-overflow:ellipsis;}
.mp-header-workspace-context strong{color:#334155;font-weight:800;}
.mp-breadcrumb-context-label{color:#64748b;font-weight:650;}
.mp-mobile-header-context{display:grid;min-width:0;line-height:1.15;}
.mp-mobile-current-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-size:.82rem;font-weight:800;}
.mp-mobile-current-meta{margin-top:.18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:.62rem;font-weight:650;}
.mp-account-context{display:flex;align-items:center;gap:.32rem;flex-wrap:wrap;margin-top:.45rem;color:#64748b;font-size:.66rem;line-height:1.3;}
.mp-account-context strong{color:#334155;font-weight:800;}
#userMenuDropdown [role="menuitem"]{position:relative;}
#userMenuDropdown [role="menuitem"]:focus-visible{background:#eff6ff;color:#1d4ed8;}
#notifBtn[aria-expanded="true"],#userMenuBtn[aria-expanded="true"]{background:#f1f5f9;}
body.dark .mp-workspace-identity{border-color:rgba(148,163,184,.18);background:rgba(30,41,59,.56);color:#94a3b8;}
body.dark .mp-workspace-identity-copy strong{color:#f1f5f9;}
body.dark .mp-workspace-identity-copy small,body.dark .js-nav-search-count{color:#94a3b8;}
body.dark .mp-sidebar [data-mp-active-group="1"]{background:rgba(37,99,235,.13);box-shadow:inset 0 0 0 1px rgba(96,165,250,.12);}
body.dark .mp-sidebar a[data-mp-active="1"]{background:rgba(30,41,59,.86);color:#f8fafc;box-shadow:inset 0 0 0 1px rgba(148,163,184,.16);}
body.dark .mp-header-workspace-context{border-color:rgba(148,163,184,.18);background:rgba(30,41,59,.58);color:#94a3b8;}
body.dark .mp-header-workspace-context strong,body.dark .mp-account-context strong{color:#e2e8f0;}
body.dark .mp-breadcrumb-context-label{color:#94a3b8;}
body.dark .mp-mobile-current-title{color:#f8fafc;}
body.dark .mp-mobile-current-meta,body.dark .mp-account-context{color:#94a3b8;}
body.dark #notifBtn[aria-expanded="true"],body.dark #userMenuBtn[aria-expanded="true"]{background:rgba(30,41,59,.78);}
.sidebar-collapsed .mp-workspace-identity{justify-content:center;margin-inline:.65rem;padding:.7rem .4rem;}
.sidebar-collapsed .mp-workspace-identity-copy,.sidebar-collapsed .mp-nav-search-meta{display:none;}
.sidebar-collapsed .mp-workspace-identity-dot{width:.65rem;height:.65rem;flex-basis:.65rem;}
@media(max-width:1199px){.mp-header-workspace-context{display:none!important;}}
@media(max-width:767px){
  .mp-mobile-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:.18rem!important;padding:.32rem!important;}
  .mp-mobile-bottom-nav a,.mp-mobile-bottom-nav button{min-width:0;padding:.2rem .08rem;}
  .mp-mobile-bottom-nav span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  #userMenuDropdown,#notifDropdown{max-height:min(76vh,560px);overflow:auto;}
}
@media(prefers-reduced-motion:reduce){.mp-workspace-identity-dot{box-shadow:none;}}
@media(forced-colors:active){.mp-workspace-identity,.mp-header-workspace-context{border:1px solid CanvasText;}.mp-workspace-identity-dot{background:Highlight;box-shadow:none;}}

/* ==========================================================================
   Enterprise Role Dashboard Home & KPI Experience v15
   ========================================================================== */
#mp-main .mp-dashboard-home-v15{display:grid;gap:1rem;margin:0 0 1.15rem}
#mp-main .mp-dashboard-home-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;min-height:150px;padding:1.35rem 1.45rem;border:1px solid rgba(191,219,254,.75);border-radius:24px;background:linear-gradient(125deg,#f8fbff 0%,#eff6ff 48%,#f0fdfa 100%);box-shadow:0 14px 38px rgba(15,23,42,.055)}
#mp-main .mp-dashboard-home-hero:after{content:"";position:absolute;right:-70px;top:-100px;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(20,184,166,.14),rgba(37,99,235,.03) 58%,transparent 70%);pointer-events:none}
#mp-main .mp-dashboard-home-copy{position:relative;z-index:1;max-width:720px}
#mp-main .mp-dashboard-home-kicker{display:flex;align-items:center;gap:.48rem;margin-bottom:.38rem;color:#0f766e;font-size:.68rem;font-weight:850;letter-spacing:.075em;text-transform:uppercase}
#mp-main .mp-dashboard-home-kicker>span{width:.5rem;height:.5rem;border-radius:999px;background:#14b8a6;box-shadow:0 0 0 4px rgba(20,184,166,.1)}
#mp-main .mp-dashboard-home-copy h1{margin:0;color:#0f172a;font-size:clamp(1.45rem,2.3vw,2.15rem);font-weight:850;letter-spacing:-.035em;line-height:1.1}
#mp-main .mp-dashboard-home-copy p{max-width:650px;margin:.58rem 0 0;color:#64748b;font-size:.78rem;line-height:1.6}
#mp-main .mp-dashboard-home-state{position:relative;z-index:1;display:flex;align-items:center;gap:.65rem;min-width:240px;padding:.82rem .92rem;border:1px solid rgba(255,255,255,.9);border-radius:17px;background:rgba(255,255,255,.72);box-shadow:0 12px 26px rgba(15,23,42,.055);backdrop-filter:blur(9px)}
#mp-main .mp-dashboard-home-state-dot{width:.68rem;height:.68rem;flex:0 0 .68rem;border-radius:999px;background:#10b981;box-shadow:0 0 0 5px rgba(16,185,129,.12)}
#mp-main .mp-dashboard-home-state div{display:grid;min-width:0}
#mp-main .mp-dashboard-home-state strong{overflow:hidden;color:#334155;font-size:.74rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
#mp-main .mp-dashboard-home-state small{margin-top:.16rem;color:#64748b;font-size:.62rem}
#mp-main .mp-dashboard-context-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.72rem}
#mp-main .mp-dashboard-context-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;min-width:0;min-height:104px;padding:.9rem 1rem;border:1px solid #e2e8f0;border-radius:19px;background:#fff;color:inherit;text-align:left;text-decoration:none;box-shadow:0 8px 20px rgba(15,23,42,.035);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
#mp-main a.mp-dashboard-context-card:hover,#mp-main button.mp-dashboard-context-card:hover{transform:translateY(-1px);border-color:#bfdbfe;box-shadow:0 12px 24px rgba(15,23,42,.06)}
#mp-main button.mp-dashboard-context-card{width:100%;font:inherit;cursor:pointer}
#mp-main .mp-dashboard-context-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#eff6ff;color:#2563eb}
#mp-main .mp-dashboard-context-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#mp-main .mp-dashboard-context-card>span:last-child{display:grid;min-width:0}
#mp-main .mp-dashboard-context-card small{color:#64748b;font-size:.61rem;font-weight:720;text-transform:uppercase;letter-spacing:.045em}
#mp-main .mp-dashboard-context-card strong{margin-top:.08rem;color:#0f172a;font-size:1.35rem;font-weight:850;line-height:1.05;letter-spacing:-.025em}
#mp-main .mp-dashboard-context-card em{margin-top:.24rem;overflow:hidden;color:#94a3b8;font-size:.59rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
#mp-main .mp-dashboard-context-search .mp-dashboard-context-icon{background:#f0fdfa;color:#0f766e}
#mp-main .mp-dashboard-launchpad{overflow:hidden;border:1px solid #e2e8f0;border-radius:21px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.035)}
#mp-main .mp-dashboard-launchpad-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid #eef2f7;background:#fbfdff}
#mp-main .mp-dashboard-launchpad-head>div{display:grid}
#mp-main .mp-dashboard-launchpad-head span{color:#64748b;font-size:.6rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
#mp-main .mp-dashboard-launchpad-head strong{margin-top:.12rem;color:#172033;font-size:.78rem;font-weight:820}
#mp-main .mp-dashboard-launchpad-search{display:inline-flex;align-items:center;gap:.48rem;min-height:36px;padding:.42rem .65rem;border:1px solid #dbe3ee;border-radius:10px;background:#fff;color:#475569;font-size:.68rem;font-weight:750}
#mp-main .mp-dashboard-launchpad-search span{padding:.1rem .32rem;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;color:#64748b;font-size:.55rem;text-transform:none;letter-spacing:0}
#mp-main .mp-dashboard-launchpad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
#mp-main .mp-dashboard-launchpad-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem;min-height:78px;padding:.85rem 1rem;border-right:1px solid #eef2f7;border-bottom:1px solid #eef2f7;color:inherit;text-decoration:none;transition:background .15s ease}
#mp-main .mp-dashboard-launchpad-item:nth-child(3n){border-right:0}
#mp-main .mp-dashboard-launchpad-item:nth-last-child(-n+3){border-bottom:0}
#mp-main .mp-dashboard-launchpad-item:hover{background:#f8fbff}
#mp-main .mp-dashboard-launchpad-item>span:nth-child(2){grid-column:1;grid-row:1}
#mp-main .mp-dashboard-launchpad-item strong{display:block;overflow:hidden;color:#334155;font-size:.72rem;font-weight:780;text-overflow:ellipsis;white-space:nowrap}
#mp-main .mp-dashboard-launchpad-item small{display:block;margin-top:.16rem;overflow:hidden;color:#64748b;font-size:.6rem;text-overflow:ellipsis;white-space:nowrap}
#mp-main .mp-dashboard-launchpad-arrow{grid-column:2;grid-row:1;color:#94a3b8;font-size:.8rem}
#mp-main .mp-dashboard-existing-content{display:grid;gap:1rem;min-width:0}
#mp-main .mp-dashboard-existing-content>.mp-admin-dashboard,#mp-main .mp-dashboard-existing-content>.mp-role-dashboard{margin-top:.05rem}
#mp-main .mp-dashboard-kpi-v15{position:relative;isolation:isolate}
#mp-main .mp-dashboard-kpi-v15:focus-within{box-shadow:0 0 0 3px rgba(37,99,235,.12),0 14px 30px rgba(15,23,42,.06)}
body.dark #mp-main .mp-dashboard-home-hero{border-color:rgba(96,165,250,.18);background:linear-gradient(125deg,rgba(15,23,42,.94),rgba(30,41,59,.92),rgba(15,55,55,.72))}
body.dark #mp-main .mp-dashboard-home-copy h1,body.dark #mp-main .mp-dashboard-context-card strong,body.dark #mp-main .mp-dashboard-launchpad-head strong,body.dark #mp-main .mp-dashboard-launchpad-item strong{color:#f8fafc}
body.dark #mp-main .mp-dashboard-home-copy p,body.dark #mp-main .mp-dashboard-home-state small,body.dark #mp-main .mp-dashboard-context-card small,body.dark #mp-main .mp-dashboard-launchpad-item small{color:#94a3b8}
body.dark #mp-main .mp-dashboard-home-state,body.dark #mp-main .mp-dashboard-context-card,body.dark #mp-main .mp-dashboard-launchpad{border-color:rgba(148,163,184,.18);background:rgba(15,23,42,.74)}
body.dark #mp-main .mp-dashboard-home-state strong,body.dark #mp-main .mp-dashboard-launchpad-item strong{color:#e2e8f0}
body.dark #mp-main .mp-dashboard-context-icon{background:rgba(37,99,235,.16);color:#93c5fd}
body.dark #mp-main .mp-dashboard-context-search .mp-dashboard-context-icon{background:rgba(20,184,166,.14);color:#5eead4}
body.dark #mp-main .mp-dashboard-launchpad-head{border-color:rgba(148,163,184,.14);background:rgba(30,41,59,.56)}
body.dark #mp-main .mp-dashboard-launchpad-search{border-color:rgba(148,163,184,.22);background:#0f172a;color:#cbd5e1}
body.dark #mp-main .mp-dashboard-launchpad-search span{border-color:rgba(148,163,184,.2);background:#1e293b;color:#94a3b8}
body.dark #mp-main .mp-dashboard-launchpad-item{border-color:rgba(148,163,184,.12)}
body.dark #mp-main .mp-dashboard-launchpad-item:hover{background:rgba(30,64,175,.11)}
@media(max-width:1023px){#mp-main .mp-dashboard-context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#mp-main .mp-dashboard-launchpad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#mp-main .mp-dashboard-launchpad-item:nth-child(3n){border-right:1px solid #eef2f7}#mp-main .mp-dashboard-launchpad-item:nth-child(2n){border-right:0}#mp-main .mp-dashboard-launchpad-item:nth-last-child(-n+3){border-bottom:1px solid #eef2f7}#mp-main .mp-dashboard-launchpad-item:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:767px){#mp-main .mp-dashboard-home-v15{gap:.75rem;margin-bottom:.85rem}#mp-main .mp-dashboard-home-hero{align-items:flex-start;flex-direction:column;min-height:0;padding:1rem;border-radius:20px}#mp-main .mp-dashboard-home-state{width:100%;min-width:0;padding:.7rem .78rem}#mp-main .mp-dashboard-home-copy h1{font-size:1.35rem}#mp-main .mp-dashboard-home-copy p{font-size:.71rem}#mp-main .mp-dashboard-context-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}#mp-main .mp-dashboard-context-card{min-height:96px;padding:.75rem;grid-template-columns:1fr;align-content:start;gap:.55rem}#mp-main .mp-dashboard-context-icon{width:32px;height:32px;border-radius:11px}#mp-main .mp-dashboard-context-card strong{font-size:1.12rem}#mp-main .mp-dashboard-context-card em{display:none}#mp-main .mp-dashboard-launchpad{border-radius:18px}#mp-main .mp-dashboard-launchpad-head{align-items:flex-start;flex-direction:column;padding:.75rem}#mp-main .mp-dashboard-launchpad-search{width:100%;justify-content:space-between}#mp-main .mp-dashboard-launchpad-grid{grid-template-columns:1fr}#mp-main .mp-dashboard-launchpad-item,#mp-main .mp-dashboard-launchpad-item:nth-child(n){min-height:68px;border-right:0;border-bottom:1px solid #eef2f7}#mp-main .mp-dashboard-launchpad-item:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){#mp-main .mp-dashboard-context-card,#mp-main .mp-dashboard-launchpad-item{transition:none!important}}
@media(forced-colors:active){#mp-main .mp-dashboard-home-hero,#mp-main .mp-dashboard-home-state,#mp-main .mp-dashboard-context-card,#mp-main .mp-dashboard-launchpad{border:1px solid CanvasText}#mp-main .mp-dashboard-home-state-dot,#mp-main .mp-dashboard-home-kicker>span{background:Highlight;box-shadow:none}}

/* ========================================================================== 
   Enterprise Dashboard KPI & Analytics Visual Consistency v16
   ========================================================================== */
#mp-main .mp-dashboard-analytics-v16{--mp-dashboard-panel-border:#e5eaf1;--mp-dashboard-panel-bg:#fff;--mp-dashboard-panel-muted:#64748b;display:grid;gap:1rem;min-width:0}
#mp-main .mp-dashboard-analytics-v16>*{min-width:0}
#mp-main .mp-dashboard-native-title-v16{margin:0;color:#172033;font-size:clamp(1.05rem,1.4vw,1.28rem);font-weight:820;letter-spacing:-.018em}
#mp-main .mp-dashboard-kpi-grid-v16{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem!important;align-items:stretch}
#mp-main .mp-dashboard-kpi-v16{position:relative;overflow:hidden;min-width:0;min-height:128px;border:1px solid var(--mp-dashboard-panel-border);border-radius:20px;background:var(--mp-dashboard-panel-bg);box-shadow:0 10px 28px rgba(15,23,42,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
#mp-main .mp-dashboard-kpi-v16:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:20px 0 0 20px;background:#94a3b8;opacity:.78}
#mp-main .mp-dashboard-kpi-v16[data-mp-kpi-tone="info"]:before{background:#2563eb}
#mp-main .mp-dashboard-kpi-v16[data-mp-kpi-tone="success"]:before{background:#0f9f7a}
#mp-main .mp-dashboard-kpi-v16[data-mp-kpi-tone="warning"]:before{background:#d97706}
#mp-main .mp-dashboard-kpi-v16[data-mp-kpi-tone="danger"]:before{background:#dc2626}
#mp-main a.mp-dashboard-kpi-v16:hover,#mp-main button.mp-dashboard-kpi-v16:hover{transform:translateY(-2px);border-color:#cbd8ea;box-shadow:0 14px 34px rgba(15,23,42,.075)}
#mp-main .mp-dashboard-kpi-label-v16{color:#64748b!important;font-size:.7rem!important;font-weight:780!important;letter-spacing:.035em!important;text-transform:uppercase}
#mp-main .mp-dashboard-kpi-value-v16{color:#0f172a!important;font-size:clamp(1.45rem,2vw,2rem)!important;line-height:1.08!important;font-weight:850!important;letter-spacing:-.035em!important;font-variant-numeric:tabular-nums}
#mp-main .mp-dashboard-panel-v16{min-width:0;border-color:var(--mp-dashboard-panel-border);border-radius:22px;box-shadow:0 10px 28px rgba(15,23,42,.04)}
#mp-main .mp-dashboard-panel-v16 h2,#mp-main .mp-dashboard-panel-v16 h3,#mp-main .mp-dashboard-panel-v16 h4{letter-spacing:-.015em}
#mp-main .mp-dashboard-chart-panel-v16{overflow:hidden}
#mp-main .mp-dashboard-chart-v16{max-width:100%;min-width:0}
#mp-main canvas.mp-dashboard-chart-v16{width:100%!important;height:auto;max-height:340px}
#mp-main .mp-dashboard-chart-panel-v16 .mp-bar-chart{min-width:0}
#mp-main .mp-dashboard-table-panel-v16{overflow:hidden}
#mp-main .mp-dashboard-table-panel-v16 .mp-data-workspace{margin-bottom:0}
#mp-main .mp-dashboard-analytics-v16 [data-mp-dashboard-analytics-ready-v16="1"]{min-width:0}
body.dark #mp-main .mp-dashboard-analytics-v16{--mp-dashboard-panel-border:rgba(148,163,184,.18);--mp-dashboard-panel-bg:rgba(15,23,42,.72);--mp-dashboard-panel-muted:#94a3b8}
body.dark #mp-main .mp-dashboard-native-title-v16{color:#e5e7eb}
body.dark #mp-main .mp-dashboard-kpi-v16{background:rgba(15,23,42,.72);border-color:rgba(148,163,184,.18);box-shadow:0 12px 30px rgba(0,0,0,.18)}
body.dark #mp-main .mp-dashboard-kpi-label-v16{color:#94a3b8!important}
body.dark #mp-main .mp-dashboard-kpi-value-v16{color:#f8fafc!important}
body.dark #mp-main .mp-dashboard-panel-v16{border-color:rgba(148,163,184,.18);box-shadow:0 12px 30px rgba(0,0,0,.16)}
@media(max-width:1199px){#mp-main .mp-dashboard-kpi-grid-v16{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){#mp-main .mp-dashboard-analytics-v16{gap:.75rem}#mp-main .mp-dashboard-kpi-grid-v16{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem!important}#mp-main .mp-dashboard-kpi-v16{min-height:112px;border-radius:17px}#mp-main .mp-dashboard-kpi-value-v16{font-size:1.3rem!important}#mp-main .mp-dashboard-panel-v16{border-radius:18px}#mp-main canvas.mp-dashboard-chart-v16{max-height:280px}}
@media(max-width:420px){#mp-main .mp-dashboard-kpi-grid-v16{grid-template-columns:1fr}#mp-main .mp-dashboard-kpi-v16{min-height:104px}}
@media(prefers-reduced-motion:reduce){#mp-main .mp-dashboard-kpi-v16{transition:none!important}}
@media(forced-colors:active){#mp-main .mp-dashboard-kpi-v16,#mp-main .mp-dashboard-panel-v16{border:1px solid CanvasText}#mp-main .mp-dashboard-kpi-v16:before{background:Highlight}}
@media print{#mp-main .mp-dashboard-kpi-v16,#mp-main .mp-dashboard-panel-v16{box-shadow:none!important;break-inside:avoid}#mp-main .mp-dashboard-kpi-grid-v16{grid-template-columns:repeat(2,minmax(0,1fr))}}



/* ========================================================================== 
   Enterprise Dashboard Activity, Alerts & Priority Work UX v17
   ========================================================================== */
#mp-main .mp-dashboard-priority-v17{scroll-behavior:smooth}
#mp-main .mp-dashboard-priority-digest-v17{display:grid;gap:.8rem;padding:1rem 1.05rem;border:1px solid #dfe7f1;border-radius:22px;background:linear-gradient(135deg,#fff 0%,#f8fbff 55%,#f0fdfa 100%);box-shadow:0 10px 28px rgba(15,23,42,.045)}
#mp-main .mp-dashboard-priority-head-v17{display:flex;align-items:center;justify-content:space-between;gap:1rem}
#mp-main .mp-dashboard-priority-head-v17>div:first-child{display:grid;gap:.1rem;min-width:0}
#mp-main .mp-dashboard-priority-head-v17>div:first-child>span{color:#0f766e;font-size:.61rem;font-weight:850;letter-spacing:.065em;text-transform:uppercase}
#mp-main .mp-dashboard-priority-head-v17>div:first-child>strong{color:#0f172a;font-size:.92rem;font-weight:850;letter-spacing:-.018em}
#mp-main .mp-dashboard-priority-head-v17>div:first-child>small{color:#64748b;font-size:.63rem;line-height:1.5}
#mp-main .mp-dashboard-priority-metrics-v17{display:flex;align-items:stretch;justify-content:flex-end;gap:.45rem;flex-wrap:wrap}
#mp-main .mp-dashboard-priority-metric-v17{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:.36rem;min-height:38px;padding:.5rem .62rem;border:1px solid #e2e8f0;border-radius:12px;background:rgba(255,255,255,.82);color:#475569;text-decoration:none}
#mp-main .mp-dashboard-priority-metric-v17 strong{font-size:.85rem;font-weight:850;font-variant-numeric:tabular-nums}
#mp-main .mp-dashboard-priority-metric-v17 small{font-size:.58rem;font-weight:760;white-space:nowrap}
#mp-main .mp-dashboard-priority-metric-v17--critical{border-color:#fecaca;background:#fff7f7;color:#b91c1c}
#mp-main .mp-dashboard-priority-metric-v17--attention,#mp-main .mp-dashboard-priority-metric-v17--deadline{border-color:#fde68a;background:#fffbeb;color:#a16207}
#mp-main .mp-dashboard-priority-metric-v17--alerts{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}
#mp-main .mp-dashboard-priority-links-v17{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}
#mp-main .mp-dashboard-priority-link-v17{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.2rem .55rem;min-width:0;padding:.68rem .75rem;border:1px solid #e2e8f0;border-radius:14px;background:#fff;color:inherit;text-decoration:none;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
#mp-main .mp-dashboard-priority-link-v17:hover{transform:translateY(-1px);border-color:#bfdbfe;box-shadow:0 8px 18px rgba(15,23,42,.055)}
#mp-main .mp-dashboard-priority-link-v17 span{grid-column:1;color:#64748b;font-size:.55rem;font-weight:820;letter-spacing:.045em;text-transform:uppercase}
#mp-main .mp-dashboard-priority-link-v17 strong{grid-column:1;overflow:hidden;color:#334155;font-size:.68rem;font-weight:780;text-overflow:ellipsis;white-space:nowrap}
#mp-main .mp-dashboard-priority-link-v17 b{grid-column:2;grid-row:1/3;color:#94a3b8;font-size:.72rem}
#mp-main .mp-dashboard-priority-link-v17--critical{border-left:3px solid #dc2626}
#mp-main .mp-dashboard-priority-link-v17--attention,#mp-main .mp-dashboard-priority-link-v17--deadline{border-left:3px solid #d97706}
#mp-main .mp-dashboard-priority-link-v17--activity{border-left:3px solid #2563eb}
#mp-main .mp-dashboard-work-panel-v17{position:relative;scroll-margin-top:88px}
#mp-main .mp-dashboard-work-panel-v17[data-mp-work-kind-v17="critical"]{border-color:color-mix(in srgb,#dc2626 30%,#e5eaf1);box-shadow:inset 3px 0 0 #dc2626,0 10px 28px rgba(15,23,42,.04)}
#mp-main .mp-dashboard-work-panel-v17[data-mp-work-kind-v17="attention"],#mp-main .mp-dashboard-work-panel-v17[data-mp-work-kind-v17="deadline"]{border-color:color-mix(in srgb,#d97706 24%,#e5eaf1);box-shadow:inset 3px 0 0 #d97706,0 10px 28px rgba(15,23,42,.04)}
#mp-main .mp-dashboard-work-panel-v17[data-mp-work-kind-v17="activity"]{box-shadow:inset 3px 0 0 #2563eb,0 10px 28px rgba(15,23,42,.04)}
#mp-main .mp-dashboard-panel-signal-v17{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin:.25rem 0 .45rem;padding:.25rem .45rem;border-radius:999px;font-size:.54rem;font-weight:820;letter-spacing:.045em;text-transform:uppercase}
#mp-main .mp-dashboard-panel-signal-v17--critical{background:#fef2f2;color:#b91c1c}
#mp-main .mp-dashboard-panel-signal-v17--attention,#mp-main .mp-dashboard-panel-signal-v17--deadline{background:#fffbeb;color:#a16207}
#mp-main .mp-dashboard-panel-signal-v17--activity{background:#eff6ff;color:#1d4ed8}
body.dark #mp-main .mp-dashboard-priority-digest-v17{border-color:rgba(148,163,184,.18);background:linear-gradient(135deg,rgba(15,23,42,.8),rgba(30,41,59,.72),rgba(15,55,55,.45));box-shadow:0 12px 30px rgba(0,0,0,.16)}
body.dark #mp-main .mp-dashboard-priority-head-v17>div:first-child>strong,body.dark #mp-main .mp-dashboard-priority-link-v17 strong{color:#f8fafc}
body.dark #mp-main .mp-dashboard-priority-head-v17>div:first-child>small,body.dark #mp-main .mp-dashboard-priority-link-v17 span{color:#94a3b8}
body.dark #mp-main .mp-dashboard-priority-metric-v17,body.dark #mp-main .mp-dashboard-priority-link-v17{border-color:rgba(148,163,184,.18);background:rgba(15,23,42,.72);color:#cbd5e1}
body.dark #mp-main .mp-dashboard-priority-metric-v17--critical{border-color:rgba(248,113,113,.28);background:rgba(127,29,29,.18);color:#fca5a5}
body.dark #mp-main .mp-dashboard-priority-metric-v17--attention,body.dark #mp-main .mp-dashboard-priority-metric-v17--deadline{border-color:rgba(251,191,36,.28);background:rgba(120,53,15,.16);color:#fcd34d}
body.dark #mp-main .mp-dashboard-priority-metric-v17--alerts{border-color:rgba(96,165,250,.28);background:rgba(30,64,175,.16);color:#93c5fd}
@media(max-width:1023px){#mp-main .mp-dashboard-priority-links-v17{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){#mp-main .mp-dashboard-priority-digest-v17{padding:.8rem;border-radius:18px}#mp-main .mp-dashboard-priority-head-v17{align-items:flex-start;flex-direction:column}#mp-main .mp-dashboard-priority-metrics-v17{justify-content:flex-start;width:100%}#mp-main .mp-dashboard-priority-links-v17{grid-template-columns:1fr}#mp-main .mp-dashboard-priority-link-v17{padding:.62rem .68rem}}
@media(prefers-reduced-motion:reduce){#mp-main .mp-dashboard-priority-link-v17{transition:none!important}#mp-main .mp-dashboard-priority-v17{scroll-behavior:auto}}
@media(forced-colors:active){#mp-main .mp-dashboard-priority-digest-v17,#mp-main .mp-dashboard-priority-link-v17,#mp-main .mp-dashboard-priority-metric-v17,#mp-main .mp-dashboard-work-panel-v17{border:1px solid CanvasText}#mp-main .mp-dashboard-work-panel-v17{box-shadow:none}}
@media print{#mp-main .mp-dashboard-priority-digest-v17{box-shadow:none;break-inside:avoid}#mp-main .mp-dashboard-priority-link-v17 b{display:none}#mp-main .mp-dashboard-work-panel-v17{box-shadow:none!important}}

/* ========================================================================== 
   Enterprise Responsive Dashboard & Mobile Operations UX v18
   ========================================================================== */
#mp-main[data-mp-responsive-operations="v18"]{--mp-mobile-ops-safe-bottom:env(safe-area-inset-bottom,0px)}
.mp-mobile-row-actions-trigger-v18,.mp-mobile-filter-toggle-v18{display:none}
.mp-mobile-filter-body-v18{display:contents}
.mp-mobile-action-sheet-v18[hidden]{display:none!important}
.mp-mobile-action-sheet-v18{position:fixed;inset:0;z-index:9800;display:grid;align-items:end;justify-items:stretch}
.mp-mobile-action-sheet-backdrop-v18{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(2,6,23,.54);backdrop-filter:blur(2px);cursor:pointer}
.mp-mobile-action-sheet-panel-v18{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(100%,720px);max-height:min(76svh,680px);margin-inline:auto;border:1px solid #dbe3ee;border-bottom:0;border-radius:24px 24px 0 0;background:#fff;box-shadow:0 -24px 64px rgba(15,23,42,.22);overflow:hidden}
.mp-mobile-action-sheet-head-v18{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.82rem .92rem;border-bottom:1px solid #e8edf4;background:#fbfdff}
.mp-mobile-action-sheet-head-v18>div{display:grid;min-width:0}
.mp-mobile-action-sheet-head-v18 span{color:#64748b;font-size:.58rem;font-weight:820;letter-spacing:.055em;text-transform:uppercase}
.mp-mobile-action-sheet-head-v18 strong{margin-top:.12rem;overflow:hidden;color:#0f172a;font-size:.82rem;font-weight:830;text-overflow:ellipsis;white-space:nowrap}
.mp-mobile-action-sheet-close-v18{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #dbe3ee;border-radius:13px;background:#fff;color:#475569;font-size:1.3rem;line-height:1;cursor:pointer}
.mp-mobile-action-sheet-body-v18{overflow:auto;padding:.82rem .82rem calc(.82rem + env(safe-area-inset-bottom,0px));overscroll-behavior:contain}
.mp-mobile-action-sheet-body-v18 .mp-row-actions-inner{display:grid!important;grid-template-columns:1fr;gap:.58rem;width:100%}
.mp-mobile-action-sheet-body-v18 .mp-row-actions-inner>*{width:100%;max-width:none!important}
.mp-mobile-action-sheet-body-v18 .mp-btn,.mp-mobile-action-sheet-body-v18 a,.mp-mobile-action-sheet-body-v18 button,.mp-mobile-action-sheet-body-v18 summary{justify-content:center;min-height:48px!important}
.mp-mobile-action-sheet-body-v18 details>form{width:100%!important;min-width:0!important;box-shadow:none!important}
body.mp-mobile-sheet-open-v18{overflow:hidden}

body.dark .mp-mobile-action-sheet-panel-v18{border-color:rgba(148,163,184,.2);background:#0f172a;box-shadow:0 -24px 64px rgba(0,0,0,.42)}
body.dark .mp-mobile-action-sheet-head-v18{border-color:rgba(148,163,184,.16);background:#111827}
body.dark .mp-mobile-action-sheet-head-v18 strong{color:#f8fafc}
body.dark .mp-mobile-action-sheet-head-v18 span{color:#94a3b8}
body.dark .mp-mobile-action-sheet-close-v18{border-color:#334155;background:#1e293b;color:#e2e8f0}

@media(max-width:820px){
  #mp-main[data-mp-responsive-operations="v18"] .mp-content-canvas{padding-bottom:calc(6.3rem + env(safe-area-inset-bottom,0px))}
  .mp-mobile-bottom-nav{padding-bottom:calc(.32rem + env(safe-area-inset-bottom,0px))!important;transition:transform .18s ease,opacity .18s ease}
  body.mp-mobile-keyboard-open-v18 .mp-mobile-bottom-nav{transform:translateY(calc(115% + env(safe-area-inset-bottom,0px)));opacity:0;pointer-events:none}
  body.mp-mobile-keyboard-open-v18 #mp-main .mp-selection-bar{bottom:.65rem}

  #mp-main .mp-dashboard-mobile-v18{gap:.72rem!important}
  #mp-main .mp-dashboard-mobile-v18 .mp-mobile-kpi-grid-v18{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.55rem!important}
  #mp-main .mp-dashboard-mobile-v18 .mp-dashboard-kpi-v16{min-height:98px!important;padding:.78rem!important;border-radius:16px!important}
  #mp-main .mp-dashboard-mobile-v18 .mp-dashboard-kpi-label-v16{font-size:.62rem!important;line-height:1.28!important}
  #mp-main .mp-dashboard-mobile-v18 .mp-dashboard-kpi-value-v16{font-size:1.2rem!important;line-height:1.05!important}
  #mp-main .mp-dashboard-mobile-v18 .mp-mobile-chart-panel-v18{overflow:hidden;border-radius:17px}
  #mp-main .mp-dashboard-mobile-v18 .mp-mobile-chart-panel-v18 canvas{max-height:250px!important}
  #mp-main .mp-dashboard-mobile-v18 .mp-mobile-priority-track-v18{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(78vw,1fr);grid-template-columns:none!important;gap:.55rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;padding-bottom:.2rem;scrollbar-width:thin}
  #mp-main .mp-dashboard-mobile-v18 .mp-mobile-priority-track-v18>.mp-dashboard-priority-link-v17{scroll-snap-align:start;min-width:0}
  #mp-main .mp-dashboard-priority-metrics-v17{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:.42rem}
  #mp-main .mp-dashboard-priority-metric-v17{min-width:0;justify-content:center}

  #mp-main form[data-mp-filter-form="1"][data-mp-mobile-filter-v18="1"]{display:block!important;padding:.55rem!important}
  #mp-main .mp-mobile-filter-toggle-v18{display:flex;align-items:center;justify-content:space-between;gap:.85rem;width:100%;min-height:48px;padding:.55rem .65rem;border:1px solid #dbe3ee;border-radius:13px;background:#fff;color:#334155;text-align:left;cursor:pointer}
  #mp-main .mp-mobile-filter-toggle-v18>span:first-child{display:grid;min-width:0}
  #mp-main .mp-mobile-filter-toggle-v18 strong{font-size:.75rem;font-weight:820}
  #mp-main .mp-mobile-filter-toggle-v18 small{margin-top:.12rem;color:#64748b;font-size:.6rem;font-weight:650}
  #mp-main .mp-mobile-filter-toggle-v18>span:last-child{font-size:1rem;transition:transform .16s ease}
  #mp-main form[data-mp-mobile-filter-v18="1"]:not(.is-mobile-filter-collapsed-v18) .mp-mobile-filter-toggle-v18>span:last-child{transform:rotate(180deg)}
  #mp-main form[data-mp-mobile-filter-v18="1"] .mp-mobile-filter-body-v18{display:grid;grid-template-columns:1fr;gap:.65rem;margin-top:.6rem}
  #mp-main form[data-mp-mobile-filter-v18="1"].is-mobile-filter-collapsed-v18 .mp-mobile-filter-body-v18{display:none}

  #mp-main .mp-mobile-table-viewport-v18{position:relative;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  #mp-main table.mp-mobile-scan-table-v18{min-width:max(760px,100%)}
  #mp-main table.mp-mobile-scan-table-v18 .mp-mobile-key-column-v18{position:sticky;left:0;z-index:2;max-width:13rem;background:#fff;box-shadow:7px 0 11px -11px rgba(15,23,42,.65)}
  #mp-main table.mp-mobile-scan-table-v18 thead .mp-mobile-key-column-v18{z-index:5;background:#0A6DF5!important;color:#fff}
  #mp-main table.mp-mobile-scan-table-v18 tbody tr:nth-child(even) .mp-mobile-key-column-v18{background:#f8faff}
  #mp-main table.mp-mobile-scan-table-v18 tbody tr:hover .mp-mobile-key-column-v18{background:#f6faff}
  #mp-main table.mp-mobile-scan-table-v18 tbody tr:has(input[type="checkbox"]:checked) .mp-mobile-key-column-v18{background:#eff6ff!important}

  #mp-main .mp-row-actions[data-mp-mobile-actions-v18="1"]{min-width:7rem!important;text-align:center}
  #mp-main .mp-row-actions[data-mp-mobile-actions-v18="1"]>.mp-mobile-action-source-v18{display:none!important}
  #mp-main .mp-mobile-row-actions-trigger-v18{display:inline-flex;align-items:center;justify-content:space-between;gap:.65rem;width:100%;min-height:44px;padding:.48rem .62rem;border:1px solid #cbd5e1;border-radius:11px;background:#fff;color:#1d4ed8;font-size:.72rem;font-weight:780;cursor:pointer}
  #mp-main .mp-selection-bar{bottom:calc(5.55rem + env(safe-area-inset-bottom,0px));border-radius:15px;box-shadow:0 12px 32px rgba(15,23,42,.14)}
  #mp-main .mp-pagination-pages{overflow-x:auto;justify-content:flex-start;padding-bottom:.15rem;scrollbar-width:thin}
  #mp-main .mp-page-link{flex:0 0 auto;min-width:42px;min-height:44px}
}

@media(max-width:420px){
  #mp-main .mp-dashboard-mobile-v18 .mp-mobile-kpi-grid-v18{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #mp-main .mp-dashboard-mobile-v18 .mp-dashboard-kpi-v16{min-height:94px!important;padding:.7rem!important}
  #mp-main .mp-dashboard-mobile-v18 .mp-dashboard-kpi-value-v16{font-size:1.12rem!important}
  #mp-main .mp-dashboard-context-card{min-height:88px!important;padding:.68rem!important}
  #mp-main .mp-dashboard-priority-metrics-v17{grid-template-columns:1fr 1fr}
}
@media(max-width:340px){#mp-main .mp-dashboard-mobile-v18 .mp-mobile-kpi-grid-v18{grid-template-columns:1fr!important}}

body.dark #mp-main .mp-mobile-filter-toggle-v18{border-color:rgba(148,163,184,.22);background:#0f172a;color:#e2e8f0}
body.dark #mp-main .mp-mobile-filter-toggle-v18 small{color:#94a3b8}
body.dark #mp-main table.mp-mobile-scan-table-v18 .mp-mobile-key-column-v18{background:#0f172a}
body.dark #mp-main table.mp-mobile-scan-table-v18 tbody tr:nth-child(even) .mp-mobile-key-column-v18{background:#111827}
body.dark #mp-main table.mp-mobile-scan-table-v18 tbody tr:hover .mp-mobile-key-column-v18{background:#172033}
body.dark #mp-main table.mp-mobile-scan-table-v18 tbody tr:has(input[type="checkbox"]:checked) .mp-mobile-key-column-v18{background:#172554!important}
body.dark #mp-main .mp-mobile-row-actions-trigger-v18{border-color:#334155;background:#0f172a;color:#93c5fd}

@media(prefers-reduced-motion:reduce){
  .mp-mobile-bottom-nav,#mp-main .mp-mobile-filter-toggle-v18>span:last-child{transition:none!important}
}
@media(forced-colors:active){
  .mp-mobile-action-sheet-panel-v18,.mp-mobile-action-sheet-close-v18,#mp-main .mp-mobile-filter-toggle-v18,#mp-main .mp-mobile-row-actions-trigger-v18{border:1px solid CanvasText}
  .mp-mobile-action-sheet-backdrop-v18{background:Canvas}
  #mp-main table.mp-mobile-scan-table-v18 .mp-mobile-key-column-v18{box-shadow:none;border-right:1px solid CanvasText}
}
@media print{
  .mp-mobile-action-sheet-v18,.mp-mobile-row-actions-trigger-v18,.mp-mobile-filter-toggle-v18{display:none!important}
  #mp-main form[data-mp-mobile-filter-v18="1"] .mp-mobile-filter-body-v18{display:contents!important}
  #mp-main table.mp-mobile-scan-table-v18 .mp-mobile-key-column-v18{position:static!important;box-shadow:none!important}
}

/* ========================================================================== 
   Enterprise Forms & Detail Pages Visual Consistency v19
   Source detail views opt in with data-mp-detail-page="v19". The shared shell
   only activates this layer when the matching route hint is present.
   ========================================================================== */
#mp-main[data-mp-detail-experience="v19"].mp-detail-experience-v19{
  --mp-detail-line:#dbe3ee;
  --mp-detail-soft:#f8fafc;
  --mp-detail-text:#0f172a;
  --mp-detail-muted:#64748b;
  --mp-detail-accent:#0A6DF5;
}
#mp-main .mp-detail-heading-v19:not(.mp-workflow-hero){
  display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;
  padding:1rem 1.1rem;border:1px solid var(--mp-detail-line);border-radius:20px;
  background:linear-gradient(135deg,#fff 0%,#f8fbff 62%,#eef7ff 100%);
  box-shadow:0 10px 30px rgba(15,23,42,.045);
}
#mp-main .mp-detail-heading-v19 h1{margin:0;color:var(--mp-detail-text);letter-spacing:-.025em}
#mp-main .mp-detail-heading-v19 p{max-width:78ch;margin-top:.3rem;color:var(--mp-detail-muted)}
#mp-main .mp-detail-actions-v19{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap;min-width:0}
#mp-main .mp-detail-actions-v19>a,#mp-main .mp-detail-actions-v19>button{white-space:nowrap}
#mp-main .mp-detail-section-nav-v19{
  position:sticky;top:.55rem;z-index:22;display:flex;align-items:center;gap:.4rem;
  margin:.75rem 0 1rem;padding:.45rem;border:1px solid rgba(203,213,225,.92);
  border-radius:15px;background:rgba(255,255,255,.92);box-shadow:0 10px 28px rgba(15,23,42,.06);
  backdrop-filter:blur(12px);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;
}
#mp-main .mp-detail-section-nav-v19::before{
  content:"On this page";flex:0 0 auto;padding:.42rem .55rem;color:#64748b;
  font-size:.62rem;font-weight:850;letter-spacing:.055em;text-transform:uppercase;
}
#mp-main .mp-detail-section-link-v19{
  flex:0 0 auto;display:inline-flex;align-items:center;min-height:36px;padding:.4rem .66rem;
  border:1px solid transparent;border-radius:10px;color:#475569;background:transparent;
  font-size:.7rem;font-weight:760;text-decoration:none;white-space:nowrap;
}
#mp-main .mp-detail-section-link-v19:hover,#mp-main .mp-detail-section-link-v19:focus-visible{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}
#mp-main .mp-detail-panel-v19{
  min-width:0;border-color:var(--mp-detail-line)!important;border-radius:18px!important;
  background:#fff;box-shadow:0 8px 26px rgba(15,23,42,.04);
}
#mp-main .mp-detail-panel-v19+.mp-detail-panel-v19{margin-top:1rem}
#mp-main .mp-detail-panel-title-v19{color:var(--mp-detail-text);font-weight:820;letter-spacing:-.01em}
#mp-main .mp-detail-panel-v19 .text-slate-500,#mp-main .mp-detail-panel-v19 .text-slate-600{line-height:1.5}
#mp-main .mp-detail-form-v19{
  min-width:0;border-radius:18px;scroll-margin-top:5rem;
}
#mp-main .mp-detail-form-v19>div[class*="grid"]{row-gap:.9rem}
#mp-main .mp-detail-form-v19 label{line-height:1.35}
#mp-main .mp-detail-form-v19 input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
#mp-main .mp-detail-form-v19 select,#mp-main .mp-detail-form-v19 textarea{width:100%;min-width:0}
#mp-main .mp-detail-danger-form-v19{border-color:#fecaca!important;background:linear-gradient(180deg,#fff,#fff7f7)}
#mp-main .mp-detail-meta-list-v19{display:grid;gap:0;margin:0;min-width:0}
#mp-main .mp-detail-meta-list-v19>div{display:grid;grid-template-columns:minmax(7rem,.75fr) minmax(0,1.25fr);gap:1rem;align-items:start;padding:.68rem 0;border-bottom:1px solid #eef2f7}
#mp-main .mp-detail-meta-list-v19>div:last-child{border-bottom:0}
#mp-main .mp-detail-meta-list-v19 dt{color:#64748b;font-size:.72rem;font-weight:760}
#mp-main .mp-detail-meta-list-v19 dd{min-width:0;margin:0;color:#0f172a;font-size:.82rem;font-weight:650;text-align:right;overflow-wrap:anywhere}
#mp-main .mp-detail-callout-v19{position:relative;padding-left:1rem!important;border-radius:15px!important;box-shadow:none!important}
#mp-main .mp-detail-callout-v19::before{content:"";position:absolute;left:0;top:.65rem;bottom:.65rem;width:3px;border-radius:999px;background:#64748b}
#mp-main .mp-detail-callout-v19[data-mp-detail-tone="danger"]::before{background:#dc2626}
#mp-main .mp-detail-callout-v19[data-mp-detail-tone="warning"]::before{background:#d97706}
#mp-main .mp-detail-callout-v19[data-mp-detail-tone="success"]::before{background:#059669}
#mp-main .mp-detail-callout-v19[data-mp-detail-tone="info"]::before{background:#2563eb}
#mp-main .mp-detail-code-v19{max-width:100%;overflow:auto;overflow-wrap:anywhere;word-break:break-word}
#mp-main .mp-detail-experience-v19 [role="progressbar"]{outline:1px solid rgba(148,163,184,.14);outline-offset:2px}
#mp-main .mp-detail-anchor-v19{scroll-margin-top:5.3rem}

body.dark #mp-main[data-mp-detail-experience="v19"].mp-detail-experience-v19{--mp-detail-line:rgba(148,163,184,.2);--mp-detail-soft:#111827;--mp-detail-text:#f8fafc;--mp-detail-muted:#94a3b8}
body.dark #mp-main .mp-detail-heading-v19:not(.mp-workflow-hero){border-color:rgba(148,163,184,.2);background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(17,24,39,.94));box-shadow:0 12px 32px rgba(0,0,0,.2)}
body.dark #mp-main .mp-detail-heading-v19 h1,body.dark #mp-main .mp-detail-panel-title-v19{color:#f8fafc}
body.dark #mp-main .mp-detail-heading-v19 p{color:#94a3b8}
body.dark #mp-main .mp-detail-section-nav-v19{border-color:rgba(148,163,184,.2);background:rgba(15,23,42,.9);box-shadow:0 12px 32px rgba(0,0,0,.2)}
body.dark #mp-main .mp-detail-section-link-v19{color:#cbd5e1}
body.dark #mp-main .mp-detail-section-link-v19:hover,body.dark #mp-main .mp-detail-section-link-v19:focus-visible{border-color:#334155;background:#172554;color:#bfdbfe}
body.dark #mp-main .mp-detail-panel-v19{background:rgba(15,23,42,.78);border-color:rgba(148,163,184,.2)!important}
body.dark #mp-main .mp-detail-danger-form-v19{border-color:rgba(248,113,113,.38)!important;background:rgba(69,10,10,.22)}
body.dark #mp-main .mp-detail-meta-list-v19>div{border-color:rgba(148,163,184,.14)}
body.dark #mp-main .mp-detail-meta-list-v19 dt{color:#94a3b8}
body.dark #mp-main .mp-detail-meta-list-v19 dd{color:#e2e8f0}

@media(max-width:767px){
  #mp-main .mp-detail-heading-v19:not(.mp-workflow-hero){align-items:stretch;flex-direction:column;padding:.85rem;border-radius:17px}
  #mp-main .mp-detail-actions-v19{width:100%;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:none}
  #mp-main .mp-detail-actions-v19::-webkit-scrollbar{display:none}
  #mp-main .mp-detail-actions-v19>*{flex:0 0 auto;min-height:44px}
  #mp-main .mp-detail-section-nav-v19{position:static;margin:.62rem 0 .85rem;border-radius:13px}
  #mp-main .mp-detail-section-nav-v19::before{display:none}
  #mp-main .mp-detail-section-link-v19{min-height:40px}
  #mp-main .mp-detail-panel-v19{border-radius:16px!important;box-shadow:0 6px 20px rgba(15,23,42,.035)}
  #mp-main .mp-detail-meta-list-v19>div{grid-template-columns:1fr;gap:.2rem;padding:.7rem 0}
  #mp-main .mp-detail-meta-list-v19 dd{text-align:left;font-size:.84rem}
}
@media(pointer:coarse){#mp-main .mp-detail-section-link-v19,#mp-main .mp-detail-actions-v19>a,#mp-main .mp-detail-actions-v19>button{min-height:44px}}
@media(prefers-reduced-motion:reduce){#mp-main .mp-detail-section-link-v19{transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){#mp-main .mp-detail-panel-v19,#mp-main .mp-detail-heading-v19,#mp-main .mp-detail-section-nav-v19{border:1px solid CanvasText!important}#mp-main .mp-detail-callout-v19::before{background:CanvasText!important}}
@media print{#mp-main .mp-detail-section-nav-v19{display:none!important}#mp-main .mp-detail-panel-v19{box-shadow:none!important;break-inside:avoid}#mp-main .mp-detail-heading-v19{box-shadow:none!important}}

/* ================================================================
   Enterprise Applicant Review & Record Inspection UX v20
   Exact-route shared-layer enhancement for /admin/admission/applications/review.
   It styles and organizes existing record content without changing admission data.
   ================================================================ */
#mp-main[data-mp-applicant-review="v20"].mp-applicant-review-v20{
  --mp-review-line:#dbe3ee;
  --mp-review-soft:#f8fafc;
  --mp-review-text:#0f172a;
  --mp-review-muted:#64748b;
  --mp-review-primary:#0A6DF5;
  --mp-review-success:#059669;
  --mp-review-warning:#d97706;
  --mp-review-danger:#dc2626;
}
#mp-main .mp-applicant-review-hero-v20{
  position:relative;overflow:hidden;border-color:#cbd5e1!important;
  background:linear-gradient(135deg,#fff 0%,#f8fbff 62%,#eff8ff 100%)!important;
  box-shadow:0 14px 36px rgba(15,23,42,.07)!important;
}
#mp-main .mp-applicant-review-hero-v20::after{
  content:"";position:absolute;right:-3.5rem;top:-4rem;width:11rem;height:11rem;border-radius:999px;
  background:radial-gradient(circle,rgba(10,109,245,.13),rgba(0,183,194,.03) 58%,transparent 72%);pointer-events:none;
}
#mp-main .mp-applicant-review-title-v20{letter-spacing:-.03em;color:var(--mp-review-text);position:relative;z-index:1}
#mp-main .mp-applicant-review-nav-v20{
  position:sticky;top:.65rem;z-index:22;display:flex;align-items:center;gap:.42rem;max-width:100%;overflow-x:auto;
  margin:.75rem 0 1rem;padding:.52rem;border:1px solid var(--mp-review-line);border-radius:15px;background:rgba(255,255,255,.94);
  box-shadow:0 10px 28px rgba(15,23,42,.065);backdrop-filter:blur(12px);scrollbar-width:thin;
}
#mp-main .mp-applicant-review-nav-label-v20{flex:0 0 auto;padding:.38rem .58rem;color:#475569;font-size:.68rem;font-weight:830;text-transform:uppercase;letter-spacing:.075em}
#mp-main .mp-applicant-review-nav-link-v20{
  flex:0 0 auto;display:inline-flex;align-items:center;min-height:38px;padding:.42rem .7rem;border:1px solid #e2e8f0;border-radius:999px;
  background:#fff;color:#334155;font-size:.73rem;font-weight:720;text-decoration:none;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease;
}
#mp-main .mp-applicant-review-nav-link-v20:hover,#mp-main .mp-applicant-review-nav-link-v20:focus-visible{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}
#mp-main .mp-applicant-review-nav-link-v20[data-category="documents"]{border-color:#bae6fd;background:#f0f9ff;color:#0369a1}
#mp-main .mp-applicant-review-nav-link-v20[data-category="payment"]{border-color:#bbf7d0;background:#f0fdf4;color:#047857}
#mp-main .mp-applicant-review-nav-link-v20[data-category="decision"]{border-color:#fde68a;background:#fffbeb;color:#a16207}
#mp-main .mp-applicant-review-panel-v20{
  position:relative;min-width:0;scroll-margin-top:5.6rem;border-color:var(--mp-review-line)!important;border-radius:18px!important;
  box-shadow:0 8px 26px rgba(15,23,42,.045);transition:border-color .18s ease,box-shadow .18s ease;
}
#mp-main .mp-applicant-review-panel-v20::before{
  content:"";position:absolute;left:-1px;top:1rem;bottom:1rem;width:3px;border-radius:0 999px 999px 0;background:#cbd5e1;
}
#mp-main .mp-applicant-review-panel--identity::before{background:#2563eb}
#mp-main .mp-applicant-review-panel--academic::before{background:#7c3aed}
#mp-main .mp-applicant-review-panel--documents::before{background:#0891b2}
#mp-main .mp-applicant-review-panel--payment::before{background:#059669}
#mp-main .mp-applicant-review-panel--decision::before{background:#d97706}
#mp-main .mp-applicant-review-panel--audit::before{background:#64748b}
#mp-main .mp-applicant-review-panel--attention{border-color:#fecaca!important;background:linear-gradient(180deg,#fff,#fffafa)!important}
#mp-main .mp-applicant-review-panel--attention::before{background:#dc2626}
#mp-main .mp-applicant-review-panel-title-v20{color:var(--mp-review-text);font-weight:820;letter-spacing:-.015em}
#mp-main .mp-applicant-passport-v20{
  width:clamp(6.5rem,12vw,9.5rem);aspect-ratio:4/5;object-fit:cover;border-radius:16px;border:3px solid #fff;
  outline:1px solid #cbd5e1;box-shadow:0 12px 28px rgba(15,23,42,.14);background:#f1f5f9;
}
#mp-main .mp-applicant-document-link-v20{
  display:inline-flex;align-items:center;gap:.38rem;min-height:36px;padding:.35rem .58rem;border:1px solid #dbeafe;border-radius:10px;
  background:#f8fbff;color:#1d4ed8;font-size:.75rem;font-weight:730;text-decoration:none;overflow-wrap:anywhere;
}
#mp-main .mp-applicant-document-link-v20::before{content:"↗";font-size:.76rem;font-weight:900;line-height:1}
#mp-main .mp-applicant-document-link-v20[data-mp-document-kind="image"]::before{content:"▧"}
#mp-main .mp-applicant-document-link-v20[data-mp-document-kind="pdf"]::before{content:"PDF";font-size:.58rem;letter-spacing:.025em}
#mp-main .mp-applicant-document-link-v20:hover,#mp-main .mp-applicant-document-link-v20:focus-visible{border-color:#93c5fd;background:#eff6ff;color:#1e40af}
#mp-main .mp-applicant-state-v20{
  display:inline-flex;align-items:center;gap:.28rem;width:max-content;max-width:100%;padding:.2rem .48rem;border-radius:999px;border:1px solid transparent;
  font-size:.67rem;font-weight:820;line-height:1.35;letter-spacing:.005em;
}
#mp-main .mp-applicant-state-v20::before{content:"";width:.38rem;height:.38rem;flex:0 0 auto;border-radius:999px;background:currentColor}
#mp-main .mp-applicant-state--success{border-color:#a7f3d0;background:#ecfdf5;color:#047857}
#mp-main .mp-applicant-state--warning{border-color:#fde68a;background:#fffbeb;color:#a16207}
#mp-main .mp-applicant-state--danger{border-color:#fecaca;background:#fef2f2;color:#b91c1c}
#mp-main .mp-applicant-decision-v20{
  position:relative;padding:1rem!important;border:1px solid #fde68a!important;border-radius:16px!important;background:linear-gradient(180deg,#fff,#fffbeb)!important;
}
#mp-main .mp-applicant-decision-v20 button,#mp-main .mp-applicant-decision-v20 input[type="submit"]{min-height:42px}
#mp-main .mp-applicant-decision-danger-v20{border-color:#fecaca!important;background:#fff1f2!important;color:#be123c!important}
#mp-main .mp-applicant-decision-success-v20{border-color:#a7f3d0!important;background:#ecfdf5!important;color:#047857!important}
body.mp-document-preview-open-v20{overflow:hidden}
.mp-document-preview-v20{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:clamp(.75rem,2.5vw,1.5rem)}
.mp-document-preview-v20[hidden]{display:none!important}
.mp-document-preview-backdrop-v20{position:absolute;inset:0;background:rgba(15,23,42,.7);backdrop-filter:blur(6px)}
.mp-document-preview-panel-v20{
  position:relative;z-index:1;display:flex;flex-direction:column;width:min(1100px,96vw);height:min(88vh,860px);overflow:hidden;
  border:1px solid rgba(148,163,184,.36);border-radius:20px;background:#fff;box-shadow:0 28px 80px rgba(2,6,23,.34);
}
.mp-document-preview-header-v20{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid #e2e8f0;background:#fff}
.mp-document-preview-header-v20 h2{margin:0;color:#0f172a;font-size:1rem;font-weight:820;letter-spacing:-.015em}
.mp-document-preview-eyebrow-v20{margin:0 0 .12rem;color:#64748b;font-size:.64rem;font-weight:820;text-transform:uppercase;letter-spacing:.08em}
.mp-document-preview-actions-v20{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}
.mp-document-preview-body-v20{flex:1;min-height:0;display:grid;place-items:center;overflow:auto;padding:.75rem;background:#eef2f7}
.mp-document-preview-image-v20{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;box-shadow:0 8px 28px rgba(15,23,42,.13);background:#fff}
.mp-document-preview-frame-v20{width:100%;height:100%;min-height:55vh;border:0;border-radius:10px;background:#fff}
body.dark #mp-main[data-mp-applicant-review="v20"].mp-applicant-review-v20{--mp-review-line:rgba(148,163,184,.2);--mp-review-soft:#111827;--mp-review-text:#f8fafc;--mp-review-muted:#94a3b8}
body.dark #mp-main .mp-applicant-review-hero-v20{border-color:rgba(148,163,184,.22)!important;background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(17,24,39,.96))!important;box-shadow:0 16px 40px rgba(0,0,0,.22)!important}
body.dark #mp-main .mp-applicant-review-title-v20,body.dark #mp-main .mp-applicant-review-panel-title-v20{color:#f8fafc}
body.dark #mp-main .mp-applicant-review-nav-v20{border-color:rgba(148,163,184,.2);background:rgba(15,23,42,.92);box-shadow:0 12px 30px rgba(0,0,0,.22)}
body.dark #mp-main .mp-applicant-review-nav-label-v20{color:#94a3b8}
body.dark #mp-main .mp-applicant-review-nav-link-v20{border-color:#334155;background:#111827;color:#cbd5e1}
body.dark #mp-main .mp-applicant-review-panel-v20{border-color:rgba(148,163,184,.2)!important;background:rgba(15,23,42,.76)}
body.dark #mp-main .mp-applicant-review-panel--attention{border-color:rgba(248,113,113,.4)!important;background:rgba(69,10,10,.2)!important}
body.dark #mp-main .mp-applicant-document-link-v20{border-color:#1e3a8a;background:rgba(30,58,138,.18);color:#bfdbfe}
body.dark #mp-main .mp-applicant-state--success{border-color:rgba(52,211,153,.36);background:rgba(6,78,59,.3);color:#a7f3d0}
body.dark #mp-main .mp-applicant-state--warning{border-color:rgba(251,191,36,.35);background:rgba(120,53,15,.26);color:#fde68a}
body.dark #mp-main .mp-applicant-state--danger{border-color:rgba(248,113,113,.35);background:rgba(127,29,29,.24);color:#fecaca}
body.dark #mp-main .mp-applicant-decision-v20{border-color:rgba(251,191,36,.35)!important;background:rgba(120,53,15,.2)!important}
body.dark .mp-document-preview-panel-v20{border-color:#334155;background:#0f172a}
body.dark .mp-document-preview-header-v20{border-color:#334155;background:#0f172a}
body.dark .mp-document-preview-header-v20 h2{color:#f8fafc}
body.dark .mp-document-preview-eyebrow-v20{color:#94a3b8}
body.dark .mp-document-preview-body-v20{background:#020617}
@media(max-width:767px){
  #mp-main .mp-applicant-review-nav-v20{position:static;margin:.6rem 0 .8rem;border-radius:13px;padding:.42rem}
  #mp-main .mp-applicant-review-nav-label-v20{display:none}
  #mp-main .mp-applicant-review-nav-link-v20{min-height:40px}
  #mp-main .mp-applicant-review-panel-v20{border-radius:15px!important;scroll-margin-top:1rem}
  #mp-main .mp-applicant-passport-v20{width:7rem;border-radius:14px}
  #mp-main .mp-applicant-decision-v20{padding:.8rem!important}
  .mp-document-preview-v20{padding:0;align-items:end}
  .mp-document-preview-panel-v20{width:100%;height:min(92dvh,920px);border-radius:20px 20px 0 0;border-bottom:0}
  .mp-document-preview-header-v20{align-items:flex-start;padding:.72rem .8rem}
  .mp-document-preview-actions-v20{flex-wrap:nowrap;overflow-x:auto;max-width:62%;justify-content:flex-start}
  .mp-document-preview-actions-v20>*{flex:0 0 auto;min-height:44px}
  .mp-document-preview-body-v20{padding:.45rem;padding-bottom:max(.45rem,env(safe-area-inset-bottom))}
  .mp-document-preview-frame-v20{min-height:64dvh}
}
@media(pointer:coarse){
  #mp-main .mp-applicant-review-nav-link-v20,#mp-main .mp-applicant-document-link-v20{min-height:44px}
}
@media(prefers-reduced-motion:reduce){
  #mp-main .mp-applicant-review-nav-link-v20,#mp-main .mp-applicant-review-panel-v20{transition:none!important}
}
@media(forced-colors:active){
  #mp-main .mp-applicant-review-panel-v20,#mp-main .mp-applicant-review-nav-v20,#mp-main .mp-applicant-document-link-v20,.mp-document-preview-panel-v20{border:1px solid CanvasText!important}
  #mp-main .mp-applicant-review-panel-v20::before,#mp-main .mp-applicant-state-v20::before{background:CanvasText!important}
}
@media print{
  #mp-main .mp-applicant-review-nav-v20{display:none!important}
  #mp-main .mp-applicant-review-panel-v20{box-shadow:none!important;break-inside:avoid}
  #mp-main .mp-applicant-review-hero-v20{box-shadow:none!important}
  .mp-document-preview-v20{display:none!important}
}

/* ========================================================================== 
   Admission Missing Documents Repair Center UX v21
   Shared-layer enhancement for /admin/admission/missing-documents. The live
   page remains authoritative for data and repair actions; this layer only
   improves triage, document inspection, status scanning and responsiveness.
   ========================================================================== */
#mp-main[data-mp-missing-documents="v21"].mp-missing-documents-v21{
  --mp-missing-line:#dbe4ef;
  --mp-missing-soft:#f8fafc;
  --mp-missing-text:#0f172a;
  --mp-missing-muted:#64748b;
  --mp-missing-danger:#b91c1c;
  --mp-missing-warning:#a16207;
  --mp-missing-success:#047857;
}
#mp-main .mp-missing-documents-hero-v21{
  position:relative;overflow:hidden;border-color:#cbd5e1!important;
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 58%,#eef6ff 100%)!important;
  box-shadow:0 14px 36px rgba(15,23,42,.07)!important;
}
#mp-main .mp-missing-documents-hero-v21::after{
  content:"";position:absolute;right:-3.2rem;top:-4.4rem;width:12rem;height:12rem;border-radius:999px;
  background:radial-gradient(circle,rgba(14,165,233,.14),rgba(14,165,233,0) 68%);pointer-events:none;
}
#mp-main .mp-missing-documents-title-v21{position:relative;z-index:1;letter-spacing:-.03em;color:var(--mp-missing-text)}
#mp-main .mp-missing-documents-summary-v21{
  margin:.8rem 0 1rem;padding:1rem;border:1px solid var(--mp-missing-line);border-radius:18px;background:#fff;
  box-shadow:0 10px 28px rgba(15,23,42,.055);
}
#mp-main .mp-missing-documents-summary-heading-v21{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.85rem}
#mp-main .mp-missing-documents-summary-heading-v21 h2{margin:.06rem 0 .18rem;font-size:1rem;font-weight:830;letter-spacing:-.015em;color:var(--mp-missing-text)}
#mp-main .mp-missing-documents-summary-heading-v21 p{margin:0;max-width:54rem;font-size:.78rem;line-height:1.55;color:var(--mp-missing-muted)}
#mp-main .mp-missing-documents-eyebrow-v21{font-size:.66rem!important;font-weight:850!important;text-transform:uppercase;letter-spacing:.085em;color:#0284c7!important}
#mp-main .mp-missing-documents-legend-v21{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.38rem;max-width:29rem}
#mp-main .mp-missing-documents-legend-v21 span{
  display:inline-flex;align-items:center;gap:.35rem;min-height:30px;padding:.26rem .52rem;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;
  font-size:.68rem;font-weight:760;color:#475569;white-space:nowrap;
}
#mp-main .mp-missing-documents-legend-v21 span::before{content:"";width:.42rem;height:.42rem;border-radius:999px;background:currentColor;flex:0 0 auto}
#mp-main .mp-missing-documents-legend-v21 span[data-tone="danger"]{border-color:#fecaca;background:#fff1f2;color:#be123c}
#mp-main .mp-missing-documents-legend-v21 span[data-tone="warning"]{border-color:#fde68a;background:#fffbeb;color:#a16207}
#mp-main .mp-missing-documents-legend-v21 span[data-tone="success"]{border-color:#a7f3d0;background:#ecfdf5;color:#047857}
#mp-main .mp-missing-documents-metrics-v21{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}
#mp-main .mp-missing-documents-metric-v21{
  position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem;min-height:72px;padding:.72rem .8rem .68rem;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;overflow:hidden;
}
#mp-main .mp-missing-documents-metric-v21::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#94a3b8}
#mp-main .mp-missing-documents-metric-v21[data-tone="danger"]::before{background:#dc2626}
#mp-main .mp-missing-documents-metric-v21[data-tone="warning"]::before{background:#d97706}
#mp-main .mp-missing-documents-metric-v21[data-tone="success"]::before{background:#059669}
#mp-main .mp-missing-documents-metric-v21 span{font-size:.69rem;font-weight:730;line-height:1.25;color:#64748b}
#mp-main .mp-missing-documents-metric-v21 strong{font-size:1.35rem;line-height:1;font-weight:880;font-variant-numeric:tabular-nums;color:#0f172a}
#mp-main .mp-missing-documents-filter-v21{border-radius:16px}
#mp-main .mp-missing-document-row-v21{position:relative}
#mp-main tr.mp-missing-document-row-v21 td:first-child{box-shadow:inset 3px 0 0 transparent}
#mp-main tr.mp-missing-document-row--danger td:first-child{box-shadow:inset 3px 0 0 #dc2626}
#mp-main tr.mp-missing-document-row--warning td:first-child{box-shadow:inset 3px 0 0 #d97706}
#mp-main tr.mp-missing-document-row--success td:first-child{box-shadow:inset 3px 0 0 #059669}
#mp-main .mp-missing-document-row--danger:not(tr){border-color:#fecaca!important;background:linear-gradient(180deg,#fff,#fffafa)!important}
#mp-main .mp-missing-document-row--warning:not(tr){border-color:#fde68a!important}
#mp-main .mp-missing-document-state-v21{
  display:inline-flex;align-items:center;gap:.35rem;max-width:100%;padding:.24rem .46rem;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;
  font-size:.68rem!important;font-weight:780!important;line-height:1.2!important;color:#475569;
}
#mp-main .mp-missing-document-state-v21::before{content:"";width:.38rem;height:.38rem;border-radius:999px;flex:0 0 auto;background:currentColor}
#mp-main .mp-missing-document-state--danger{border-color:#fecaca!important;background:#fff1f2!important;color:#be123c!important}
#mp-main .mp-missing-document-state--warning{border-color:#fde68a!important;background:#fffbeb!important;color:#a16207!important}
#mp-main .mp-missing-document-state--success{border-color:#a7f3d0!important;background:#ecfdf5!important;color:#047857!important}
#mp-main .mp-missing-document-link-v21{
  display:inline-flex;align-items:center;gap:.36rem;min-height:34px;padding:.3rem .52rem;border:1px solid #bfdbfe;border-radius:9px;background:#eff6ff;color:#1d4ed8;font-size:.72rem;font-weight:760;text-decoration:none;
}
#mp-main .mp-missing-document-link-v21::before{content:"↗";font-size:.7rem;font-weight:900;line-height:1}
#mp-main .mp-missing-document-link-v21[data-mp-missing-document-kind="image"]::before{content:"▧"}
#mp-main .mp-missing-document-link-v21[data-mp-missing-document-kind="pdf"]::before{content:"PDF";font-size:.55rem;letter-spacing:.03em}
#mp-main .mp-missing-document-link-v21:hover,#mp-main .mp-missing-document-link-v21:focus-visible{border-color:#60a5fa;background:#dbeafe;color:#1e3a8a}
#mp-main .mp-missing-document-passport-v21{width:5.3rem;max-width:100%;aspect-ratio:4/5;object-fit:cover;border:1px solid #cbd5e1;border-radius:13px;background:#f8fafc;box-shadow:0 8px 18px rgba(15,23,42,.08)}
#mp-main .mp-missing-document-image-broken-v21{opacity:.42;filter:grayscale(1)}
#mp-main .mp-missing-document-action-v21{font-weight:760}
#mp-main .mp-missing-document-action-warning-v21{border-color:#fde68a!important;background:#fffbeb!important;color:#a16207!important}
#mp-main .mp-missing-document-action-danger-v21{border-color:#fecaca!important;background:#fff1f2!important;color:#be123c!important}
.mp-missing-document-preview-v21{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:1rem}
.mp-missing-document-preview-v21[hidden]{display:none!important}
.mp-missing-document-preview-backdrop-v21{position:absolute;inset:0;background:rgba(2,6,23,.68);backdrop-filter:blur(3px)}
.mp-missing-document-preview-panel-v21{position:relative;z-index:1;display:flex;flex-direction:column;width:min(1040px,calc(100vw - 2rem));height:min(820px,calc(100dvh - 2rem));overflow:hidden;border:1px solid #cbd5e1;border-radius:20px;background:#fff;box-shadow:0 28px 80px rgba(2,6,23,.35)}
.mp-missing-document-preview-header-v21{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}
.mp-missing-document-preview-header-v21 h2{margin:.05rem 0 0;font-size:1rem;font-weight:830;color:#0f172a}
.mp-missing-document-preview-eyebrow-v21{margin:0;font-size:.64rem;font-weight:850;letter-spacing:.085em;text-transform:uppercase;color:#0284c7}
.mp-missing-document-preview-actions-v21{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}
.mp-missing-document-preview-body-v21{display:grid;place-items:center;flex:1;min-height:0;padding:.75rem;background:#e2e8f0;overflow:auto}
.mp-missing-document-preview-image-v21{display:block;max-width:100%;max-height:100%;height:auto;width:auto;border-radius:8px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.18)}
.mp-missing-document-preview-frame-v21{width:100%;height:100%;min-height:34rem;border:0;border-radius:8px;background:#fff}
.mp-missing-document-preview-error-v21{background:#fff7ed}
.mp-missing-document-preview-error-message-v21{max-width:34rem;margin:auto;padding:1rem;border:1px solid #fed7aa;border-radius:14px;background:#fff;color:#9a3412;font-size:.85rem;line-height:1.55;text-align:center}
body.mp-missing-document-preview-open-v21{overflow:hidden}
body.dark #mp-main[data-mp-missing-documents="v21"].mp-missing-documents-v21{--mp-missing-line:rgba(148,163,184,.2);--mp-missing-soft:#111827;--mp-missing-text:#f8fafc;--mp-missing-muted:#94a3b8}
body.dark #mp-main .mp-missing-documents-hero-v21{border-color:rgba(148,163,184,.22)!important;background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(17,24,39,.96))!important;box-shadow:0 16px 40px rgba(0,0,0,.22)!important}
body.dark #mp-main .mp-missing-documents-title-v21{color:#f8fafc}
body.dark #mp-main .mp-missing-documents-summary-v21{border-color:rgba(148,163,184,.2);background:rgba(15,23,42,.78);box-shadow:0 16px 36px rgba(0,0,0,.2)}
body.dark #mp-main .mp-missing-documents-summary-heading-v21 h2,body.dark #mp-main .mp-missing-documents-metric-v21 strong{color:#f8fafc}
body.dark #mp-main .mp-missing-documents-summary-heading-v21 p,body.dark #mp-main .mp-missing-documents-metric-v21 span{color:#94a3b8}
body.dark #mp-main .mp-missing-documents-metric-v21{border-color:#334155;background:#111827}
body.dark #mp-main .mp-missing-documents-legend-v21 span{border-color:#334155;background:#111827;color:#cbd5e1}
body.dark #mp-main .mp-missing-document-link-v21{border-color:#1e3a8a;background:rgba(30,58,138,.2);color:#bfdbfe}
body.dark #mp-main .mp-missing-document-state--danger{border-color:rgba(248,113,113,.36)!important;background:rgba(127,29,29,.28)!important;color:#fecaca!important}
body.dark #mp-main .mp-missing-document-state--warning{border-color:rgba(251,191,36,.35)!important;background:rgba(120,53,15,.25)!important;color:#fde68a!important}
body.dark #mp-main .mp-missing-document-state--success{border-color:rgba(52,211,153,.35)!important;background:rgba(6,78,59,.28)!important;color:#a7f3d0!important}
body.dark .mp-missing-document-preview-panel-v21{border-color:#334155;background:#0f172a}
body.dark .mp-missing-document-preview-header-v21{border-color:#334155;background:#111827}
body.dark .mp-missing-document-preview-header-v21 h2{color:#f8fafc}
body.dark .mp-missing-document-preview-body-v21{background:#020617}
@media (max-width:900px){
  #mp-main .mp-missing-documents-summary-heading-v21{display:block}
  #mp-main .mp-missing-documents-legend-v21{justify-content:flex-start;max-width:none;margin-top:.65rem}
  #mp-main .mp-missing-documents-metrics-v21{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  #mp-main .mp-missing-documents-summary-v21{margin:.6rem 0 .8rem;padding:.78rem;border-radius:15px}
  #mp-main .mp-missing-documents-metric-v21{min-height:64px;padding:.62rem .68rem}
  #mp-main .mp-missing-documents-metric-v21 strong{font-size:1.18rem}
  #mp-main .mp-missing-document-link-v21{min-height:40px}
  #mp-main .mp-missing-document-passport-v21{width:4.5rem}
  .mp-missing-document-preview-v21{align-items:end;padding:0}
  .mp-missing-document-preview-panel-v21{width:100%;height:min(88dvh,760px);border-radius:20px 20px 0 0;border-bottom:0}
  .mp-missing-document-preview-header-v21{display:block;padding:.75rem .8rem}
  .mp-missing-document-preview-actions-v21{justify-content:flex-start;margin-top:.6rem}
  .mp-missing-document-preview-body-v21{padding:.5rem}
  .mp-missing-document-preview-frame-v21{min-height:28rem}
}
@media (max-width:380px){
  #mp-main .mp-missing-documents-metrics-v21{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  #mp-main .mp-missing-document-link-v21,#mp-main .mp-missing-document-row-v21,.mp-missing-document-preview-panel-v21{transition:none!important}
}
@media (forced-colors:active){
  #mp-main .mp-missing-documents-summary-v21,#mp-main .mp-missing-documents-metric-v21,#mp-main .mp-missing-document-state-v21,#mp-main .mp-missing-document-link-v21,.mp-missing-document-preview-panel-v21{border:1px solid CanvasText!important}
  #mp-main tr.mp-missing-document-row-v21 td:first-child{box-shadow:inset 3px 0 0 CanvasText}
}
@media print{
  #mp-main .mp-missing-documents-summary-v21{box-shadow:none;break-inside:avoid}
  #mp-main .mp-missing-documents-legend-v21,.mp-missing-document-preview-v21{display:none!important}
  #mp-main .mp-missing-document-row-v21{break-inside:avoid}
}

/* ================================================================
   Enterprise Admission Application List & Screening Queue UX v22
   Source-level upgrade for admin admission lists plus a conservative
   shared-layer enhancement for known admission queue routes. Counts are
   always visible-page counts; backend workflow/status values stay authoritative.
   ================================================================ */
#mp-main[data-mp-admission-queue="v22"].mp-admission-queue-v22{
  --mp-admission-v22-line:#dbe4ef;
  --mp-admission-v22-soft:#f8fafc;
  --mp-admission-v22-text:#0f172a;
  --mp-admission-v22-muted:#64748b;
}
#mp-main .mp-admission-source-metrics-v22{align-items:stretch}
#mp-main .mp-admission-source-metric-v22{
  position:relative;overflow:hidden;border-color:#dbe4ef!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;
  box-shadow:0 8px 22px rgba(15,23,42,.045);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
#mp-main .mp-admission-source-metric-v22::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#94a3b8}
#mp-main .mp-admission-source-metric-v22[data-tone="info"]::before{background:#0284c7}
#mp-main .mp-admission-source-metric-v22[data-tone="success"]::before{background:#059669}
#mp-main .mp-admission-source-metric-v22:hover{border-color:#bfdbfe!important;box-shadow:0 12px 28px rgba(15,23,42,.07);transform:translateY(-1px)}
#mp-main .mp-admission-queue-context-v22{
  margin:.75rem 0 1rem;padding:1rem;border:1px solid var(--mp-admission-v22-line);border-radius:18px;background:linear-gradient(135deg,#fff,#f8fbff);
  box-shadow:0 12px 32px rgba(15,23,42,.055);
}
#mp-main .mp-admission-queue-context-heading-v22{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
#mp-main .mp-admission-queue-context-heading-v22 h2{margin:.05rem 0 .2rem;font-size:1rem;font-weight:850;letter-spacing:-.018em;color:var(--mp-admission-v22-text)}
#mp-main .mp-admission-queue-context-heading-v22 p{margin:0;max-width:58rem;font-size:.77rem;line-height:1.55;color:var(--mp-admission-v22-muted)}
#mp-main .mp-admission-queue-eyebrow-v22{margin:0!important;font-size:.65rem!important;font-weight:850!important;letter-spacing:.09em;text-transform:uppercase;color:#0369a1!important}
#mp-main .mp-admission-queue-legend-v22{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.36rem;max-width:31rem}
#mp-main .mp-admission-queue-legend-v22 span{display:inline-flex;align-items:center;gap:.32rem;padding:.28rem .48rem;border:1px solid #e2e8f0;border-radius:999px;background:#fff;font-size:.64rem;font-weight:780;color:#475569;white-space:nowrap}
#mp-main .mp-admission-queue-legend-v22 span::before{content:"";width:.4rem;height:.4rem;border-radius:999px;background:currentColor}
#mp-main .mp-admission-queue-legend-v22 span[data-tone="success"]{border-color:#a7f3d0;color:#047857;background:#ecfdf5}
#mp-main .mp-admission-queue-legend-v22 span[data-tone="warning"]{border-color:#fde68a;color:#a16207;background:#fffbeb}
#mp-main .mp-admission-queue-legend-v22 span[data-tone="danger"]{border-color:#fecaca;color:#be123c;background:#fff1f2}
#mp-main .mp-admission-queue-metrics-v22{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-top:.8rem}
#mp-main .mp-admission-queue-metric-v22{position:relative;min-height:72px;padding:.72rem .78rem;border:1px solid #e2e8f0;border-radius:14px;background:#fff;overflow:hidden}
#mp-main .mp-admission-queue-metric-v22::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#94a3b8}
#mp-main .mp-admission-queue-metric-v22[data-tone="success"]::before{background:#059669}
#mp-main .mp-admission-queue-metric-v22[data-tone="warning"]::before{background:#d97706}
#mp-main .mp-admission-queue-metric-v22[data-tone="danger"]::before{background:#dc2626}
#mp-main .mp-admission-queue-metric-v22 span{display:block;font-size:.65rem;font-weight:780;line-height:1.25;text-transform:uppercase;letter-spacing:.045em;color:#64748b}
#mp-main .mp-admission-queue-metric-v22 strong{display:block;margin-top:.2rem;font-size:1.35rem;font-weight:880;font-variant-numeric:tabular-nums;color:#0f172a}
#mp-main .mp-admission-queue-filter-v22{position:relative}
#mp-main .mp-admission-queue-table-v22{--mp-admission-row-line:#e2e8f0}
#mp-main .mp-admission-queue-table-v22 tbody tr.mp-admission-queue-row-v22 td:first-child{box-shadow:inset 3px 0 0 transparent}
#mp-main .mp-admission-queue-table-v22 tbody tr.mp-admission-queue-row--success td:first-child{box-shadow:inset 3px 0 0 #059669}
#mp-main .mp-admission-queue-table-v22 tbody tr.mp-admission-queue-row--info td:first-child{box-shadow:inset 3px 0 0 #0284c7}
#mp-main .mp-admission-queue-table-v22 tbody tr.mp-admission-queue-row--warning td:first-child{box-shadow:inset 3px 0 0 #d97706}
#mp-main .mp-admission-queue-table-v22 tbody tr.mp-admission-queue-row--danger td:first-child{box-shadow:inset 3px 0 0 #dc2626}
#mp-main .mp-admission-application-id-v22{font-variant-numeric:tabular-nums;letter-spacing:.01em;color:#334155}
#mp-main .mp-admission-applicant-v22{font-weight:760;color:#0f172a}
#mp-main .mp-admission-state-v22{display:inline-flex;align-items:center;gap:.32rem;max-width:100%;padding:.24rem .46rem;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;font-size:.68rem!important;font-weight:780!important;line-height:1.2!important;color:#475569}
#mp-main .mp-admission-state-v22::before{content:"";width:.38rem;height:.38rem;border-radius:999px;background:currentColor;flex:0 0 auto}
#mp-main .mp-admission-state--success{border-color:#a7f3d0!important;background:#ecfdf5!important;color:#047857!important}
#mp-main .mp-admission-state--info{border-color:#bae6fd!important;background:#f0f9ff!important;color:#0369a1!important}
#mp-main .mp-admission-state--warning{border-color:#fde68a!important;background:#fffbeb!important;color:#a16207!important}
#mp-main .mp-admission-state--danger{border-color:#fecaca!important;background:#fff1f2!important;color:#be123c!important}
#mp-main .mp-admission-screening-cell-v22{font-variant-numeric:tabular-nums}
#mp-main .mp-admission-score-value-v22{display:inline-flex;min-width:2.2rem;justify-content:center;padding:.22rem .4rem;border:1px solid #bae6fd;border-radius:8px;background:#f0f9ff;color:#0369a1;font-weight:830}
#mp-main .mp-admission-score-pending-v22,#mp-main [data-mp-screening-state="pending"]{color:#a16207;font-size:.7rem;font-weight:760}
#mp-main .mp-admission-payment-v22,#mp-main .mp-admission-documents-v22{font-weight:700}
#mp-main .mp-admission-payment--danger,#mp-main .mp-admission-documents--danger{color:#be123c}
#mp-main .mp-admission-payment--warning,#mp-main .mp-admission-documents--warning{color:#a16207}
#mp-main .mp-admission-payment--success,#mp-main .mp-admission-documents--success{color:#047857}
#mp-main .mp-admission-review-link-v22{min-height:34px;font-weight:800!important;white-space:nowrap}
#mp-main a.mp-admission-review-link-v22::after{content:"→";margin-left:.28rem;font-weight:900}
#mp-main .mp-admission-action-success-v22{border-color:#a7f3d0!important;background:#ecfdf5!important;color:#047857!important}
#mp-main .mp-admission-action-danger-v22{border-color:#fecaca!important;background:#fff1f2!important;color:#be123c!important}
body.dark #mp-main[data-mp-admission-queue="v22"].mp-admission-queue-v22{--mp-admission-v22-line:#334155;--mp-admission-v22-soft:#111827;--mp-admission-v22-text:#f8fafc;--mp-admission-v22-muted:#94a3b8}
body.dark #mp-main .mp-admission-source-metric-v22,body.dark #mp-main .mp-admission-queue-context-v22,body.dark #mp-main .mp-admission-queue-metric-v22{border-color:#334155!important;background:linear-gradient(180deg,#111827,#0f172a)!important;box-shadow:0 12px 30px rgba(0,0,0,.18)}
body.dark #mp-main .mp-admission-queue-context-heading-v22 h2,body.dark #mp-main .mp-admission-queue-metric-v22 strong,body.dark #mp-main .mp-admission-applicant-v22{color:#f8fafc}
body.dark #mp-main .mp-admission-queue-context-heading-v22 p,body.dark #mp-main .mp-admission-queue-metric-v22 span{color:#94a3b8}
body.dark #mp-main .mp-admission-queue-legend-v22 span{border-color:#334155;background:#111827;color:#cbd5e1}
body.dark #mp-main .mp-admission-state--success{border-color:rgba(52,211,153,.35)!important;background:rgba(6,78,59,.28)!important;color:#a7f3d0!important}
body.dark #mp-main .mp-admission-state--info{border-color:rgba(56,189,248,.35)!important;background:rgba(12,74,110,.28)!important;color:#bae6fd!important}
body.dark #mp-main .mp-admission-state--warning{border-color:rgba(251,191,36,.35)!important;background:rgba(120,53,15,.25)!important;color:#fde68a!important}
body.dark #mp-main .mp-admission-state--danger{border-color:rgba(248,113,113,.36)!important;background:rgba(127,29,29,.28)!important;color:#fecaca!important}
body.dark #mp-main .mp-admission-score-value-v22{border-color:#075985;background:rgba(7,89,133,.2);color:#bae6fd}
body.dark #mp-main .mp-admission-application-id-v22{color:#cbd5e1}
@media (max-width:900px){
  #mp-main .mp-admission-queue-context-heading-v22{display:block}
  #mp-main .mp-admission-queue-legend-v22{justify-content:flex-start;max-width:none;margin-top:.65rem}
  #mp-main .mp-admission-queue-metrics-v22{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  #mp-main .mp-admission-queue-context-v22{padding:.78rem;border-radius:15px}
  #mp-main .mp-admission-queue-metric-v22{min-height:64px;padding:.62rem .68rem}
  #mp-main .mp-admission-queue-metric-v22 strong{font-size:1.15rem}
  #mp-main .mp-admission-review-link-v22{min-height:40px;width:100%;justify-content:center}
  #mp-main .mp-admission-queue-table-v22 .mp-admission-score-value-v22{min-width:2.5rem}
}
@media (max-width:380px){#mp-main .mp-admission-queue-metrics-v22{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){#mp-main .mp-admission-source-metric-v22,#mp-main .mp-admission-review-link-v22{transition:none!important}}
@media (forced-colors:active){
  #mp-main .mp-admission-source-metric-v22,#mp-main .mp-admission-queue-context-v22,#mp-main .mp-admission-queue-metric-v22,#mp-main .mp-admission-state-v22,#mp-main .mp-admission-score-value-v22{border:1px solid CanvasText!important}
  #mp-main .mp-admission-queue-table-v22 tbody tr.mp-admission-queue-row-v22 td:first-child{box-shadow:inset 3px 0 0 CanvasText}
}
@media print{
  #mp-main .mp-admission-queue-context-v22,#mp-main .mp-admission-source-metric-v22{box-shadow:none;break-inside:avoid}
  #mp-main .mp-admission-queue-legend-v22{display:none!important}
  #mp-main .mp-admission-queue-table-v22 tbody tr{break-inside:avoid}
}


/* =========================================================
   Enterprise Admission Screening & Decision Workflow UX v23
   Existing screening/decision controls only; no eligibility or cutoff logic.
   ========================================================= */
#mp-main[data-mp-admission-decision="v23"].mp-admission-decision-v23{
  --mp-admission-v23-line:#dbe4ef;--mp-admission-v23-soft:#f8fafc;--mp-admission-v23-text:#0f172a;--mp-admission-v23-muted:#64748b;
}
#mp-main .mp-admission-readiness-v23{display:inline-flex;align-items:center;gap:.34rem;padding:.26rem .5rem;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;color:#475569;font-size:.68rem;font-weight:800;line-height:1.2;white-space:nowrap}
#mp-main .mp-admission-readiness-v23::before{content:"";width:.4rem;height:.4rem;border-radius:999px;background:currentColor;flex:0 0 auto}
#mp-main .mp-admission-readiness-v23[data-state="screening"]{border-color:#fde68a;background:#fffbeb;color:#a16207}
#mp-main .mp-admission-readiness-v23[data-state="review"]{border-color:#bae6fd;background:#f0f9ff;color:#0369a1}
#mp-main .mp-admission-readiness-v23[data-state="recorded"]{border-color:#a7f3d0;background:#ecfdf5;color:#047857}
#mp-main .mp-admission-decision-form-v23{position:relative;border:1px solid #dbeafe!important;border-radius:16px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;padding:1rem!important;box-shadow:0 10px 26px rgba(15,23,42,.045)}
#mp-main .mp-admission-decision-form-v23::before{content:"Decision workflow";display:block;margin-bottom:.7rem;color:#1d4ed8;font-size:.65rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
#mp-main .mp-admission-decision-control-v23{min-height:42px}
#mp-main .mp-admission-decision-summary-v23{display:grid;grid-template-columns:minmax(0,auto) minmax(8rem,1fr);gap:.2rem .7rem;margin:.75rem 0;padding:.72rem .78rem;border:1px solid #dbeafe;border-radius:13px;background:#eff6ff;color:#1e3a8a}
#mp-main .mp-admission-decision-summary-v23 .mp-admission-decision-summary-label-v23{grid-column:1/-1;font-size:.62rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase;color:#475569}
#mp-main .mp-admission-decision-summary-v23 strong{font-size:.82rem;font-weight:850;color:#0f172a}
#mp-main .mp-admission-decision-summary-v23 span:last-child{font-size:.72rem;line-height:1.45;color:#64748b}
#mp-main .mp-admission-decision-summary-v23[data-tone="danger"]{border-color:#fecaca;background:#fff1f2;color:#9f1239}
#mp-main .mp-admission-decision-summary-v23[data-tone="warning"]{border-color:#fde68a;background:#fffbeb;color:#92400e}
#mp-main .mp-admission-screening-control-v23{font-variant-numeric:tabular-nums;font-weight:760}
#mp-main .mp-admission-screening-help-v23{margin-top:.34rem;padding:.42rem .5rem;border-left:3px solid #38bdf8;background:#f0f9ff;color:#475569;font-size:.7rem;line-height:1.45;border-radius:0 8px 8px 0}
#mp-main .mp-admission-decision-checkpoint-v23{display:flex;gap:.75rem;align-items:flex-start;margin:.75rem 0 1rem;padding:.85rem .9rem;border:1px solid #fde68a;border-radius:15px;background:linear-gradient(135deg,#fffbeb,#fff);color:#78350f}
#mp-main .mp-admission-decision-checkpoint-icon-v23{display:grid;place-items:center;width:2rem;height:2rem;flex:0 0 auto;border-radius:999px;background:#fef3c7;color:#92400e;font-weight:900}
#mp-main .mp-admission-decision-checkpoint-v23 h2{margin:0 0 .15rem;font-size:.82rem;font-weight:850;color:#78350f}
#mp-main .mp-admission-decision-checkpoint-v23 p{margin:0;font-size:.72rem;line-height:1.55;color:#92400e}
body.dark #mp-main[data-mp-admission-decision="v23"].mp-admission-decision-v23{--mp-admission-v23-line:#334155;--mp-admission-v23-soft:#111827;--mp-admission-v23-text:#f8fafc;--mp-admission-v23-muted:#94a3b8}
body.dark #mp-main .mp-admission-readiness-v23{border-color:#334155;background:#111827;color:#cbd5e1}
body.dark #mp-main .mp-admission-readiness-v23[data-state="screening"]{border-color:rgba(251,191,36,.35);background:rgba(120,53,15,.24);color:#fde68a}
body.dark #mp-main .mp-admission-readiness-v23[data-state="review"]{border-color:rgba(56,189,248,.35);background:rgba(7,89,133,.2);color:#bae6fd}
body.dark #mp-main .mp-admission-readiness-v23[data-state="recorded"]{border-color:rgba(52,211,153,.35);background:rgba(6,78,59,.26);color:#a7f3d0}
body.dark #mp-main .mp-admission-decision-form-v23{border-color:#1e3a8a!important;background:linear-gradient(180deg,#111827,#0f172a)!important;box-shadow:0 12px 30px rgba(0,0,0,.18)}
body.dark #mp-main .mp-admission-decision-summary-v23{border-color:#1e3a8a;background:rgba(30,58,138,.18);color:#bfdbfe}
body.dark #mp-main .mp-admission-decision-summary-v23 strong{color:#f8fafc}
body.dark #mp-main .mp-admission-decision-summary-v23 span:last-child,body.dark #mp-main .mp-admission-decision-summary-v23 .mp-admission-decision-summary-label-v23{color:#94a3b8}
body.dark #mp-main .mp-admission-screening-help-v23{background:rgba(7,89,133,.18);color:#cbd5e1}
body.dark #mp-main .mp-admission-decision-checkpoint-v23{border-color:rgba(251,191,36,.35);background:rgba(120,53,15,.2);color:#fde68a}
body.dark #mp-main .mp-admission-decision-checkpoint-v23 h2,body.dark #mp-main .mp-admission-decision-checkpoint-v23 p{color:#fde68a}
@media (max-width:767px){
  #mp-main .mp-admission-decision-form-v23{padding:.78rem!important;border-radius:14px!important}
  #mp-main .mp-admission-decision-summary-v23{grid-template-columns:1fr;padding:.62rem .68rem}
  #mp-main .mp-admission-readiness-v23{white-space:normal}
  #mp-main .mp-admission-decision-checkpoint-v23{padding:.72rem .75rem}
}
@media (pointer:coarse){#mp-main .mp-admission-decision-control-v23{min-height:44px}}
@media (prefers-reduced-motion:reduce){#mp-main .mp-admission-decision-form-v23,#mp-main .mp-admission-readiness-v23{transition:none!important}}
@media (forced-colors:active){#mp-main .mp-admission-readiness-v23,#mp-main .mp-admission-decision-form-v23,#mp-main .mp-admission-decision-summary-v23,#mp-main .mp-admission-screening-help-v23,#mp-main .mp-admission-decision-checkpoint-v23{border:1px solid CanvasText!important}}
@media print{#mp-main .mp-admission-decision-checkpoint-v23,#mp-main .mp-admission-decision-form-v23{box-shadow:none!important;break-inside:avoid}.mp-admission-decision-summary-v23{background:#fff!important}}

/* =========================================================
   Enterprise Admission Clearance & Matriculation Workflow UX v24
   ========================================================= */
#mp-main[data-mp-admission-clearance="v24"].mp-admission-clearance-v24{
  --mp-clearance-v24-line:#dbe4ef;
  --mp-clearance-v24-soft:#f8fafc;
  --mp-clearance-v24-text:#0f172a;
  --mp-clearance-v24-muted:#64748b;
}
#mp-main .mp-admission-clearance-overview-v24{
  margin:1rem 0 1.15rem;
  padding:1rem;
  border:1px solid var(--mp-clearance-v24-line,#dbe4ef);
  border-radius:18px;
  background:linear-gradient(145deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 14px 34px rgba(15,23,42,.055);
}
#mp-main .mp-admission-clearance-heading-v24{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:.85rem;
}
#mp-main .mp-admission-clearance-eyebrow-v24{
  margin:0 0 .18rem;
  font-size:.65rem;
  line-height:1.3;
  font-weight:850;
  letter-spacing:.075em;
  text-transform:uppercase;
  color:#2563eb;
}
#mp-main .mp-admission-clearance-heading-v24 h2{
  margin:0;
  font-size:1rem;
  line-height:1.3;
  font-weight:850;
  color:var(--mp-clearance-v24-text,#0f172a);
}
#mp-main .mp-admission-clearance-heading-v24 p{
  max-width:68rem;
  margin:.3rem 0 0;
  font-size:.73rem;
  line-height:1.55;
  color:var(--mp-clearance-v24-muted,#64748b);
}
#mp-main .mp-admission-clearance-route-v24{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:.28rem .52rem;
  border:1px solid #bfdbfe;
  border-radius:999px;
  background:#eff6ff;
  color:#1d4ed8;
  font-size:.66rem;
  font-weight:800;
  white-space:nowrap;
}
#mp-main .mp-admission-clearance-grid-v24{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.65rem;
}
#mp-main .mp-admission-clearance-step-v24{
  display:flex;
  align-items:center;
  gap:.62rem;
  min-width:0;
  padding:.72rem;
  border:1px solid #e2e8f0;
  border-radius:14px;
  background:#fff;
  color:#334155;
  text-decoration:none;
  box-shadow:0 5px 15px rgba(15,23,42,.035);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
#mp-main a.mp-admission-clearance-step-v24:hover{
  transform:translateY(-1px);
  border-color:#bfdbfe;
  box-shadow:0 9px 22px rgba(15,23,42,.065);
}
#mp-main .mp-admission-clearance-step-v24[data-tone="success"]{border-color:#a7f3d0;background:#f0fdf4;color:#047857}
#mp-main .mp-admission-clearance-step-v24[data-tone="warning"]{border-color:#fde68a;background:#fffbeb;color:#92400e}
#mp-main .mp-admission-clearance-step-v24[data-tone="danger"]{border-color:#fecaca;background:#fff1f2;color:#be123c}
#mp-main .mp-admission-clearance-step-index-v24{
  display:grid;
  place-items:center;
  width:1.75rem;
  height:1.75rem;
  flex:0 0 auto;
  border:1px solid currentColor;
  border-radius:999px;
  font-size:.68rem;
  font-weight:850;
  opacity:.8;
}
#mp-main .mp-admission-clearance-step-copy-v24{display:grid;gap:.08rem;min-width:0}
#mp-main .mp-admission-clearance-step-copy-v24 strong{font-size:.76rem;line-height:1.3;font-weight:850;color:inherit}
#mp-main .mp-admission-clearance-step-copy-v24 small{font-size:.66rem;line-height:1.35;color:inherit;opacity:.82}
#mp-main .mp-admission-clearance-attention-v24{
  display:flex;
  align-items:flex-start;
  gap:.4rem;
  margin-top:.72rem;
  padding:.62rem .72rem;
  border:1px solid #e2e8f0;
  border-radius:12px;
  background:#f8fafc;
  color:#475569;
  font-size:.7rem;
  line-height:1.5;
}
#mp-main .mp-admission-clearance-attention-v24[data-tone="warning"]{border-color:#fde68a;background:#fffbeb;color:#92400e}
#mp-main .mp-admission-clearance-attention-v24[data-tone="success"]{border-color:#bbf7d0;background:#f0fdf4;color:#047857}
#mp-main .mp-admission-clearance-panel-v24{
  position:relative;
  scroll-margin-top:7rem;
}
#mp-main .mp-admission-clearance-panel-v24::after{
  content:"";
  position:absolute;
  inset-block:10px;
  inset-inline-start:0;
  width:3px;
  border-radius:999px;
  background:transparent;
  pointer-events:none;
}
#mp-main .mp-admission-clearance-panel--success::after{background:#10b981}
#mp-main .mp-admission-clearance-panel--warning::after{background:#f59e0b}
#mp-main .mp-admission-clearance-panel--danger::after{background:#ef4444}
#mp-main .mp-admission-clearance-state-v24{
  display:inline-flex;
  align-items:center;
  gap:.28rem;
  padding:.16rem .38rem;
  border-radius:999px;
  font-weight:780;
}
#mp-main .mp-admission-clearance-state--success{background:#ecfdf5;color:#047857}
#mp-main .mp-admission-clearance-state--warning{background:#fffbeb;color:#a16207}
#mp-main .mp-admission-clearance-state--danger{background:#fff1f2;color:#be123c}
#mp-main .mp-admission-clearance-form-v24{
  border-color:#dbeafe!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
}
#mp-main .mp-admission-clearance-high-impact-v24{
  font-weight:850!important;
  box-shadow:0 6px 16px rgba(37,99,235,.12);
}
#mp-main .mp-admission-clearance-guardrail-v24{
  display:flex;
  align-items:flex-start;
  gap:.65rem;
  margin:.75rem 0;
  padding:.72rem .78rem;
  border:1px solid #bae6fd;
  border-radius:13px;
  background:#f0f9ff;
  color:#0c4a6e;
  font-size:.7rem;
  line-height:1.5;
}
#mp-main .mp-admission-clearance-guardrail-v24 > span{
  display:grid;
  place-items:center;
  width:1.45rem;
  height:1.45rem;
  flex:0 0 auto;
  border-radius:999px;
  background:#e0f2fe;
  color:#0369a1;
  font-size:.72rem;
  font-weight:900;
}
#mp-main .mp-admission-clearance-guardrail-v24 p{margin:0}
#mp-main .mp-admission-transition-id-v24{
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}
body.dark #mp-main[data-mp-admission-clearance="v24"].mp-admission-clearance-v24{
  --mp-clearance-v24-line:#334155;
  --mp-clearance-v24-soft:#111827;
  --mp-clearance-v24-text:#f8fafc;
  --mp-clearance-v24-muted:#94a3b8;
}
body.dark #mp-main .mp-admission-clearance-overview-v24{border-color:#334155;background:linear-gradient(145deg,#111827,#0f172a);box-shadow:0 16px 36px rgba(0,0,0,.2)}
body.dark #mp-main .mp-admission-clearance-eyebrow-v24{color:#93c5fd}
body.dark #mp-main .mp-admission-clearance-route-v24{border-color:#1e3a8a;background:rgba(30,58,138,.2);color:#bfdbfe}
body.dark #mp-main .mp-admission-clearance-step-v24{border-color:#334155;background:#111827;color:#cbd5e1;box-shadow:none}
body.dark #mp-main .mp-admission-clearance-step-v24[data-tone="success"]{border-color:rgba(52,211,153,.35);background:rgba(6,78,59,.24);color:#a7f3d0}
body.dark #mp-main .mp-admission-clearance-step-v24[data-tone="warning"]{border-color:rgba(251,191,36,.35);background:rgba(120,53,15,.22);color:#fde68a}
body.dark #mp-main .mp-admission-clearance-step-v24[data-tone="danger"]{border-color:rgba(248,113,113,.35);background:rgba(127,29,29,.22);color:#fecaca}
body.dark #mp-main .mp-admission-clearance-attention-v24{border-color:#334155;background:#111827;color:#cbd5e1}
body.dark #mp-main .mp-admission-clearance-attention-v24[data-tone="warning"]{border-color:rgba(251,191,36,.35);background:rgba(120,53,15,.2);color:#fde68a}
body.dark #mp-main .mp-admission-clearance-attention-v24[data-tone="success"]{border-color:rgba(52,211,153,.35);background:rgba(6,78,59,.22);color:#a7f3d0}
body.dark #mp-main .mp-admission-clearance-state--success{background:rgba(6,78,59,.25);color:#a7f3d0}
body.dark #mp-main .mp-admission-clearance-state--warning{background:rgba(120,53,15,.24);color:#fde68a}
body.dark #mp-main .mp-admission-clearance-state--danger{background:rgba(127,29,29,.24);color:#fecaca}
body.dark #mp-main .mp-admission-clearance-form-v24{border-color:#1e3a8a!important;background:linear-gradient(180deg,#111827,#0f172a)!important}
body.dark #mp-main .mp-admission-clearance-guardrail-v24{border-color:#075985;background:rgba(7,89,133,.2);color:#bae6fd}
body.dark #mp-main .mp-admission-clearance-guardrail-v24 > span{background:rgba(3,105,161,.25);color:#bae6fd}
@media (max-width:1024px){
  #mp-main .mp-admission-clearance-grid-v24{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  #mp-main .mp-admission-clearance-overview-v24{margin:.75rem 0 1rem;padding:.78rem;border-radius:15px}
  #mp-main .mp-admission-clearance-heading-v24{display:block}
  #mp-main .mp-admission-clearance-route-v24{margin-top:.55rem}
  #mp-main .mp-admission-clearance-grid-v24{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.2rem;overscroll-behavior-inline:contain}
  #mp-main .mp-admission-clearance-step-v24{min-width:min(78vw,270px);scroll-snap-align:start}
  #mp-main .mp-admission-clearance-attention-v24{display:block}
  #mp-main .mp-admission-clearance-guardrail-v24{padding:.66rem .7rem}
}
@media (max-width:380px){#mp-main .mp-admission-clearance-step-v24{min-width:84vw}}
@media (pointer:coarse){#mp-main a.mp-admission-clearance-step-v24,#mp-main .mp-admission-clearance-high-impact-v24{min-height:44px}}
@media (prefers-reduced-motion:reduce){#mp-main .mp-admission-clearance-step-v24{transition:none!important}}
@media (forced-colors:active){
  #mp-main .mp-admission-clearance-overview-v24,#mp-main .mp-admission-clearance-step-v24,#mp-main .mp-admission-clearance-attention-v24,#mp-main .mp-admission-clearance-state-v24,#mp-main .mp-admission-clearance-guardrail-v24{border:1px solid CanvasText!important}
  #mp-main .mp-admission-clearance-panel-v24::after{background:CanvasText!important}
}
@media print{
  #mp-main .mp-admission-clearance-overview-v24,#mp-main .mp-admission-clearance-guardrail-v24,#mp-main .mp-admission-clearance-form-v24{box-shadow:none!important;break-inside:avoid}
  #mp-main .mp-admission-clearance-grid-v24{grid-template-columns:repeat(4,1fr)!important}
  #mp-main .mp-admission-clearance-step-v24{background:#fff!important;color:#000!important}
}

/* ================================================================
   Enterprise Student Account Conversion & Matriculation Register UX v25
   ================================================================ */
#mp-main[data-mp-student-conversion="v25"].mp-student-conversion-v25{
  --mp-transition-v25-line:#dbe4ef;
  --mp-transition-v25-soft:#f8fafc;
  --mp-transition-v25-text:#0f172a;
  --mp-transition-v25-muted:#64748b;
}
#mp-main .mp-student-conversion-summary-v25{
  margin:1rem 0 1.1rem;
  padding:1rem;
  border:1px solid var(--mp-transition-v25-line,#dbe4ef);
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#f8fbff);
  box-shadow:0 14px 34px rgba(15,23,42,.07);
}
#mp-main .mp-transition-summary-heading-v25{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
}
#mp-main .mp-transition-eyebrow-v25{
  margin:0 0 .2rem;
  font-size:.7rem;
  line-height:1.35;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#2563eb;
}
#mp-main .mp-transition-summary-heading-v25 h2{
  margin:0;
  font-size:clamp(1rem,1.5vw,1.28rem);
  line-height:1.25;
  color:var(--mp-transition-v25-text,#0f172a);
}
#mp-main .mp-transition-summary-heading-v25 p{
  max-width:760px;
  margin:.3rem 0 0;
  font-size:.79rem;
  line-height:1.55;
  color:var(--mp-transition-v25-muted,#64748b);
}
#mp-main .mp-transition-backend-badge-v25{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:.28rem .58rem;
  border:1px solid #bfdbfe;
  border-radius:999px;
  background:#eff6ff;
  color:#1d4ed8;
  font-size:.68rem;
  font-weight:800;
  white-space:nowrap;
}
#mp-main .mp-transition-metrics-v25{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.65rem;
  margin-top:.85rem;
}
#mp-main .mp-transition-metric-v25{
  display:grid;
  gap:.1rem;
  min-width:0;
  padding:.7rem .75rem;
  border:1px solid #e2e8f0;
  border-radius:14px;
  background:#fff;
}
#mp-main .mp-transition-metric-v25 strong{
  font-size:1.15rem;
  line-height:1;
  font-variant-numeric:tabular-nums;
  color:#0f172a;
}
#mp-main .mp-transition-metric-v25 span{
  font-size:.7rem;
  line-height:1.35;
  color:#64748b;
}
#mp-main .mp-transition-metric-v25.is-attention{
  border-color:#fde68a;
  background:#fffbeb;
}
#mp-main .mp-transition-metric-v25.is-attention strong,
#mp-main .mp-transition-metric-v25.is-attention span{color:#92400e}
#mp-main .mp-transition-summary-note-v25{
  margin-top:.7rem;
  padding:.58rem .68rem;
  border:1px dashed #cbd5e1;
  border-radius:12px;
  background:#f8fafc;
  color:#475569;
  font-size:.72rem;
  line-height:1.5;
}
#mp-main .mp-student-conversion-table-v25 tbody tr.mp-student-conversion-row-v25{
  position:relative;
}
#mp-main .mp-student-conversion-table-v25 tbody tr[data-mp-transition-tone="danger"]{
  box-shadow:inset 3px 0 0 #ef4444;
}
#mp-main .mp-student-conversion-table-v25 tbody tr[data-mp-transition-tone="warning"]{
  box-shadow:inset 3px 0 0 #f59e0b;
}
#mp-main .mp-student-conversion-table-v25 tbody tr[data-mp-transition-tone="success"]{
  box-shadow:inset 3px 0 0 #10b981;
}
#mp-main .mp-transition-visible-duplicate-v25{
  background:linear-gradient(90deg,rgba(254,226,226,.55),transparent 44%)!important;
}
#mp-main .mp-transition-matric-v25,
#mp-main .mp-transition-identifier-v25{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}
#mp-main .mp-transition-duplicate-id-v25{
  color:#b91c1c;
  font-weight:750;
}
#mp-main .mp-transition-inline-badge-v25{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin:.25rem 0 0 .35rem;
  padding:.13rem .38rem;
  border-radius:999px;
  font-family:inherit;
  font-size:.61rem;
  line-height:1.25;
  font-weight:850;
  white-space:nowrap;
}
#mp-main .mp-transition-inline-badge--success{background:#ecfdf5;color:#047857}
#mp-main .mp-transition-inline-badge--warning{background:#fffbeb;color:#a16207}
#mp-main .mp-transition-inline-badge--danger{background:#fff1f2;color:#be123c}
#mp-main .mp-transition-state-v25{font-weight:700}
#mp-main .mp-transition-state--success{color:#047857}
#mp-main .mp-transition-state--warning{color:#a16207}
#mp-main .mp-transition-state--danger{color:#be123c}
#mp-main .mp-transition-account-state-v25[data-mp-transition-tone="success"]{color:#047857;font-weight:750}
#mp-main .mp-transition-account-state-v25[data-mp-transition-tone="warning"]{color:#a16207;font-weight:750}
#mp-main .mp-transition-account-state-v25[data-mp-transition-tone="danger"]{color:#be123c;font-weight:750}
#mp-main .mp-transition-audit-panel-v25{
  border-left:3px solid #3b82f6!important;
  background-image:linear-gradient(90deg,rgba(59,130,246,.04),transparent 20%);
}
#mp-main .mp-student-conversion-form-v25{
  position:relative;
  border-color:#bfdbfe!important;
}
#mp-main .mp-transition-action-v25{
  min-height:38px;
  font-weight:800;
}
#mp-main .mp-transition-guardrail-v25{
  display:flex;
  gap:.65rem;
  align-items:flex-start;
  margin:.75rem 0 1rem;
  padding:.7rem .78rem;
  border:1px solid #bae6fd;
  border-radius:14px;
  background:#f0f9ff;
  color:#0c4a6e;
  font-size:.75rem;
  line-height:1.5;
}
#mp-main .mp-transition-guardrail-v25 > span{
  display:grid;
  place-items:center;
  flex:0 0 24px;
  width:24px;
  height:24px;
  border-radius:999px;
  background:#e0f2fe;
  color:#0369a1;
  font-weight:900;
}
#mp-main .mp-transition-guardrail-v25 p{margin:0}
body.dark #mp-main[data-mp-student-conversion="v25"].mp-student-conversion-v25{
  --mp-transition-v25-line:#334155;
  --mp-transition-v25-soft:#111827;
  --mp-transition-v25-text:#f8fafc;
  --mp-transition-v25-muted:#94a3b8;
}
body.dark #mp-main .mp-student-conversion-summary-v25{border-color:#334155;background:linear-gradient(145deg,#111827,#0f172a);box-shadow:0 16px 38px rgba(0,0,0,.2)}
body.dark #mp-main .mp-transition-backend-badge-v25{border-color:#1e3a8a;background:rgba(30,58,138,.22);color:#bfdbfe}
body.dark #mp-main .mp-transition-metric-v25{border-color:#334155;background:#111827}
body.dark #mp-main .mp-transition-metric-v25 strong{color:#f8fafc}
body.dark #mp-main .mp-transition-metric-v25 span{color:#94a3b8}
body.dark #mp-main .mp-transition-metric-v25.is-attention{border-color:rgba(251,191,36,.38);background:rgba(120,53,15,.22)}
body.dark #mp-main .mp-transition-metric-v25.is-attention strong,
body.dark #mp-main .mp-transition-metric-v25.is-attention span{color:#fde68a}
body.dark #mp-main .mp-transition-summary-note-v25{border-color:#475569;background:#0f172a;color:#cbd5e1}
body.dark #mp-main .mp-transition-visible-duplicate-v25{background:linear-gradient(90deg,rgba(127,29,29,.22),transparent 44%)!important}
body.dark #mp-main .mp-transition-inline-badge--success{background:rgba(6,78,59,.28);color:#a7f3d0}
body.dark #mp-main .mp-transition-inline-badge--warning{background:rgba(120,53,15,.28);color:#fde68a}
body.dark #mp-main .mp-transition-inline-badge--danger{background:rgba(127,29,29,.28);color:#fecaca}
body.dark #mp-main .mp-transition-state--success,
body.dark #mp-main .mp-transition-account-state-v25[data-mp-transition-tone="success"]{color:#a7f3d0}
body.dark #mp-main .mp-transition-state--warning,
body.dark #mp-main .mp-transition-account-state-v25[data-mp-transition-tone="warning"]{color:#fde68a}
body.dark #mp-main .mp-transition-state--danger,
body.dark #mp-main .mp-transition-account-state-v25[data-mp-transition-tone="danger"]{color:#fecaca}
body.dark #mp-main .mp-transition-audit-panel-v25{border-left-color:#60a5fa!important;background-image:linear-gradient(90deg,rgba(96,165,250,.08),transparent 20%)}
body.dark #mp-main .mp-transition-guardrail-v25{border-color:#075985;background:rgba(7,89,133,.2);color:#bae6fd}
body.dark #mp-main .mp-transition-guardrail-v25 > span{background:rgba(3,105,161,.26);color:#bae6fd}
@media (max-width:900px){
  #mp-main .mp-transition-metrics-v25{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  #mp-main .mp-student-conversion-summary-v25{margin:.75rem 0 1rem;padding:.78rem;border-radius:15px}
  #mp-main .mp-transition-summary-heading-v25{display:block}
  #mp-main .mp-transition-backend-badge-v25{margin-top:.55rem}
  #mp-main .mp-transition-metrics-v25{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.2rem;overscroll-behavior-inline:contain}
  #mp-main .mp-transition-metric-v25{min-width:min(68vw,210px);scroll-snap-align:start}
  #mp-main .mp-transition-summary-note-v25{font-size:.69rem}
  #mp-main .mp-transition-inline-badge-v25{display:flex;margin:.25rem 0 0}
  #mp-main .mp-transition-guardrail-v25{padding:.66rem .7rem}
}
@media (max-width:380px){#mp-main .mp-transition-metric-v25{min-width:78vw}}
@media (pointer:coarse){#mp-main .mp-transition-action-v25{min-height:44px}}
@media (prefers-reduced-motion:reduce){#mp-main .mp-student-conversion-summary-v25 *,#mp-main .mp-transition-metric-v25{scroll-behavior:auto!important;transition:none!important}}
@media (forced-colors:active){
  #mp-main .mp-student-conversion-summary-v25,#mp-main .mp-transition-metric-v25,#mp-main .mp-transition-summary-note-v25,#mp-main .mp-transition-guardrail-v25,#mp-main .mp-transition-inline-badge-v25{border:1px solid CanvasText!important}
  #mp-main .mp-student-conversion-table-v25 tbody tr{box-shadow:none!important}
  #mp-main .mp-transition-visible-duplicate-v25{outline:2px solid CanvasText!important;background:Canvas!important}
}
@media print{
  #mp-main .mp-student-conversion-summary-v25,#mp-main .mp-transition-guardrail-v25,#mp-main .mp-transition-audit-panel-v25{box-shadow:none!important;break-inside:avoid}
  #mp-main .mp-transition-metrics-v25{grid-template-columns:repeat(4,1fr)!important;display:grid!important;overflow:visible!important}
  #mp-main .mp-transition-metric-v25{background:#fff!important;color:#000!important}
}

/* Enterprise Student Records & Profile Inspection UX v26 */
#mp-main[data-mp-student-record="v26"].mp-student-record-v26{--mp-record-v26-line:#dbe4ef;--mp-record-v26-text:#0f172a;--mp-record-v26-muted:#64748b}
#mp-main .mp-student-record-overview-v26{margin:1rem 0;padding:1rem;border:1px solid var(--mp-record-v26-line);border-radius:18px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 14px 34px rgba(15,23,42,.06)}
#mp-main .mp-student-record-overview-head-v26{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
#mp-main .mp-student-record-eyebrow-v26{margin:0 0 .18rem;font-size:.66rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#2563eb}
#mp-main .mp-student-record-overview-head-v26 h2{margin:0;font-size:1.05rem;line-height:1.25;font-weight:850;color:var(--mp-record-v26-text)}
#mp-main .mp-student-record-overview-head-v26 p{max-width:760px;margin:.3rem 0 0;font-size:.75rem;line-height:1.55;color:var(--mp-record-v26-muted)}
#mp-main .mp-student-record-source-badge-v26{display:inline-flex;align-items:center;min-height:30px;padding:.28rem .58rem;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.67rem;font-weight:800;white-space:nowrap}
#mp-main .mp-student-record-identity-v26{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin:.8rem 0 0}
#mp-main .mp-student-record-identity-v26>div{min-width:0;padding:.6rem .68rem;border:1px solid #e2e8f0;border-radius:12px;background:#fff}
#mp-main .mp-student-record-identity-v26 dt{font-size:.62rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#64748b}
#mp-main .mp-student-record-identity-v26 dd{margin:.18rem 0 0;font-size:.78rem;font-weight:780;color:#0f172a;overflow-wrap:anywhere}
#mp-main .mp-student-record-sections-v26{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:.75rem}
#mp-main .mp-student-record-section-v26{display:grid;gap:.08rem;min-width:0;padding:.62rem .68rem;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#334155;text-decoration:none}
#mp-main .mp-student-record-section-v26 strong{font-size:.74rem;font-weight:830;color:inherit}
#mp-main .mp-student-record-section-v26 small{font-size:.65rem;line-height:1.35;color:inherit;opacity:.82}
#mp-main .mp-student-record-section-v26[data-tone="success"]{border-color:#a7f3d0;background:#f0fdf4;color:#047857}
#mp-main .mp-student-record-section-v26[data-tone="warning"]{border-color:#fde68a;background:#fffbeb;color:#92400e}
#mp-main .mp-student-record-section-v26[data-tone="danger"]{border-color:#fecaca;background:#fff1f2;color:#be123c}
#mp-main a.mp-student-record-section-v26:hover{border-color:#93c5fd;box-shadow:0 8px 18px rgba(15,23,42,.06)}
#mp-main .mp-student-record-panel-v26{position:relative;scroll-margin-top:6.5rem}
#mp-main .mp-student-record-panel-v26::after{content:"";position:absolute;inset-block:10px;inset-inline-start:0;width:3px;border-radius:999px;background:transparent;pointer-events:none}
#mp-main .mp-student-record-panel--success::after{background:#10b981}#mp-main .mp-student-record-panel--warning::after{background:#f59e0b}#mp-main .mp-student-record-panel--danger::after{background:#ef4444}
#mp-main .mp-student-record-matric-v26{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#mp-main .mp-student-record-account-v26[data-mp-student-record-tone="success"]{color:#047857;font-weight:760}#mp-main .mp-student-record-account-v26[data-mp-student-record-tone="warning"]{color:#a16207;font-weight:760}#mp-main .mp-student-record-account-v26[data-mp-student-record-tone="danger"]{color:#be123c;font-weight:760}
#mp-main .mp-student-record-photo-v26{width:clamp(6rem,10vw,8.5rem);aspect-ratio:4/5;object-fit:cover;border:3px solid #fff;border-radius:16px;outline:1px solid #cbd5e1;box-shadow:0 10px 26px rgba(15,23,42,.12);background:#f8fafc}
#mp-main .mp-student-record-photo-error-v26{opacity:.42;filter:grayscale(1)}
#mp-main .mp-student-record-related-link-v26{font-weight:760;text-underline-offset:2px}
#mp-main .mp-student-record-state-v26{display:inline-flex;align-items:center;gap:.28rem;width:max-content;max-width:100%;padding:.15rem .38rem;border-radius:999px;font-weight:780}
#mp-main .mp-student-record-state-v26::before{content:"";width:.36rem;height:.36rem;border-radius:999px;background:currentColor;flex:0 0 auto}
#mp-main .mp-student-record-state--success{background:#ecfdf5;color:#047857}#mp-main .mp-student-record-state--warning{background:#fffbeb;color:#a16207}#mp-main .mp-student-record-state--danger{background:#fff1f2;color:#be123c}
#mp-main .mp-student-record-guardrail-v26{display:flex;align-items:flex-start;gap:.65rem;margin:.7rem 0 1rem;padding:.7rem .78rem;border:1px solid #bae6fd;border-radius:13px;background:#f0f9ff;color:#0c4a6e;font-size:.72rem;line-height:1.5}
#mp-main .mp-student-record-guardrail-v26>span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-weight:900}#mp-main .mp-student-record-guardrail-v26 p{margin:0}
body.dark #mp-main[data-mp-student-record="v26"].mp-student-record-v26{--mp-record-v26-line:#334155;--mp-record-v26-text:#f8fafc;--mp-record-v26-muted:#94a3b8}
body.dark #mp-main .mp-student-record-overview-v26{border-color:#334155;background:linear-gradient(145deg,#111827,#0f172a);box-shadow:0 16px 38px rgba(0,0,0,.2)}
body.dark #mp-main .mp-student-record-source-badge-v26{border-color:#1e3a8a;background:rgba(30,58,138,.22);color:#bfdbfe}
body.dark #mp-main .mp-student-record-identity-v26>div,body.dark #mp-main .mp-student-record-section-v26{border-color:#334155;background:#111827;color:#cbd5e1}body.dark #mp-main .mp-student-record-identity-v26 dt{color:#94a3b8}body.dark #mp-main .mp-student-record-identity-v26 dd{color:#f8fafc}
body.dark #mp-main .mp-student-record-section-v26[data-tone="success"]{border-color:rgba(52,211,153,.35);background:rgba(6,78,59,.24);color:#a7f3d0}body.dark #mp-main .mp-student-record-section-v26[data-tone="warning"]{border-color:rgba(251,191,36,.35);background:rgba(120,53,15,.22);color:#fde68a}body.dark #mp-main .mp-student-record-section-v26[data-tone="danger"]{border-color:rgba(248,113,113,.35);background:rgba(127,29,29,.22);color:#fecaca}
body.dark #mp-main .mp-student-record-state--success{background:rgba(6,78,59,.28);color:#a7f3d0}body.dark #mp-main .mp-student-record-state--warning{background:rgba(120,53,15,.28);color:#fde68a}body.dark #mp-main .mp-student-record-state--danger{background:rgba(127,29,29,.28);color:#fecaca}
body.dark #mp-main .mp-student-record-guardrail-v26{border-color:#075985;background:rgba(7,89,133,.2);color:#bae6fd}
@media(max-width:900px){#mp-main .mp-student-record-identity-v26{grid-template-columns:repeat(2,minmax(0,1fr))}#mp-main .mp-student-record-sections-v26{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#mp-main .mp-student-record-overview-v26{padding:.78rem;border-radius:15px}#mp-main .mp-student-record-overview-head-v26{display:block}#mp-main .mp-student-record-source-badge-v26{margin-top:.55rem}#mp-main .mp-student-record-identity-v26{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain}#mp-main .mp-student-record-identity-v26>div{min-width:min(70vw,220px);scroll-snap-align:start}#mp-main .mp-student-record-sections-v26{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain}#mp-main .mp-student-record-section-v26{min-width:min(74vw,240px);scroll-snap-align:start}#mp-main .mp-student-record-photo-v26{width:6.5rem}}
@media(pointer:coarse){#mp-main a.mp-student-record-section-v26,#mp-main .mp-student-record-related-link-v26{min-height:44px}}
@media(prefers-reduced-motion:reduce){#mp-main .mp-student-record-section-v26{transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){#mp-main .mp-student-record-overview-v26,#mp-main .mp-student-record-identity-v26>div,#mp-main .mp-student-record-section-v26,#mp-main .mp-student-record-state-v26,#mp-main .mp-student-record-guardrail-v26{border:1px solid CanvasText!important}#mp-main .mp-student-record-panel-v26::after{background:CanvasText!important}}
@media print{#mp-main .mp-student-record-overview-v26,#mp-main .mp-student-record-guardrail-v26{box-shadow:none!important;break-inside:avoid}#mp-main .mp-student-record-identity-v26{grid-template-columns:repeat(4,1fr)!important;display:grid!important;overflow:visible!important}#mp-main .mp-student-record-sections-v26{grid-template-columns:repeat(3,1fr)!important;display:grid!important;overflow:visible!important}}

/* ================================================================
   Enterprise Student Records Search & Operational Queue UX v27
   ================================================================ */
#mp-main[data-mp-student-queue="v27"].mp-student-queue-v27{
  --mp-student-queue-line:#dbe4ef;
  --mp-student-queue-soft:#f8fafc;
  --mp-student-queue-text:#0f172a;
  --mp-student-queue-muted:#64748b;
}
#mp-main .mp-student-queue-summary-v27{
  margin:.85rem 0 1rem;
  padding:1rem;
  border:1px solid var(--mp-student-queue-line,#dbe4ef);
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#f8fbff);
  box-shadow:0 14px 34px rgba(15,23,42,.06);
}
#mp-main .mp-student-queue-summary-head-v27{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
}
#mp-main .mp-student-queue-eyebrow-v27{
  margin:0 0 .18rem;
  color:#2563eb;
  font-size:.66rem;
  line-height:1.35;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
#mp-main .mp-student-queue-summary-head-v27 h2{
  margin:0;
  color:var(--mp-student-queue-text,#0f172a);
  font-size:1rem;
  line-height:1.3;
  font-weight:850;
}
#mp-main .mp-student-queue-summary-head-v27 p{
  max-width:760px;
  margin:.28rem 0 0;
  color:var(--mp-student-queue-muted,#64748b);
  font-size:.75rem;
  line-height:1.55;
}
#mp-main .mp-student-queue-source-v27{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  flex:0 0 auto;
  padding:.28rem .58rem;
  border:1px solid #bfdbfe;
  border-radius:999px;
  background:#eff6ff;
  color:#1d4ed8;
  font-size:.66rem;
  font-weight:800;
  white-space:nowrap;
}
#mp-main .mp-student-queue-metrics-v27{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.62rem;
  margin-top:.8rem;
}
#mp-main .mp-student-queue-metrics-v27 > div{
  position:relative;
  min-width:0;
  padding:.7rem .75rem;
  border:1px solid #e2e8f0;
  border-radius:14px;
  background:#fff;
  overflow:hidden;
}
#mp-main .mp-student-queue-metrics-v27 > div::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:#94a3b8;
}
#mp-main .mp-student-queue-metrics-v27 > div.is-attention{
  border-color:#fde68a;
  background:#fffbeb;
}
#mp-main .mp-student-queue-metrics-v27 > div.is-attention::before{background:#d97706}
#mp-main .mp-student-queue-metrics-v27 strong{
  display:block;
  color:#0f172a;
  font-size:1.22rem;
  line-height:1;
  font-weight:880;
  font-variant-numeric:tabular-nums;
}
#mp-main .mp-student-queue-metrics-v27 span{
  display:block;
  margin-top:.18rem;
  color:#64748b;
  font-size:.68rem;
  line-height:1.35;
  font-weight:700;
}
#mp-main .mp-student-queue-duplicate-note-v27{
  margin-top:.68rem;
  padding:.58rem .68rem;
  border:1px dashed #cbd5e1;
  border-radius:12px;
  background:#f8fafc;
  color:#475569;
  font-size:.7rem;
  line-height:1.5;
}
#mp-main .mp-student-queue-filter-v27{
  border-radius:16px;
}
#mp-main .mp-student-queue-table-v27{
  min-width:100%;
}
#mp-main .mp-student-queue-table-v27 tbody tr.mp-student-queue-row-v27 td:first-child{
  box-shadow:inset 3px 0 0 transparent;
}
#mp-main .mp-student-queue-table-v27 tbody tr.mp-student-queue-row--success td:first-child{box-shadow:inset 3px 0 0 #10b981}
#mp-main .mp-student-queue-table-v27 tbody tr.mp-student-queue-row--warning td:first-child{box-shadow:inset 3px 0 0 #f59e0b}
#mp-main .mp-student-queue-table-v27 tbody tr.mp-student-queue-row--danger td:first-child{box-shadow:inset 3px 0 0 #ef4444}
#mp-main .mp-student-queue-visible-duplicate-v27{
  background:linear-gradient(90deg,rgba(254,226,226,.52),transparent 44%)!important;
}
#mp-main .mp-student-queue-matric-v27{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}
#mp-main .mp-student-queue-name-v27{
  color:#0f172a;
  font-weight:760;
}
#mp-main .mp-student-queue-state-v27{
  font-weight:700;
}
#mp-main .mp-student-queue-state--success{color:#047857}
#mp-main .mp-student-queue-state--warning{color:#a16207}
#mp-main .mp-student-queue-state--danger{color:#be123c}
#mp-main .mp-student-queue-duplicate-badge-v27{
  display:flex;
  width:max-content;
  max-width:100%;
  margin-top:.24rem;
  padding:.14rem .38rem;
  border:1px solid #fecaca;
  border-radius:999px;
  background:#fff1f2;
  color:#be123c;
  font-family:inherit;
  font-size:.6rem;
  line-height:1.2;
  font-weight:850;
  white-space:nowrap;
}
#mp-main .mp-student-queue-inspect-v27{
  min-height:36px;
  font-weight:800!important;
}
#mp-main a.mp-student-queue-inspect-v27::after{
  content:"→";
  margin-left:.28rem;
  font-weight:900;
}
#mp-main .mp-student-queue-action-v27{
  font-weight:760!important;
}
#mp-main .mp-student-queue-action--finance{border-color:#bbf7d0!important;color:#047857!important}
#mp-main .mp-student-queue-action--registration{border-color:#bae6fd!important;color:#0369a1!important}
#mp-main .mp-student-queue-action--academic{border-color:#ddd6fe!important;color:#6d28d9!important}
#mp-main .mp-student-queue-action--clearance{border-color:#fde68a!important;color:#a16207!important}
#mp-main .mp-student-queue-guardrail-v27{
  display:flex;
  align-items:flex-start;
  gap:.65rem;
  margin:.72rem 0 1rem;
  padding:.7rem .78rem;
  border:1px solid #bae6fd;
  border-radius:14px;
  background:#f0f9ff;
  color:#0c4a6e;
  font-size:.72rem;
  line-height:1.5;
}
#mp-main .mp-student-queue-guardrail-v27 > span{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  flex:0 0 24px;
  border-radius:999px;
  background:#e0f2fe;
  color:#0369a1;
  font-weight:900;
}
#mp-main .mp-student-queue-guardrail-v27 p{margin:0}
body.dark #mp-main[data-mp-student-queue="v27"].mp-student-queue-v27{
  --mp-student-queue-line:#334155;
  --mp-student-queue-soft:#111827;
  --mp-student-queue-text:#f8fafc;
  --mp-student-queue-muted:#94a3b8;
}
body.dark #mp-main .mp-student-queue-summary-v27{border-color:#334155;background:linear-gradient(145deg,#111827,#0f172a);box-shadow:0 16px 38px rgba(0,0,0,.2)}
body.dark #mp-main .mp-student-queue-source-v27{border-color:#1e3a8a;background:rgba(30,58,138,.22);color:#bfdbfe}
body.dark #mp-main .mp-student-queue-metrics-v27 > div{border-color:#334155;background:#111827}
body.dark #mp-main .mp-student-queue-metrics-v27 > div.is-attention{border-color:rgba(251,191,36,.38);background:rgba(120,53,15,.22)}
body.dark #mp-main .mp-student-queue-metrics-v27 strong{color:#f8fafc}
body.dark #mp-main .mp-student-queue-metrics-v27 span{color:#94a3b8}
body.dark #mp-main .mp-student-queue-metrics-v27 > div.is-attention strong,
body.dark #mp-main .mp-student-queue-metrics-v27 > div.is-attention span{color:#fde68a}
body.dark #mp-main .mp-student-queue-duplicate-note-v27{border-color:#475569;background:#0f172a;color:#cbd5e1}
body.dark #mp-main .mp-student-queue-name-v27{color:#f8fafc}
body.dark #mp-main .mp-student-queue-state--success{color:#a7f3d0}
body.dark #mp-main .mp-student-queue-state--warning{color:#fde68a}
body.dark #mp-main .mp-student-queue-state--danger{color:#fecaca}
body.dark #mp-main .mp-student-queue-visible-duplicate-v27{background:linear-gradient(90deg,rgba(127,29,29,.22),transparent 44%)!important}
body.dark #mp-main .mp-student-queue-duplicate-badge-v27{border-color:rgba(248,113,113,.38);background:rgba(127,29,29,.28);color:#fecaca}
body.dark #mp-main .mp-student-queue-guardrail-v27{border-color:#075985;background:rgba(7,89,133,.2);color:#bae6fd}
body.dark #mp-main .mp-student-queue-guardrail-v27 > span{background:rgba(3,105,161,.26);color:#bae6fd}
@media (max-width:900px){
  #mp-main .mp-student-queue-metrics-v27{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  #mp-main .mp-student-queue-summary-v27{padding:.78rem;border-radius:15px}
  #mp-main .mp-student-queue-summary-head-v27{display:block}
  #mp-main .mp-student-queue-source-v27{margin-top:.55rem}
  #mp-main .mp-student-queue-metrics-v27{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.2rem;overscroll-behavior-inline:contain}
  #mp-main .mp-student-queue-metrics-v27 > div{min-width:min(68vw,210px);scroll-snap-align:start}
  #mp-main .mp-student-queue-inspect-v27{min-height:40px;width:100%;justify-content:center}
  #mp-main .mp-student-queue-duplicate-badge-v27{white-space:normal}
}
@media (max-width:380px){#mp-main .mp-student-queue-metrics-v27 > div{min-width:78vw}}
@media (pointer:coarse){#mp-main .mp-student-queue-inspect-v27,#mp-main .mp-student-queue-action-v27{min-height:44px}}
@media (prefers-reduced-motion:reduce){#mp-main .mp-student-queue-summary-v27 *,#mp-main .mp-student-queue-metrics-v27 > div{scroll-behavior:auto!important;transition:none!important}}
@media (forced-colors:active){
  #mp-main .mp-student-queue-summary-v27,#mp-main .mp-student-queue-metrics-v27 > div,#mp-main .mp-student-queue-duplicate-note-v27,#mp-main .mp-student-queue-duplicate-badge-v27,#mp-main .mp-student-queue-guardrail-v27{border:1px solid CanvasText!important}
  #mp-main .mp-student-queue-table-v27 tbody tr{box-shadow:none!important}
  #mp-main .mp-student-queue-visible-duplicate-v27{outline:2px solid CanvasText!important;background:Canvas!important}
}
@media print{
  #mp-main .mp-student-queue-summary-v27,#mp-main .mp-student-queue-guardrail-v27{box-shadow:none!important;break-inside:avoid}
  #mp-main .mp-student-queue-metrics-v27{display:grid!important;grid-template-columns:repeat(4,1fr)!important;overflow:visible!important}
  #mp-main .mp-student-queue-metrics-v27 > div{background:#fff!important;color:#000!important}
  #mp-main .mp-student-queue-table-v27 tbody tr{break-inside:avoid}
}

/* Enterprise Student Progression, Promotion & Academic Standing Queue UX v28 */
#mp-main[data-mp-student-progression="v28"].mp-student-progression-v28{--mp-prog-line:#dbe4ef;--mp-prog-soft:#f8fafc;--mp-prog-text:#0f172a;--mp-prog-muted:#64748b}
#mp-main .mp-student-progression-summary-v28{margin:1rem 0;padding:1rem;border:1px solid var(--mp-prog-line);border-radius:18px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 14px 34px rgba(15,23,42,.06)}
#mp-main .mp-progression-summary-head-v28{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
#mp-main .mp-progression-eyebrow-v28{margin:0 0 .18rem;font-size:.66rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#2563eb}
#mp-main .mp-progression-summary-head-v28 h2{margin:0;color:var(--mp-prog-text);font-size:1.05rem;font-weight:850;letter-spacing:-.015em}
#mp-main .mp-progression-summary-head-v28 p{max-width:70rem;margin:.28rem 0 0;color:var(--mp-prog-muted);font-size:.75rem;line-height:1.55}
#mp-main .mp-progression-source-v28{display:inline-flex;align-items:center;min-height:30px;padding:.28rem .55rem;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.67rem;font-weight:820;white-space:nowrap}
#mp-main .mp-progression-metrics-v28{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-top:.82rem}
#mp-main .mp-progression-metrics-v28>div{min-height:72px;padding:.7rem .75rem;border:1px solid #e2e8f0;border-radius:14px;background:#fff}
#mp-main .mp-progression-metrics-v28 strong{display:block;color:#0f172a;font-size:1.22rem;line-height:1;font-weight:880;font-variant-numeric:tabular-nums}
#mp-main .mp-progression-metrics-v28 span{display:block;margin-top:.2rem;color:#64748b;font-size:.68rem;line-height:1.35}
#mp-main .mp-progression-metrics-v28>div.is-attention{border-color:#fde68a;background:#fffbeb}.mp-progression-metrics-v28>div.is-attention strong,.mp-progression-metrics-v28>div.is-attention span{color:#92400e}
#mp-main .mp-progression-metrics-v28>div.is-danger{border-color:#fecaca;background:#fff1f2}.mp-progression-metrics-v28>div.is-danger strong,.mp-progression-metrics-v28>div.is-danger span{color:#be123c}
#mp-main .mp-progression-summary-note-v28{margin-top:.7rem;padding:.6rem .68rem;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;color:#475569;font-size:.7rem;line-height:1.5}
#mp-main .mp-student-progression-table-v28 tbody tr[data-mp-progression-tone="success"]{box-shadow:inset 3px 0 0 #10b981}
#mp-main .mp-student-progression-table-v28 tbody tr[data-mp-progression-tone="warning"]{box-shadow:inset 3px 0 0 #f59e0b}
#mp-main .mp-student-progression-table-v28 tbody tr[data-mp-progression-tone="danger"]{box-shadow:inset 3px 0 0 #ef4444}
#mp-main .mp-progression-matric-v28{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;font-weight:720}
#mp-main .mp-progression-student-v28{font-weight:760;color:#0f172a}
#mp-main .mp-progression-current-level-v28,#mp-main .mp-progression-next-level-v28{font-weight:740;white-space:nowrap}
#mp-main .mp-progression-next-level-v28::before{content:"→ ";color:#64748b;font-weight:800}
#mp-main .mp-progression-state-v28{font-weight:760}
#mp-main .mp-progression-state--success{color:#047857}#mp-main .mp-progression-state--warning{color:#a16207}#mp-main .mp-progression-state--danger{color:#be123c}
#mp-main .mp-progression-state-v28[data-mp-progression-kind="carryover"]{font-variant-numeric:tabular-nums}
#mp-main .mp-progression-inspect-v28{min-height:36px;font-weight:800!important}#mp-main a.mp-progression-inspect-v28::after{content:"→";margin-left:.28rem;font-weight:900}
#mp-main .mp-progression-action-success-v28{border-color:#a7f3d0!important;background:#ecfdf5!important;color:#047857!important}
#mp-main .mp-progression-action-warning-v28{border-color:#fde68a!important;background:#fffbeb!important;color:#a16207!important}
#mp-main .mp-progression-action-danger-v28{border-color:#fecaca!important;background:#fff1f2!important;color:#be123c!important}
#mp-main .mp-student-progression-filter-v28{position:relative}
#mp-main .mp-student-progression-decision-v28{position:relative;border-color:#dbeafe!important}
#mp-main .mp-progression-decision-control-v28{min-height:40px;font-weight:820!important}
#mp-main .mp-progression-history-v28{border-left:3px solid #6366f1!important;background-image:linear-gradient(90deg,rgba(99,102,241,.04),transparent 20%)}
#mp-main .mp-progression-guardrail-v28{display:flex;align-items:flex-start;gap:.65rem;margin:.72rem 0 1rem;padding:.7rem .78rem;border:1px solid #bae6fd;border-radius:14px;background:#f0f9ff;color:#0c4a6e;font-size:.72rem;line-height:1.5}
#mp-main .mp-progression-guardrail-v28>span{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-weight:900}.mp-progression-guardrail-v28 p{margin:0}
body.dark #mp-main[data-mp-student-progression="v28"].mp-student-progression-v28{--mp-prog-line:#334155;--mp-prog-soft:#111827;--mp-prog-text:#f8fafc;--mp-prog-muted:#94a3b8}
body.dark #mp-main .mp-student-progression-summary-v28{border-color:#334155;background:linear-gradient(145deg,#111827,#0f172a);box-shadow:0 16px 38px rgba(0,0,0,.2)}
body.dark #mp-main .mp-progression-source-v28{border-color:#1e3a8a;background:rgba(30,58,138,.22);color:#bfdbfe}
body.dark #mp-main .mp-progression-metrics-v28>div{border-color:#334155;background:#111827}body.dark #mp-main .mp-progression-metrics-v28 strong{color:#f8fafc}body.dark #mp-main .mp-progression-metrics-v28 span{color:#94a3b8}
body.dark #mp-main .mp-progression-metrics-v28>div.is-attention{border-color:rgba(251,191,36,.38);background:rgba(120,53,15,.22)}body.dark #mp-main .mp-progression-metrics-v28>div.is-attention strong,body.dark #mp-main .mp-progression-metrics-v28>div.is-attention span{color:#fde68a}
body.dark #mp-main .mp-progression-metrics-v28>div.is-danger{border-color:rgba(248,113,113,.38);background:rgba(127,29,29,.24)}body.dark #mp-main .mp-progression-metrics-v28>div.is-danger strong,body.dark #mp-main .mp-progression-metrics-v28>div.is-danger span{color:#fecaca}
body.dark #mp-main .mp-progression-summary-note-v28{border-color:#475569;background:#0f172a;color:#cbd5e1}body.dark #mp-main .mp-progression-student-v28{color:#f8fafc}
body.dark #mp-main .mp-progression-state--success{color:#a7f3d0}body.dark #mp-main .mp-progression-state--warning{color:#fde68a}body.dark #mp-main .mp-progression-state--danger{color:#fecaca}
body.dark #mp-main .mp-progression-history-v28{border-left-color:#818cf8!important;background-image:linear-gradient(90deg,rgba(129,140,248,.08),transparent 20%)}
body.dark #mp-main .mp-progression-guardrail-v28{border-color:#075985;background:rgba(7,89,133,.2);color:#bae6fd}body.dark #mp-main .mp-progression-guardrail-v28>span{background:rgba(3,105,161,.26);color:#bae6fd}
@media(max-width:900px){#mp-main .mp-progression-metrics-v28{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#mp-main .mp-student-progression-summary-v28{padding:.78rem;border-radius:15px}#mp-main .mp-progression-summary-head-v28{display:block}#mp-main .mp-progression-source-v28{margin-top:.55rem}#mp-main .mp-progression-metrics-v28{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.2rem;overscroll-behavior-inline:contain}#mp-main .mp-progression-metrics-v28>div{min-width:min(68vw,210px);scroll-snap-align:start}#mp-main .mp-progression-inspect-v28{min-height:40px;width:100%;justify-content:center}#mp-main .mp-progression-next-level-v28::before{content:"Next: ";font-size:.65rem}}
@media(max-width:380px){#mp-main .mp-progression-metrics-v28>div{min-width:78vw}}
@media(pointer:coarse){#mp-main .mp-progression-inspect-v28,#mp-main .mp-progression-decision-control-v28{min-height:44px}}
@media(prefers-reduced-motion:reduce){#mp-main .mp-student-progression-summary-v28 *,#mp-main .mp-progression-metrics-v28>div{scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){#mp-main .mp-student-progression-summary-v28,#mp-main .mp-progression-metrics-v28>div,#mp-main .mp-progression-summary-note-v28,#mp-main .mp-progression-guardrail-v28{border:1px solid CanvasText!important}#mp-main .mp-student-progression-table-v28 tbody tr{box-shadow:none!important}}
@media print{#mp-main .mp-student-progression-summary-v28,#mp-main .mp-progression-guardrail-v28,#mp-main .mp-progression-history-v28{box-shadow:none!important;break-inside:avoid}#mp-main .mp-progression-metrics-v28{display:grid!important;grid-template-columns:repeat(4,1fr)!important;overflow:visible!important}#mp-main .mp-progression-metrics-v28>div{background:#fff!important;color:#000!important}}

/* ================================================================
   Enterprise Course Registration & Carryover Operational Queue UX v29
   ================================================================ */
#mp-main[data-mp-course-registration="v29"].mp-course-registration-v29{
  --mp-registration-v29-line:#dbe4ef;
  --mp-registration-v29-soft:#f8fafc;
  --mp-registration-v29-text:#0f172a;
  --mp-registration-v29-muted:#64748b;
}
#mp-main .mp-course-registration-summary-v29{
  margin:1rem 0 1.1rem;
  padding:1rem;
  border:1px solid var(--mp-registration-v29-line,#dbe4ef);
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#f8fbff);
  box-shadow:0 14px 34px rgba(15,23,42,.065);
}
#mp-main .mp-registration-summary-heading-v29{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
#mp-main .mp-registration-eyebrow-v29{margin:0 0 .2rem;font-size:.68rem;font-weight:850;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:#2563eb}
#mp-main .mp-registration-summary-heading-v29 h2{margin:0;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.25;color:var(--mp-registration-v29-text,#0f172a)}
#mp-main .mp-registration-summary-heading-v29 p{max-width:800px;margin:.3rem 0 0;font-size:.76rem;line-height:1.55;color:var(--mp-registration-v29-muted,#64748b)}
#mp-main .mp-registration-backend-badge-v29{display:inline-flex;align-items:center;flex:0 0 auto;min-height:30px;padding:.28rem .56rem;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.66rem;font-weight:820;white-space:nowrap}
#mp-main .mp-registration-summary-metrics-v29{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-top:.85rem}
#mp-main .mp-registration-summary-metric-v29{display:grid;gap:.12rem;min-width:0;padding:.72rem .75rem;border:1px solid #e2e8f0;border-radius:14px;background:#fff}
#mp-main .mp-registration-summary-metric-v29 strong{font-size:1.15rem;line-height:1;font-weight:850;font-variant-numeric:tabular-nums;color:#0f172a}
#mp-main .mp-registration-summary-metric-v29 span{font-size:.69rem;line-height:1.35;color:#64748b}
#mp-main .mp-registration-summary-metric-v29.is-attention{border-color:#fde68a;background:#fffbeb}
#mp-main .mp-registration-summary-metric-v29.is-attention strong,#mp-main .mp-registration-summary-metric-v29.is-attention span{color:#92400e}
#mp-main .mp-course-registration-table-v29 tbody tr.mp-course-registration-row-v29{position:relative}
#mp-main .mp-course-registration-table-v29 tbody tr[data-mp-course-registration-tone="success"]{box-shadow:inset 3px 0 0 #10b981}
#mp-main .mp-course-registration-table-v29 tbody tr[data-mp-course-registration-tone="warning"]{box-shadow:inset 3px 0 0 #f59e0b}
#mp-main .mp-course-registration-table-v29 tbody tr[data-mp-course-registration-tone="danger"]{box-shadow:inset 3px 0 0 #ef4444}
#mp-main .mp-registration-student-id-v29{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-variant-numeric:tabular-nums;font-weight:760;overflow-wrap:anywhere}
#mp-main .mp-registration-student-name-v29{font-weight:760;color:#0f172a}
#mp-main .mp-registration-unit-load-v29{font-variant-numeric:tabular-nums;font-weight:800;color:#1e40af}
#mp-main .mp-registration-state-v29,#mp-main .mp-registration-lock-v29,#mp-main .mp-registration-carryover-v29{font-weight:760}
#mp-main .mp-registration-state--success,#mp-main .mp-registration-lock--success{color:#047857}
#mp-main .mp-registration-state--warning,#mp-main .mp-registration-lock--warning,#mp-main .mp-registration-carryover--warning{color:#a16207}
#mp-main .mp-registration-state--danger{color:#be123c}
#mp-main .mp-registration-inspect-action-v29{font-weight:800!important}
#mp-main a.mp-registration-inspect-action-v29::after{content:"→";margin-left:.28rem;font-weight:900}
#mp-main .mp-registration-positive-action-v29{border-color:#a7f3d0!important;background:#ecfdf5!important;color:#047857!important;font-weight:800!important}
#mp-main .mp-registration-caution-action-v29{border-color:#fecaca!important;background:#fff1f2!important;color:#be123c!important;font-weight:800!important}
#mp-main .mp-course-registration-filter-v29{position:relative}
#mp-main .mp-course-registration-panel-v29{position:relative;scroll-margin-top:6rem}
#mp-main .mp-course-registration-panel-v29::after{content:"";position:absolute;inset-block:12px;inset-inline-start:0;width:3px;border-radius:999px;background:#cbd5e1;pointer-events:none}
#mp-main .mp-course-registration-panel--carryover::after{background:#f59e0b}
#mp-main .mp-course-registration-panel--units::after{background:#3b82f6}
#mp-main .mp-course-registration-decision-v29{position:relative;border-color:#dbeafe!important}
#mp-main .mp-registration-selection-count-v29{margin:0 0 .65rem;padding:.48rem .58rem;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;color:#1e40af;font-size:.7rem;font-weight:760;line-height:1.4}
#mp-main .mp-registration-guardrail-v29{display:flex;align-items:flex-start;gap:.65rem;margin:.75rem 0 1rem;padding:.7rem .78rem;border:1px solid #bae6fd;border-radius:14px;background:#f0f9ff;color:#0c4a6e;font-size:.74rem;line-height:1.5}
#mp-main .mp-registration-guardrail-v29 > span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-weight:900}
#mp-main .mp-registration-guardrail-v29 p{margin:0}
body.dark #mp-main[data-mp-course-registration="v29"].mp-course-registration-v29{--mp-registration-v29-line:#334155;--mp-registration-v29-soft:#111827;--mp-registration-v29-text:#f8fafc;--mp-registration-v29-muted:#94a3b8}
body.dark #mp-main .mp-course-registration-summary-v29{border-color:#334155;background:linear-gradient(145deg,#111827,#0f172a);box-shadow:0 16px 36px rgba(0,0,0,.2)}
body.dark #mp-main .mp-registration-backend-badge-v29{border-color:#1e3a8a;background:rgba(30,58,138,.22);color:#bfdbfe}
body.dark #mp-main .mp-registration-summary-metric-v29{border-color:#334155;background:#111827}
body.dark #mp-main .mp-registration-summary-metric-v29 strong{color:#f8fafc}
body.dark #mp-main .mp-registration-summary-metric-v29 span{color:#94a3b8}
body.dark #mp-main .mp-registration-summary-metric-v29.is-attention{border-color:rgba(251,191,36,.35);background:rgba(120,53,15,.22)}
body.dark #mp-main .mp-registration-summary-metric-v29.is-attention strong,body.dark #mp-main .mp-registration-summary-metric-v29.is-attention span{color:#fde68a}
body.dark #mp-main .mp-registration-student-name-v29{color:#f8fafc}
body.dark #mp-main .mp-registration-unit-load-v29{color:#bfdbfe}
body.dark #mp-main .mp-registration-state--success,body.dark #mp-main .mp-registration-lock--success{color:#a7f3d0}
body.dark #mp-main .mp-registration-state--warning,body.dark #mp-main .mp-registration-lock--warning,body.dark #mp-main .mp-registration-carryover--warning{color:#fde68a}
body.dark #mp-main .mp-registration-state--danger{color:#fecaca}
body.dark #mp-main .mp-registration-selection-count-v29{border-color:#1e3a8a;background:rgba(30,58,138,.2);color:#bfdbfe}
body.dark #mp-main .mp-registration-guardrail-v29{border-color:#075985;background:rgba(7,89,133,.2);color:#bae6fd}
body.dark #mp-main .mp-registration-guardrail-v29 > span{background:rgba(3,105,161,.26);color:#bae6fd}
@media(max-width:900px){#mp-main .mp-registration-summary-metrics-v29{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  #mp-main .mp-course-registration-summary-v29{margin:.75rem 0 1rem;padding:.78rem;border-radius:15px}
  #mp-main .mp-registration-summary-heading-v29{display:block}
  #mp-main .mp-registration-backend-badge-v29{margin-top:.55rem}
  #mp-main .mp-registration-summary-metrics-v29{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.2rem;overscroll-behavior-inline:contain}
  #mp-main .mp-registration-summary-metric-v29{min-width:min(68vw,220px);scroll-snap-align:start}
  #mp-main .mp-registration-positive-action-v29,#mp-main .mp-registration-caution-action-v29,#mp-main .mp-registration-inspect-action-v29{min-height:42px}
  #mp-main .mp-registration-guardrail-v29{padding:.66rem .7rem}
}
@media(max-width:380px){#mp-main .mp-registration-summary-metric-v29{min-width:78vw}}
@media(pointer:coarse){#mp-main .mp-registration-positive-action-v29,#mp-main .mp-registration-caution-action-v29,#mp-main .mp-registration-inspect-action-v29{min-height:44px}}
@media(prefers-reduced-motion:reduce){#mp-main .mp-course-registration-summary-v29 *,#mp-main .mp-registration-summary-metric-v29{scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){
  #mp-main .mp-course-registration-summary-v29,#mp-main .mp-registration-summary-metric-v29,#mp-main .mp-registration-selection-count-v29,#mp-main .mp-registration-guardrail-v29{border:1px solid CanvasText!important}
  #mp-main .mp-course-registration-table-v29 tbody tr{box-shadow:none!important}
}
@media print{
  #mp-main .mp-course-registration-summary-v29,#mp-main .mp-registration-guardrail-v29,#mp-main .mp-course-registration-panel-v29{box-shadow:none!important;break-inside:avoid}
  #mp-main .mp-registration-summary-metrics-v29{display:grid!important;grid-template-columns:repeat(4,1fr)!important;overflow:visible!important}
  #mp-main .mp-registration-summary-metric-v29{background:#fff!important;color:#000!important}
}

/* ================================================================
   Enterprise Course Registration Detail & Adviser/HOD Approval Review UX v30
   ================================================================ */
#mp-main[data-mp-course-registration-detail="v30"].mp-course-registration-detail-v30{
  --mp-course-detail-line:#dbe4ef;--mp-course-detail-soft:#f8fafc;--mp-course-detail-text:#0f172a;--mp-course-detail-muted:#64748b;
}
#mp-main .mp-course-detail-summary-v30{margin:1rem 0 1.1rem;padding:1rem;border:1px solid var(--mp-course-detail-line,#dbe4ef);border-radius:18px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 14px 34px rgba(15,23,42,.065)}
#mp-main .mp-course-detail-summary-heading-v30{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
#mp-main .mp-course-detail-eyebrow-v30{margin:0 0 .18rem;font-size:.68rem;font-weight:850;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:#2563eb}
#mp-main .mp-course-detail-summary-heading-v30 h2{margin:0;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.25;color:var(--mp-course-detail-text,#0f172a)}
#mp-main .mp-course-detail-summary-heading-v30 p{max-width:820px;margin:.3rem 0 0;font-size:.76rem;line-height:1.55;color:var(--mp-course-detail-muted,#64748b)}
#mp-main .mp-course-detail-backend-v30{display:inline-flex;align-items:center;flex:0 0 auto;min-height:30px;padding:.28rem .56rem;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.66rem;font-weight:820;white-space:nowrap}
#mp-main .mp-course-detail-metrics-v30{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-top:.85rem}
#mp-main .mp-course-detail-metric-v30{display:grid;gap:.12rem;min-width:0;padding:.72rem .75rem;border:1px solid #e2e8f0;border-radius:14px;background:#fff}
#mp-main .mp-course-detail-metric-v30 strong{min-width:0;font-size:1.04rem;line-height:1.2;font-weight:850;font-variant-numeric:tabular-nums;color:#0f172a;overflow-wrap:anywhere}
#mp-main .mp-course-detail-metric-v30 span{font-size:.69rem;line-height:1.35;color:#64748b}
#mp-main .mp-course-detail-metric-v30.is-attention{border-color:#fde68a;background:#fffbeb}
#mp-main .mp-course-detail-metric-v30.is-attention strong,#mp-main .mp-course-detail-metric-v30.is-attention span{color:#92400e}
#mp-main .mp-course-detail-breakdown-v30{margin-top:.7rem;padding:.55rem .65rem;border:1px dashed #cbd5e1;border-radius:11px;background:#f8fafc;color:#475569;font-size:.71rem;line-height:1.45}
#mp-main .mp-course-detail-table-v30 tbody tr.mp-course-detail-row-v30{position:relative}
#mp-main .mp-course-detail-table-v30 tbody tr.mp-course-detail-row--core{box-shadow:inset 3px 0 0 #3b82f6}
#mp-main .mp-course-detail-table-v30 tbody tr.mp-course-detail-row--elective{box-shadow:inset 3px 0 0 #8b5cf6}
#mp-main .mp-course-detail-table-v30 tbody tr.mp-course-detail-row--carryover{box-shadow:inset 3px 0 0 #f59e0b;background:linear-gradient(90deg,rgba(254,243,199,.42),transparent 35%)}
#mp-main .mp-course-detail-table-v30 tbody tr.mp-course-detail-row--general{box-shadow:inset 3px 0 0 #06b6d4}
#mp-main .mp-course-detail-code-v30{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-weight:780;letter-spacing:.01em}
#mp-main .mp-course-detail-title-v30{font-weight:720;color:#0f172a}
#mp-main .mp-course-detail-units-v30{font-variant-numeric:tabular-nums;font-weight:850;color:#1e40af}
#mp-main .mp-course-detail-type-v30{font-weight:760}
#mp-main .mp-course-detail-type-v30[data-mp-course-type-v30="carryover"]{color:#a16207}
#mp-main .mp-course-detail-type-v30[data-mp-course-type-v30="core"]{color:#1d4ed8}
#mp-main .mp-course-detail-type-v30[data-mp-course-type-v30="elective"]{color:#6d28d9}
#mp-main .mp-course-detail-state--success{color:#047857;font-weight:780}
#mp-main .mp-course-detail-state--warning{color:#a16207;font-weight:780}
#mp-main .mp-course-detail-state--danger{color:#be123c;font-weight:780}
#mp-main .mp-course-form-link-v30{font-weight:820!important;border-color:#bae6fd!important;background:#f0f9ff!important;color:#0369a1!important}
#mp-main a.mp-course-form-link-v30::after{content:"↗";margin-left:.28rem;font-weight:900}
#mp-main .mp-course-detail-panel-v30{position:relative;scroll-margin-top:6rem}
#mp-main .mp-course-detail-panel-v30::after{content:"";position:absolute;inset-block:10px;inset-inline-start:0;width:3px;border-radius:999px;background:#cbd5e1;pointer-events:none}
#mp-main .mp-course-detail-panel--approval::after{background:#2563eb}
#mp-main .mp-course-detail-panel--audit::after{background:#64748b}
#mp-main .mp-course-detail-panel--carryover::after{background:#f59e0b}
#mp-main .mp-course-detail-panel--registration::after{background:#06b6d4}
#mp-main .mp-course-detail-decision-v30{border-color:#dbeafe!important;background:linear-gradient(180deg,#fff,#fbfdff)!important}
#mp-main .mp-course-detail-decision-action-v30{min-height:38px;font-weight:820!important}
#mp-main .mp-course-detail-guardrail-v30{display:flex;align-items:flex-start;gap:.65rem;margin:.75rem 0 1rem;padding:.7rem .78rem;border:1px solid #bae6fd;border-radius:14px;background:#f0f9ff;color:#0c4a6e;font-size:.74rem;line-height:1.5}
#mp-main .mp-course-detail-guardrail-v30>span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-weight:900}
#mp-main .mp-course-detail-guardrail-v30 p{margin:0}
body.dark #mp-main[data-mp-course-registration-detail="v30"].mp-course-registration-detail-v30{--mp-course-detail-line:#334155;--mp-course-detail-soft:#111827;--mp-course-detail-text:#f8fafc;--mp-course-detail-muted:#94a3b8}
body.dark #mp-main .mp-course-detail-summary-v30{border-color:#334155;background:linear-gradient(145deg,#111827,#0f172a);box-shadow:0 16px 36px rgba(0,0,0,.2)}
body.dark #mp-main .mp-course-detail-backend-v30{border-color:#1e3a8a;background:rgba(30,58,138,.22);color:#bfdbfe}
body.dark #mp-main .mp-course-detail-metric-v30{border-color:#334155;background:#111827}
body.dark #mp-main .mp-course-detail-metric-v30 strong{color:#f8fafc}
body.dark #mp-main .mp-course-detail-metric-v30 span{color:#94a3b8}
body.dark #mp-main .mp-course-detail-metric-v30.is-attention{border-color:rgba(251,191,36,.35);background:rgba(120,53,15,.22)}
body.dark #mp-main .mp-course-detail-metric-v30.is-attention strong,body.dark #mp-main .mp-course-detail-metric-v30.is-attention span{color:#fde68a}
body.dark #mp-main .mp-course-detail-breakdown-v30{border-color:#475569;background:#0f172a;color:#cbd5e1}
body.dark #mp-main .mp-course-detail-title-v30{color:#f8fafc}
body.dark #mp-main .mp-course-detail-units-v30{color:#bfdbfe}
body.dark #mp-main .mp-course-detail-table-v30 tbody tr.mp-course-detail-row--carryover{background:linear-gradient(90deg,rgba(120,53,15,.18),transparent 35%)}
body.dark #mp-main .mp-course-detail-state--success{color:#a7f3d0}
body.dark #mp-main .mp-course-detail-state--warning{color:#fde68a}
body.dark #mp-main .mp-course-detail-state--danger{color:#fecaca}
body.dark #mp-main .mp-course-form-link-v30{border-color:#075985!important;background:rgba(7,89,133,.2)!important;color:#bae6fd!important}
body.dark #mp-main .mp-course-detail-decision-v30{border-color:#1e3a8a!important;background:linear-gradient(180deg,#111827,#0f172a)!important}
body.dark #mp-main .mp-course-detail-guardrail-v30{border-color:#075985;background:rgba(7,89,133,.2);color:#bae6fd}
body.dark #mp-main .mp-course-detail-guardrail-v30>span{background:rgba(3,105,161,.26);color:#bae6fd}
@media(max-width:900px){#mp-main .mp-course-detail-metrics-v30{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  #mp-main .mp-course-detail-summary-v30{margin:.75rem 0 1rem;padding:.78rem;border-radius:15px}
  #mp-main .mp-course-detail-summary-heading-v30{display:block}
  #mp-main .mp-course-detail-backend-v30{margin-top:.55rem}
  #mp-main .mp-course-detail-metrics-v30{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.2rem;overscroll-behavior-inline:contain}
  #mp-main .mp-course-detail-metric-v30{min-width:min(68vw,230px);scroll-snap-align:start}
  #mp-main .mp-course-form-link-v30,#mp-main .mp-course-detail-decision-action-v30{min-height:42px}
  #mp-main .mp-course-detail-guardrail-v30{padding:.66rem .7rem}
}
@media(max-width:380px){#mp-main .mp-course-detail-metric-v30{min-width:78vw}}
@media(pointer:coarse){#mp-main .mp-course-form-link-v30,#mp-main .mp-course-detail-decision-action-v30{min-height:44px}}
@media(prefers-reduced-motion:reduce){#mp-main .mp-course-detail-summary-v30 *,#mp-main .mp-course-detail-metric-v30{scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){
  #mp-main .mp-course-detail-summary-v30,#mp-main .mp-course-detail-metric-v30,#mp-main .mp-course-detail-breakdown-v30,#mp-main .mp-course-detail-guardrail-v30{border:1px solid CanvasText!important}
  #mp-main .mp-course-detail-table-v30 tbody tr{box-shadow:none!important}
}
@media print{
  #mp-main .mp-course-detail-summary-v30,#mp-main .mp-course-detail-guardrail-v30,#mp-main .mp-course-detail-panel-v30{box-shadow:none!important;break-inside:avoid}
  #mp-main .mp-course-detail-metrics-v30{display:grid!important;grid-template-columns:repeat(4,1fr)!important;overflow:visible!important}
  #mp-main .mp-course-detail-metric-v30{background:#fff!important;color:#000!important}
}

/* ================================================================
   Enterprise Course Registration Settings & Policy Visibility UX v31
   ================================================================ */
#mp-main[data-mp-course-registration-policy="v31"].mp-course-registration-policy-v31{
  --mp-policy-v31-line:#dbe4ef;
  --mp-policy-v31-text:#0f172a;
  --mp-policy-v31-muted:#64748b;
}
#mp-main .mp-course-policy-summary-v31{margin:1rem 0;padding:1rem;border:1px solid var(--mp-policy-v31-line);border-radius:18px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 14px 34px rgba(15,23,42,.06)}
#mp-main .mp-course-policy-heading-v31{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
#mp-main .mp-course-policy-eyebrow-v31{margin:0 0 .16rem;font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#2563eb}
#mp-main .mp-course-policy-heading-v31 h2{margin:0;font-size:1.08rem;line-height:1.25;font-weight:850;color:var(--mp-policy-v31-text)}
#mp-main .mp-course-policy-heading-v31 p{max-width:800px;margin:.28rem 0 0;font-size:.76rem;line-height:1.55;color:var(--mp-policy-v31-muted)}
#mp-main .mp-course-policy-backend-v31{display:inline-flex;align-items:center;min-height:30px;padding:.28rem .56rem;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.66rem;font-weight:820;white-space:nowrap}
#mp-main .mp-course-policy-grid-v31{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.62rem;margin-top:.85rem}
#mp-main .mp-course-policy-item-v31{display:grid;gap:.13rem;min-width:0;padding:.68rem .72rem;border:1px solid #e2e8f0;border-radius:13px;background:#fff}
#mp-main .mp-course-policy-item-v31 span{font-size:.65rem;font-weight:780;text-transform:uppercase;letter-spacing:.035em;color:#64748b}
#mp-main .mp-course-policy-item-v31 strong{font-size:.8rem;line-height:1.35;font-weight:850;color:#0f172a;overflow-wrap:anywhere}
#mp-main .mp-course-policy-item-v31 small{font-size:.61rem;color:#94a3b8}
#mp-main .mp-course-policy-review-v31{display:flex;align-items:flex-start;gap:.5rem;margin-top:.72rem;padding:.6rem .68rem;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;color:#475569;font-size:.7rem;line-height:1.45}
#mp-main .mp-course-policy-review-v31 strong{white-space:nowrap;color:#334155}
#mp-main .mp-course-policy-review-v31[data-tone="danger"]{border-color:#fecaca;background:#fff1f2;color:#9f1239}
#mp-main .mp-course-policy-review-v31[data-tone="danger"] strong{color:#be123c}
#mp-main .mp-course-policy-form-v31{position:relative;border-color:#bfdbfe!important;box-shadow:0 10px 26px rgba(37,99,235,.04)}
#mp-main .mp-course-policy-field-v31{position:relative}
#mp-main .mp-course-policy-control-v31{min-height:40px}
#mp-main .mp-course-policy-help-v31{display:block;margin-top:.28rem;color:#64748b;font-size:.65rem;line-height:1.4}
#mp-main .mp-course-policy-rendered-v31{position:relative}
#mp-main .mp-course-policy-guardrail-v31{display:flex;align-items:flex-start;gap:.62rem;margin:.7rem 0 1rem;padding:.7rem .76rem;border:1px solid #bae6fd;border-radius:13px;background:#f0f9ff;color:#0c4a6e;font-size:.71rem;line-height:1.5}
#mp-main .mp-course-policy-guardrail-v31>span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-weight:900}
#mp-main .mp-course-policy-guardrail-v31 p{margin:0}
body.dark #mp-main[data-mp-course-registration-policy="v31"].mp-course-registration-policy-v31{--mp-policy-v31-line:#334155;--mp-policy-v31-text:#f8fafc;--mp-policy-v31-muted:#94a3b8}
body.dark #mp-main .mp-course-policy-summary-v31{border-color:#334155;background:linear-gradient(145deg,#111827,#0f172a);box-shadow:0 16px 38px rgba(0,0,0,.2)}
body.dark #mp-main .mp-course-policy-backend-v31{border-color:#1e3a8a;background:rgba(30,58,138,.2);color:#bfdbfe}
body.dark #mp-main .mp-course-policy-item-v31{border-color:#334155;background:#111827}
body.dark #mp-main .mp-course-policy-item-v31 span,body.dark #mp-main .mp-course-policy-help-v31{color:#94a3b8}
body.dark #mp-main .mp-course-policy-item-v31 strong{color:#f8fafc}
body.dark #mp-main .mp-course-policy-review-v31{border-color:#334155;background:#111827;color:#cbd5e1}
body.dark #mp-main .mp-course-policy-review-v31 strong{color:#f8fafc}
body.dark #mp-main .mp-course-policy-review-v31[data-tone="danger"]{border-color:rgba(248,113,113,.35);background:rgba(127,29,29,.22);color:#fecaca}
body.dark #mp-main .mp-course-policy-review-v31[data-tone="danger"] strong{color:#fecaca}
body.dark #mp-main .mp-course-policy-form-v31{border-color:#1e3a8a!important;box-shadow:0 12px 28px rgba(0,0,0,.14)}
body.dark #mp-main .mp-course-policy-guardrail-v31{border-color:#075985;background:rgba(7,89,133,.2);color:#bae6fd}
body.dark #mp-main .mp-course-policy-guardrail-v31>span{background:rgba(3,105,161,.26);color:#bae6fd}
@media (max-width:1000px){#mp-main .mp-course-policy-grid-v31{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  #mp-main .mp-course-policy-summary-v31{margin:.75rem 0;padding:.78rem;border-radius:15px}
  #mp-main .mp-course-policy-heading-v31{display:block}
  #mp-main .mp-course-policy-backend-v31{margin-top:.5rem}
  #mp-main .mp-course-policy-grid-v31{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.2rem;overscroll-behavior-inline:contain}
  #mp-main .mp-course-policy-item-v31{min-width:min(72vw,230px);scroll-snap-align:start}
  #mp-main .mp-course-policy-review-v31{display:grid;gap:.18rem}
  #mp-main .mp-course-policy-control-v31{min-height:44px}
}
@media (pointer:coarse){#mp-main .mp-course-policy-control-v31,#mp-main .mp-course-policy-form-v31 button,#mp-main .mp-course-policy-form-v31 [type="submit"]{min-height:44px}}
@media (prefers-reduced-motion:reduce){#mp-main .mp-course-policy-summary-v31 *,#mp-main .mp-course-policy-item-v31{scroll-behavior:auto!important;transition:none!important}}
@media (forced-colors:active){#mp-main .mp-course-policy-summary-v31,#mp-main .mp-course-policy-item-v31,#mp-main .mp-course-policy-review-v31,#mp-main .mp-course-policy-guardrail-v31{border:1px solid CanvasText!important}}
@media print{#mp-main .mp-course-policy-summary-v31,#mp-main .mp-course-policy-guardrail-v31,#mp-main .mp-course-policy-form-v31{box-shadow:none!important;break-inside:avoid}#mp-main .mp-course-policy-grid-v31{grid-template-columns:repeat(4,1fr)!important;display:grid!important;overflow:visible!important}}

/* Enterprise Student Course Registration Self-Service & Submission UX v32 */
#mp-main[data-mp-course-registration-self-service="v32"].mp-course-registration-self-service-v32{--mp-cr32-line:#dbe4ef;--mp-cr32-text:#0f172a;--mp-cr32-muted:#64748b}
#mp-main .mp-course-self-service-summary-v32{margin:1rem 0;padding:1rem;border:1px solid var(--mp-cr32-line);border-radius:18px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 14px 34px rgba(15,23,42,.06)}
#mp-main .mp-course-self-service-heading-v32{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
#mp-main .mp-course-self-service-eyebrow-v32{margin:0 0 .18rem;font-size:.66rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#2563eb}
#mp-main .mp-course-self-service-heading-v32 h2{margin:0;font-size:1.08rem;line-height:1.3;color:var(--mp-cr32-text)}
#mp-main .mp-course-self-service-heading-v32 p{max-width:760px;margin:.3rem 0 0;font-size:.75rem;line-height:1.55;color:var(--mp-cr32-muted)}
#mp-main .mp-course-self-service-status-v32{display:inline-flex;align-items:center;min-height:30px;padding:.3rem .58rem;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;color:#475569;font-size:.68rem;font-weight:800;white-space:nowrap}
#mp-main .mp-course-self-service-status-v32[data-tone="success"]{border-color:#a7f3d0;background:#ecfdf5;color:#047857}
#mp-main .mp-course-self-service-status-v32[data-tone="warning"]{border-color:#fde68a;background:#fffbeb;color:#92400e}
#mp-main .mp-course-self-service-status-v32[data-tone="danger"]{border-color:#fecaca;background:#fff1f2;color:#be123c}
#mp-main .mp-course-self-service-policy-v32{display:flex;gap:.6rem;align-items:flex-start;margin-top:.75rem;padding:.58rem .68rem;border:1px solid #dbeafe;border-radius:12px;background:#eff6ff;color:#1e3a8a;font-size:.71rem;line-height:1.45}
#mp-main .mp-course-self-service-policy-v32 strong{white-space:nowrap}
#mp-main .mp-course-self-service-metrics-v32{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-top:.75rem}
#mp-main .mp-course-self-service-metrics-v32>div{display:grid;gap:.1rem;padding:.68rem .72rem;border:1px solid #e2e8f0;border-radius:13px;background:#fff}
#mp-main .mp-course-self-service-metrics-v32 strong{font-size:1.08rem;font-variant-numeric:tabular-nums;color:#0f172a}
#mp-main .mp-course-self-service-metrics-v32 span{font-size:.68rem;color:#64748b}
#mp-main .mp-course-self-service-table-v32 tbody tr{transition:background .14s ease,box-shadow .14s ease}
#mp-main .mp-course-self-service-row--carryover{box-shadow:inset 3px 0 0 #f59e0b}
#mp-main .mp-course-self-service-row--core{box-shadow:inset 3px 0 0 #2563eb}
#mp-main .mp-course-self-service-row--elective{box-shadow:inset 3px 0 0 #8b5cf6}
#mp-main .mp-course-self-service-row--general{box-shadow:inset 3px 0 0 #0891b2}
#mp-main .mp-course-type-badge-v32{display:inline-flex;align-items:center;padding:.2rem .42rem;border-radius:999px;font-size:.64rem;font-weight:820;line-height:1.2}
#mp-main .mp-course-type-badge--core{background:#eff6ff;color:#1d4ed8}
#mp-main .mp-course-type-badge--elective{background:#f5f3ff;color:#6d28d9}
#mp-main .mp-course-type-badge--carryover{background:#fffbeb;color:#a16207}
#mp-main .mp-course-type-badge--general{background:#ecfeff;color:#0e7490}
#mp-main .mp-course-type-badge--other{background:#f8fafc;color:#475569}
#mp-main .mp-course-select-v32{width:1.05rem;height:1.05rem;accent-color:#2563eb}
#mp-main .mp-course-self-service-form-v32{position:relative}
#mp-main .mp-course-submit-action-v32{min-height:40px;font-weight:850!important}
#mp-main .mp-course-form-link-v32{font-weight:800!important}
#mp-main .mp-course-form-link-v32::after{content:" ↗";font-weight:900}
#mp-main .mp-course-self-service-guardrail-v32{display:flex;gap:.65rem;align-items:flex-start;margin:.75rem 0 1rem;padding:.7rem .78rem;border:1px solid #bae6fd;border-radius:14px;background:#f0f9ff;color:#0c4a6e;font-size:.72rem;line-height:1.5}
#mp-main .mp-course-self-service-guardrail-v32>span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-weight:900}
#mp-main .mp-course-self-service-guardrail-v32 p{margin:0}
body.dark #mp-main[data-mp-course-registration-self-service="v32"].mp-course-registration-self-service-v32{--mp-cr32-line:#334155;--mp-cr32-text:#f8fafc;--mp-cr32-muted:#94a3b8}
body.dark #mp-main .mp-course-self-service-summary-v32{border-color:#334155;background:linear-gradient(145deg,#111827,#0f172a);box-shadow:0 16px 36px rgba(0,0,0,.2)}
body.dark #mp-main .mp-course-self-service-metrics-v32>div{border-color:#334155;background:#111827}
body.dark #mp-main .mp-course-self-service-metrics-v32 strong{color:#f8fafc}
body.dark #mp-main .mp-course-self-service-metrics-v32 span{color:#94a3b8}
body.dark #mp-main .mp-course-self-service-policy-v32{border-color:#1e3a8a;background:rgba(30,58,138,.2);color:#bfdbfe}
body.dark #mp-main .mp-course-type-badge--core{background:rgba(30,64,175,.25);color:#bfdbfe}
body.dark #mp-main .mp-course-type-badge--elective{background:rgba(91,33,182,.24);color:#ddd6fe}
body.dark #mp-main .mp-course-type-badge--carryover{background:rgba(120,53,15,.25);color:#fde68a}
body.dark #mp-main .mp-course-type-badge--general{background:rgba(14,116,144,.22);color:#a5f3fc}
body.dark #mp-main .mp-course-self-service-guardrail-v32{border-color:#075985;background:rgba(7,89,133,.2);color:#bae6fd}
@media(max-width:900px){#mp-main .mp-course-self-service-metrics-v32{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#mp-main .mp-course-self-service-summary-v32{padding:.78rem;border-radius:15px}#mp-main .mp-course-self-service-heading-v32{display:block}#mp-main .mp-course-self-service-status-v32{margin-top:.55rem;white-space:normal}#mp-main .mp-course-self-service-policy-v32{display:block}#mp-main .mp-course-self-service-metrics-v32{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.15rem}#mp-main .mp-course-self-service-metrics-v32>div{min-width:min(68vw,210px);scroll-snap-align:start}#mp-main .mp-course-submit-action-v32{width:100%;min-height:44px}}
@media(pointer:coarse){#mp-main .mp-course-select-v32{width:1.2rem;height:1.2rem}#mp-main .mp-course-form-link-v32{min-height:44px}}
@media(prefers-reduced-motion:reduce){#mp-main .mp-course-self-service-table-v32 tbody tr{transition:none!important}}
@media(forced-colors:active){#mp-main .mp-course-self-service-summary-v32,#mp-main .mp-course-self-service-metrics-v32>div,#mp-main .mp-course-self-service-policy-v32,#mp-main .mp-course-type-badge-v32,#mp-main .mp-course-self-service-guardrail-v32{border:1px solid CanvasText!important}#mp-main .mp-course-self-service-table-v32 tbody tr{box-shadow:none!important}}
@media print{#mp-main .mp-course-self-service-summary-v32,#mp-main .mp-course-self-service-guardrail-v32{box-shadow:none!important;break-inside:avoid}#mp-main .mp-course-self-service-metrics-v32{display:grid!important;grid-template-columns:repeat(4,1fr)!important;overflow:visible!important}#mp-main .mp-course-submit-action-v32{display:none!important}}

/* Enterprise Student Payments & Registration Gate Visibility UX v33 */
#mp-main[data-mp-student-payment-gate="v33"].mp-student-payment-gate-v33{--mp-pay33-line:#dbe4ef;--mp-pay33-text:#0f172a;--mp-pay33-muted:#64748b}
#mp-main .mp-payment-registration-summary-v33{margin:1rem 0;padding:1rem;border:1px solid var(--mp-pay33-line);border-radius:18px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 14px 34px rgba(15,23,42,.06)}
#mp-main .mp-payment-registration-heading-v33{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
#mp-main .mp-payment-registration-eyebrow-v33{margin:0 0 .18rem;font-size:.66rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#2563eb}
#mp-main .mp-payment-registration-heading-v33 h2{margin:0;font-size:1.08rem;line-height:1.3;color:var(--mp-pay33-text)}
#mp-main .mp-payment-registration-heading-v33 p{max-width:760px;margin:.3rem 0 0;font-size:.75rem;line-height:1.55;color:var(--mp-pay33-muted)}
#mp-main .mp-payment-registration-gate-v33{display:inline-flex;align-items:center;min-height:30px;padding:.3rem .56rem;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;color:#475569;font-size:.67rem;font-weight:820;white-space:nowrap}
#mp-main .mp-payment-registration-gate-v33[data-tone="success"]{border-color:#a7f3d0;background:#ecfdf5;color:#047857}
#mp-main .mp-payment-registration-gate-v33[data-tone="warning"]{border-color:#fde68a;background:#fffbeb;color:#92400e}
#mp-main .mp-payment-registration-gate-v33[data-tone="danger"]{border-color:#fecaca;background:#fff1f2;color:#be123c}
#mp-main .mp-payment-registration-metrics-v33{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-top:.78rem}
#mp-main .mp-payment-registration-metrics-v33>div{display:grid;gap:.12rem;padding:.68rem .72rem;border:1px solid #e2e8f0;border-radius:13px;background:#fff}
#mp-main .mp-payment-registration-metrics-v33 strong{font-size:1.08rem;font-variant-numeric:tabular-nums;color:#0f172a}
#mp-main .mp-payment-registration-metrics-v33 span{font-size:.68rem;line-height:1.35;color:#64748b}
#mp-main .mp-payment-registration-metrics-v33 .is-warning{border-color:#fde68a;background:#fffbeb}
#mp-main .mp-payment-registration-metrics-v33 .is-warning strong,#mp-main .mp-payment-registration-metrics-v33 .is-warning span{color:#92400e}
#mp-main .mp-payment-registration-metrics-v33 .is-danger{border-color:#fecaca;background:#fff1f2}
#mp-main .mp-payment-registration-metrics-v33 .is-danger strong,#mp-main .mp-payment-registration-metrics-v33 .is-danger span{color:#be123c}
#mp-main .mp-student-payment-table-v33 tbody tr{transition:background .14s ease,box-shadow .14s ease}
#mp-main .mp-student-payment-row--success{box-shadow:inset 3px 0 0 #10b981}
#mp-main .mp-student-payment-row--warning{box-shadow:inset 3px 0 0 #f59e0b}
#mp-main .mp-student-payment-row--danger{box-shadow:inset 3px 0 0 #ef4444}
#mp-main .mp-student-payment-reference-v33{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#mp-main .mp-student-payment-state-v33{font-weight:800}
#mp-main .mp-student-payment-state--success{color:#047857}
#mp-main .mp-student-payment-state--warning{color:#a16207}
#mp-main .mp-student-payment-state--danger{color:#be123c}
#mp-main .mp-registration-gate-signal-v33{border-inline-start:3px solid currentColor!important;padding-inline-start:.55rem!important}
#mp-main .mp-registration-gate-signal--success{color:#047857}
#mp-main .mp-registration-gate-signal--warning{color:#92400e}
#mp-main .mp-registration-gate-signal--danger{color:#be123c}
#mp-main .mp-payment-receipt-link-v33{font-weight:800!important}
#mp-main .mp-payment-receipt-link-v33::after{content:" ↗";font-weight:900}
#mp-main .mp-payment-primary-action-v33{font-weight:850!important}
#mp-main .mp-payment-registration-link-v33,#mp-main .mp-payment-module-link-v33{font-weight:800!important}
#mp-main .mp-payment-registration-context-v33{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;margin:.75rem 0;padding:.72rem .78rem;border:1px solid #dbeafe;border-radius:14px;background:#eff6ff;color:#1e3a8a}
#mp-main .mp-payment-registration-context-v33[data-tone="warning"]{border-color:#fde68a;background:#fffbeb;color:#92400e}
#mp-main .mp-payment-registration-context-v33[data-tone="danger"]{border-color:#fecaca;background:#fff1f2;color:#be123c}
#mp-main .mp-payment-registration-context-v33[data-tone="success"]{border-color:#a7f3d0;background:#ecfdf5;color:#047857}
#mp-main .mp-payment-registration-context-v33 strong{display:block;font-size:.76rem;font-weight:850}
#mp-main .mp-payment-registration-context-v33 p{margin:.18rem 0 0;font-size:.7rem;line-height:1.45;color:inherit;opacity:.9}
#mp-main .mp-payment-context-action-v33{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:.38rem .62rem;border:1px solid currentColor;border-radius:10px;color:inherit;font-size:.7rem;font-weight:850;text-decoration:none;white-space:nowrap}
#mp-main .mp-payment-registration-guardrail-v33{display:flex;gap:.65rem;align-items:flex-start;margin:.75rem 0 1rem;padding:.7rem .78rem;border:1px solid #bae6fd;border-radius:14px;background:#f0f9ff;color:#0c4a6e;font-size:.72rem;line-height:1.5}
#mp-main .mp-payment-registration-guardrail-v33>span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-weight:900}
#mp-main .mp-payment-registration-guardrail-v33 p{margin:0}
body.dark #mp-main[data-mp-student-payment-gate="v33"].mp-student-payment-gate-v33{--mp-pay33-line:#334155;--mp-pay33-text:#f8fafc;--mp-pay33-muted:#94a3b8}
body.dark #mp-main .mp-payment-registration-summary-v33{border-color:#334155;background:linear-gradient(145deg,#111827,#0f172a);box-shadow:0 16px 36px rgba(0,0,0,.2)}
body.dark #mp-main .mp-payment-registration-metrics-v33>div{border-color:#334155;background:#111827}
body.dark #mp-main .mp-payment-registration-metrics-v33 strong{color:#f8fafc}
body.dark #mp-main .mp-payment-registration-metrics-v33 span{color:#94a3b8}
body.dark #mp-main .mp-payment-registration-metrics-v33 .is-warning{border-color:rgba(251,191,36,.35);background:rgba(120,53,15,.22)}
body.dark #mp-main .mp-payment-registration-metrics-v33 .is-warning strong,body.dark #mp-main .mp-payment-registration-metrics-v33 .is-warning span{color:#fde68a}
body.dark #mp-main .mp-payment-registration-metrics-v33 .is-danger{border-color:rgba(248,113,113,.35);background:rgba(127,29,29,.22)}
body.dark #mp-main .mp-payment-registration-metrics-v33 .is-danger strong,body.dark #mp-main .mp-payment-registration-metrics-v33 .is-danger span{color:#fecaca}
body.dark #mp-main .mp-student-payment-state--success,body.dark #mp-main .mp-registration-gate-signal--success{color:#a7f3d0}
body.dark #mp-main .mp-student-payment-state--warning,body.dark #mp-main .mp-registration-gate-signal--warning{color:#fde68a}
body.dark #mp-main .mp-student-payment-state--danger,body.dark #mp-main .mp-registration-gate-signal--danger{color:#fecaca}
body.dark #mp-main .mp-payment-registration-context-v33{border-color:#1e3a8a;background:rgba(30,58,138,.22);color:#bfdbfe}
body.dark #mp-main .mp-payment-registration-context-v33[data-tone="warning"]{border-color:rgba(251,191,36,.35);background:rgba(120,53,15,.22);color:#fde68a}
body.dark #mp-main .mp-payment-registration-context-v33[data-tone="danger"]{border-color:rgba(248,113,113,.35);background:rgba(127,29,29,.22);color:#fecaca}
body.dark #mp-main .mp-payment-registration-context-v33[data-tone="success"]{border-color:rgba(52,211,153,.35);background:rgba(6,78,59,.24);color:#a7f3d0}
body.dark #mp-main .mp-payment-registration-guardrail-v33{border-color:#075985;background:rgba(7,89,133,.2);color:#bae6fd}
@media(max-width:900px){#mp-main .mp-payment-registration-metrics-v33{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#mp-main .mp-payment-registration-summary-v33{padding:.78rem;border-radius:15px}#mp-main .mp-payment-registration-heading-v33{display:block}#mp-main .mp-payment-registration-gate-v33{margin-top:.55rem;white-space:normal}#mp-main .mp-payment-registration-metrics-v33{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.15rem}#mp-main .mp-payment-registration-metrics-v33>div{min-width:min(68vw,210px);scroll-snap-align:start}#mp-main .mp-payment-registration-context-v33{display:block}#mp-main .mp-payment-context-action-v33{width:100%;min-height:44px;margin-top:.55rem}}
@media(pointer:coarse){#mp-main .mp-payment-receipt-link-v33,#mp-main .mp-payment-primary-action-v33,#mp-main .mp-payment-registration-link-v33,#mp-main .mp-payment-module-link-v33{min-height:44px}}
@media(prefers-reduced-motion:reduce){#mp-main .mp-student-payment-table-v33 tbody tr{transition:none!important}}
@media(forced-colors:active){#mp-main .mp-payment-registration-summary-v33,#mp-main .mp-payment-registration-metrics-v33>div,#mp-main .mp-payment-registration-gate-v33,#mp-main .mp-payment-registration-context-v33,#mp-main .mp-payment-registration-guardrail-v33{border:1px solid CanvasText!important}#mp-main .mp-student-payment-table-v33 tbody tr{box-shadow:none!important}}
@media print{#mp-main .mp-payment-registration-summary-v33,#mp-main .mp-payment-registration-guardrail-v33{box-shadow:none!important;break-inside:avoid}#mp-main .mp-payment-registration-metrics-v33{display:grid!important;grid-template-columns:repeat(4,1fr)!important;overflow:visible!important}#mp-main .mp-payment-primary-action-v33,#mp-main .mp-payment-registration-link-v33,#mp-main .mp-payment-module-link-v33{display:none!important}}

/* Enterprise Student Payment Detail, Invoice & Receipt Inspection UX v34 */
#mp-main[data-mp-student-payment-detail="v34"].mp-student-payment-detail-v34{--mp-pay34-line:#dbe4ef;--mp-pay34-text:#0f172a;--mp-pay34-muted:#64748b}
#mp-main .mp-payment-detail-overview-v34{margin:1rem 0;padding:1rem;border:1px solid var(--mp-pay34-line);border-radius:18px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 14px 34px rgba(15,23,42,.06)}
#mp-main .mp-payment-detail-heading-v34{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
#mp-main .mp-payment-detail-eyebrow-v34{margin:0 0 .18rem;font-size:.66rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#2563eb}
#mp-main .mp-payment-detail-heading-v34 h2{margin:0;font-size:1.08rem;line-height:1.3;color:var(--mp-pay34-text)}
#mp-main .mp-payment-detail-heading-v34 p{max-width:760px;margin:.3rem 0 0;font-size:.75rem;line-height:1.55;color:var(--mp-pay34-muted)}
#mp-main .mp-payment-detail-state-v34{display:inline-flex;align-items:center;min-height:30px;padding:.3rem .56rem;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;color:#475569;font-size:.67rem;font-weight:820;white-space:nowrap}
#mp-main .mp-payment-detail-state-v34[data-tone="success"]{border-color:#a7f3d0;background:#ecfdf5;color:#047857}
#mp-main .mp-payment-detail-state-v34[data-tone="warning"]{border-color:#fde68a;background:#fffbeb;color:#92400e}
#mp-main .mp-payment-detail-state-v34[data-tone="danger"]{border-color:#fecaca;background:#fff1f2;color:#be123c}
#mp-main .mp-payment-detail-facts-v34{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:.8rem}
#mp-main .mp-payment-detail-facts-v34>div{display:grid;gap:.13rem;min-width:0;padding:.68rem .72rem;border:1px solid #e2e8f0;border-radius:13px;background:#fff}
#mp-main .mp-payment-detail-facts-v34 span{font-size:.64rem;font-weight:800;letter-spacing:.035em;text-transform:uppercase;color:#64748b}
#mp-main .mp-payment-detail-facts-v34 strong{font-size:.78rem;line-height:1.4;color:#0f172a;overflow-wrap:anywhere}
#mp-main .mp-payment-detail-facts-v34 [data-category="invoice"] strong,#mp-main .mp-payment-detail-facts-v34 [data-category="rrr"] strong,#mp-main .mp-payment-detail-facts-v34 [data-category="reference"] strong{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-variant-numeric:tabular-nums}
#mp-main .mp-payment-detail-reference-v34{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#mp-main .mp-payment-detail-status-v34{font-weight:800}
#mp-main .mp-payment-detail-status--success{color:#047857}
#mp-main .mp-payment-detail-status--warning{color:#a16207}
#mp-main .mp-payment-detail-status--danger{color:#be123c}
#mp-main .mp-payment-detail-warning-v34{margin:.7rem 0;padding:.68rem .74rem;border:1px solid #fde68a;border-radius:13px;background:#fffbeb;color:#92400e;font-size:.72rem;line-height:1.5}
#mp-main .mp-payment-detail-warning-v34[data-tone="danger"]{border-color:#fecaca;background:#fff1f2;color:#9f1239}
#mp-main .mp-payment-detail-receipt-v34{font-weight:850!important}
#mp-main .mp-payment-detail-receipt-v34::after{content:" ↗";font-weight:900}
#mp-main .mp-payment-detail-retry-v34{font-weight:850!important}
#mp-main .mp-payment-detail-support-v34{font-weight:780!important}
#mp-main .mp-payment-detail-retry-context-v34{margin:.7rem 0;padding:.68rem .74rem;border:1px solid #fde68a;border-radius:13px;background:#fffbeb;color:#92400e;font-size:.72rem;line-height:1.45}
#mp-main .mp-payment-detail-retry-context-v34[data-tone="danger"]{border-color:#fecaca;background:#fff1f2;color:#9f1239}
#mp-main .mp-payment-detail-retry-context-v34 strong{display:block;font-weight:850}
#mp-main .mp-payment-detail-retry-context-v34 p{margin:.15rem 0 0}
#mp-main .mp-payment-detail-audit-v34{border-inline-start:3px solid #3b82f6!important;background-image:linear-gradient(90deg,rgba(59,130,246,.04),transparent 20%)}
#mp-main .mp-payment-detail-guardrail-v34{display:flex;gap:.65rem;align-items:flex-start;margin:.75rem 0 1rem;padding:.7rem .78rem;border:1px solid #bae6fd;border-radius:14px;background:#f0f9ff;color:#0c4a6e;font-size:.72rem;line-height:1.5}
#mp-main .mp-payment-detail-guardrail-v34>span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-weight:900}
#mp-main .mp-payment-detail-guardrail-v34 p{margin:0}
body.dark #mp-main[data-mp-student-payment-detail="v34"].mp-student-payment-detail-v34{--mp-pay34-line:#334155;--mp-pay34-text:#f8fafc;--mp-pay34-muted:#94a3b8}
body.dark #mp-main .mp-payment-detail-overview-v34{border-color:#334155;background:linear-gradient(145deg,#111827,#0f172a);box-shadow:0 16px 36px rgba(0,0,0,.2)}
body.dark #mp-main .mp-payment-detail-facts-v34>div{border-color:#334155;background:#111827}
body.dark #mp-main .mp-payment-detail-facts-v34 span{color:#94a3b8}
body.dark #mp-main .mp-payment-detail-facts-v34 strong{color:#f8fafc}
body.dark #mp-main .mp-payment-detail-status--success{color:#a7f3d0}
body.dark #mp-main .mp-payment-detail-status--warning{color:#fde68a}
body.dark #mp-main .mp-payment-detail-status--danger{color:#fecaca}
body.dark #mp-main .mp-payment-detail-warning-v34,body.dark #mp-main .mp-payment-detail-retry-context-v34{border-color:rgba(251,191,36,.35);background:rgba(120,53,15,.22);color:#fde68a}
body.dark #mp-main .mp-payment-detail-warning-v34[data-tone="danger"],body.dark #mp-main .mp-payment-detail-retry-context-v34[data-tone="danger"]{border-color:rgba(248,113,113,.35);background:rgba(127,29,29,.22);color:#fecaca}
body.dark #mp-main .mp-payment-detail-audit-v34{border-left-color:#60a5fa!important;background-image:linear-gradient(90deg,rgba(96,165,250,.08),transparent 20%)}
body.dark #mp-main .mp-payment-detail-guardrail-v34{border-color:#075985;background:rgba(7,89,133,.2);color:#bae6fd}
@media(max-width:900px){#mp-main .mp-payment-detail-facts-v34{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#mp-main .mp-payment-detail-overview-v34{padding:.78rem;border-radius:15px}#mp-main .mp-payment-detail-heading-v34{display:block}#mp-main .mp-payment-detail-state-v34{margin-top:.55rem;white-space:normal}#mp-main .mp-payment-detail-facts-v34{grid-template-columns:1fr}#mp-main .mp-payment-detail-receipt-v34,#mp-main .mp-payment-detail-retry-v34,#mp-main .mp-payment-detail-support-v34{min-height:44px}}
@media(pointer:coarse){#mp-main .mp-payment-detail-receipt-v34,#mp-main .mp-payment-detail-retry-v34,#mp-main .mp-payment-detail-support-v34{min-height:44px}}
@media(prefers-reduced-motion:reduce){#mp-main .mp-payment-detail-overview-v34,#mp-main .mp-payment-detail-audit-v34{scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){#mp-main .mp-payment-detail-overview-v34,#mp-main .mp-payment-detail-facts-v34>div,#mp-main .mp-payment-detail-state-v34,#mp-main .mp-payment-detail-warning-v34,#mp-main .mp-payment-detail-retry-context-v34,#mp-main .mp-payment-detail-guardrail-v34{border:1px solid CanvasText!important}}
@media print{#mp-main .mp-payment-detail-overview-v34,#mp-main .mp-payment-detail-warning-v34,#mp-main .mp-payment-detail-guardrail-v34,#mp-main .mp-payment-detail-audit-v34{box-shadow:none!important;break-inside:avoid}#mp-main .mp-payment-detail-facts-v34{grid-template-columns:repeat(3,1fr)!important}#mp-main .mp-payment-detail-retry-v34,#mp-main .mp-payment-detail-support-v34{display:none!important}}

/* ================================================================
   Enterprise Student Payment History & Receipt Center UX v35
   ================================================================ */
#mp-main[data-mp-student-payment-history="v35"].mp-payment-history-v35{
  --mp-payhist-line:#dbe4ef;--mp-payhist-soft:#f8fafc;--mp-payhist-text:#0f172a;--mp-payhist-muted:#64748b;
}
#mp-main .mp-payment-history-summary-v35{margin:1rem 0;padding:1rem;border:1px solid var(--mp-payhist-line);border-radius:18px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 14px 34px rgba(15,23,42,.055)}
#mp-main .mp-payment-history-heading-v35{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
#mp-main .mp-payment-history-eyebrow-v35{margin:0 0 .2rem;font-size:.66rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#2563eb}
#mp-main .mp-payment-history-heading-v35 h2{margin:0;font-size:1.04rem;line-height:1.3;font-weight:850;color:var(--mp-payhist-text)}
#mp-main .mp-payment-history-heading-v35 p{max-width:70rem;margin:.32rem 0 0;font-size:.74rem;line-height:1.55;color:var(--mp-payhist-muted)}
#mp-main .mp-payment-history-backend-v35{display:inline-flex;align-items:center;min-height:29px;padding:.27rem .54rem;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.66rem;font-weight:850;white-space:nowrap}
#mp-main .mp-payment-history-metrics-v35{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.62rem;margin-top:.82rem}
#mp-main .mp-payment-history-metrics-v35>div{display:grid;gap:.12rem;padding:.68rem .72rem;border:1px solid #e2e8f0;border-radius:13px;background:#fff;min-width:0}
#mp-main .mp-payment-history-metrics-v35 strong{font-size:1.08rem;line-height:1;font-variant-numeric:tabular-nums;color:#0f172a}
#mp-main .mp-payment-history-metrics-v35 span{font-size:.67rem;line-height:1.35;color:#64748b}
#mp-main .mp-payment-history-metrics-v35>div[data-tone="success"]{border-color:#bbf7d0;background:#f0fdf4}
#mp-main .mp-payment-history-metrics-v35>div[data-tone="warning"]{border-color:#fde68a;background:#fffbeb}
#mp-main .mp-payment-history-metrics-v35>div[data-tone="danger"]{border-color:#fecaca;background:#fff1f2}
#mp-main .mp-payment-history-metrics-v35>div[data-tone="success"] strong,#mp-main .mp-payment-history-metrics-v35>div[data-tone="success"] span{color:#047857}
#mp-main .mp-payment-history-metrics-v35>div[data-tone="warning"] strong,#mp-main .mp-payment-history-metrics-v35>div[data-tone="warning"] span{color:#92400e}
#mp-main .mp-payment-history-metrics-v35>div[data-tone="danger"] strong,#mp-main .mp-payment-history-metrics-v35>div[data-tone="danger"] span{color:#be123c}
#mp-main .mp-payment-history-sessions-v35{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.7rem;padding:.58rem .65rem;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;color:#64748b;font-size:.68rem}
#mp-main .mp-payment-history-sessions-v35>span:first-child{font-weight:800;color:#475569;margin-right:.15rem}
#mp-main .mp-payment-history-session-chip-v35{display:inline-flex;gap:.3rem;align-items:center;padding:.24rem .45rem;border:1px solid #dbeafe;border-radius:999px;background:#eff6ff;color:#1e40af}
#mp-main .mp-payment-history-note-v35{margin-top:.68rem;padding:.56rem .66rem;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;color:#475569;font-size:.69rem;line-height:1.5}
#mp-main .mp-payment-history-attention-v35{margin:.72rem 0;padding:.68rem .75rem;border:1px solid #fde68a;border-radius:13px;background:#fffbeb;color:#92400e;font-size:.72rem;line-height:1.5}
#mp-main .mp-payment-history-guardrail-v35{display:flex;gap:.62rem;align-items:flex-start;margin:.72rem 0;padding:.68rem .75rem;border:1px solid #bae6fd;border-radius:13px;background:#f0f9ff;color:#0c4a6e;font-size:.7rem;line-height:1.5}
#mp-main .mp-payment-history-guardrail-v35>span{display:grid;place-items:center;width:1.45rem;height:1.45rem;flex:0 0 auto;border-radius:999px;background:#e0f2fe;color:#0369a1;font-weight:900}
#mp-main .mp-payment-history-guardrail-v35 p{margin:0}
#mp-main .mp-payment-history-filter-v35{border-color:#dbeafe!important;background:linear-gradient(180deg,#fff,#fbfdff)!important}
#mp-main .mp-payment-history-reference-search-v35{font-variant-numeric:tabular-nums}
#mp-main .mp-payment-history-table-v35{font-variant-numeric:tabular-nums}
#mp-main .mp-payment-history-row-v35[data-mp-payment-history-tone="success"]{box-shadow:inset 3px 0 0 #10b981}
#mp-main .mp-payment-history-row-v35[data-mp-payment-history-tone="warning"]{box-shadow:inset 3px 0 0 #f59e0b}
#mp-main .mp-payment-history-row-v35[data-mp-payment-history-tone="danger"]{box-shadow:inset 3px 0 0 #ef4444}
#mp-main .mp-payment-history-reference-v35{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;overflow-wrap:anywhere}
#mp-main .mp-payment-history-status-v35{font-weight:760}
#mp-main .mp-payment-history-status--success{color:#047857}
#mp-main .mp-payment-history-status--warning{color:#a16207}
#mp-main .mp-payment-history-status--danger{color:#be123c}
#mp-main .mp-payment-history-receipt-v35,#mp-main .mp-payment-history-detail-v35{display:inline-flex;align-items:center;justify-content:center;gap:.32rem;min-height:36px;border-radius:9px;font-weight:760;text-decoration:none}
#mp-main .mp-payment-history-receipt-v35{border-color:#bfdbfe!important;color:#1d4ed8!important}
#mp-main .mp-payment-history-detail-v35{border-color:#cbd5e1!important;color:#334155!important}
#mp-main .mp-payment-history-movement-v35{margin:.55rem 0;padding:.55rem .65rem;border-left:3px solid #3b82f6;border-radius:0 9px 9px 0;background:#eff6ff;color:#1e3a8a;font-size:.69rem;line-height:1.45}
#mp-main .mp-payment-history-panel-v35{border-left:3px solid #3b82f6!important;background-image:linear-gradient(90deg,rgba(59,130,246,.035),transparent 18%)}
body.dark #mp-main[data-mp-student-payment-history="v35"].mp-payment-history-v35{--mp-payhist-line:#334155;--mp-payhist-soft:#111827;--mp-payhist-text:#f8fafc;--mp-payhist-muted:#94a3b8}
body.dark #mp-main .mp-payment-history-summary-v35{border-color:#334155;background:linear-gradient(145deg,#111827,#0f172a);box-shadow:0 16px 38px rgba(0,0,0,.2)}
body.dark #mp-main .mp-payment-history-backend-v35{border-color:#1e3a8a;background:rgba(30,58,138,.22);color:#bfdbfe}
body.dark #mp-main .mp-payment-history-metrics-v35>div{border-color:#334155;background:#111827}
body.dark #mp-main .mp-payment-history-metrics-v35 strong{color:#f8fafc} body.dark #mp-main .mp-payment-history-metrics-v35 span{color:#94a3b8}
body.dark #mp-main .mp-payment-history-metrics-v35>div[data-tone="success"]{border-color:rgba(52,211,153,.35);background:rgba(6,78,59,.24)}
body.dark #mp-main .mp-payment-history-metrics-v35>div[data-tone="warning"]{border-color:rgba(251,191,36,.35);background:rgba(120,53,15,.22)}
body.dark #mp-main .mp-payment-history-metrics-v35>div[data-tone="danger"]{border-color:rgba(248,113,113,.35);background:rgba(127,29,29,.22)}
body.dark #mp-main .mp-payment-history-metrics-v35>div[data-tone="success"] strong,body.dark #mp-main .mp-payment-history-metrics-v35>div[data-tone="success"] span{color:#a7f3d0}
body.dark #mp-main .mp-payment-history-metrics-v35>div[data-tone="warning"] strong,body.dark #mp-main .mp-payment-history-metrics-v35>div[data-tone="warning"] span{color:#fde68a}
body.dark #mp-main .mp-payment-history-metrics-v35>div[data-tone="danger"] strong,body.dark #mp-main .mp-payment-history-metrics-v35>div[data-tone="danger"] span{color:#fecaca}
body.dark #mp-main .mp-payment-history-sessions-v35,body.dark #mp-main .mp-payment-history-note-v35{border-color:#475569;background:#0f172a;color:#cbd5e1}
body.dark #mp-main .mp-payment-history-session-chip-v35{border-color:#1e3a8a;background:rgba(30,58,138,.2);color:#bfdbfe}
body.dark #mp-main .mp-payment-history-attention-v35{border-color:rgba(251,191,36,.35);background:rgba(120,53,15,.22);color:#fde68a}
body.dark #mp-main .mp-payment-history-guardrail-v35{border-color:#075985;background:rgba(7,89,133,.2);color:#bae6fd}
body.dark #mp-main .mp-payment-history-guardrail-v35>span{background:rgba(3,105,161,.25);color:#bae6fd}
body.dark #mp-main .mp-payment-history-status--success{color:#a7f3d0} body.dark #mp-main .mp-payment-history-status--warning{color:#fde68a} body.dark #mp-main .mp-payment-history-status--danger{color:#fecaca}
body.dark #mp-main .mp-payment-history-receipt-v35{border-color:#1e3a8a!important;color:#bfdbfe!important} body.dark #mp-main .mp-payment-history-detail-v35{border-color:#475569!important;color:#e2e8f0!important}
body.dark #mp-main .mp-payment-history-movement-v35{border-left-color:#60a5fa;background:rgba(30,58,138,.18);color:#bfdbfe}
@media(max-width:1024px){#mp-main .mp-payment-history-metrics-v35{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){#mp-main .mp-payment-history-summary-v35{padding:.78rem;border-radius:15px}#mp-main .mp-payment-history-heading-v35{display:block}#mp-main .mp-payment-history-backend-v35{margin-top:.55rem}#mp-main .mp-payment-history-metrics-v35{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.2rem}#mp-main .mp-payment-history-metrics-v35>div{min-width:min(68vw,210px);scroll-snap-align:start}#mp-main .mp-payment-history-sessions-v35{flex-wrap:nowrap;overflow-x:auto}#mp-main .mp-payment-history-session-chip-v35{white-space:nowrap}}
@media(pointer:coarse){#mp-main .mp-payment-history-receipt-v35,#mp-main .mp-payment-history-detail-v35{min-height:44px}}
@media(prefers-reduced-motion:reduce){#mp-main .mp-payment-history-summary-v35 *,#mp-main .mp-payment-history-metrics-v35{scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){#mp-main .mp-payment-history-summary-v35,#mp-main .mp-payment-history-metrics-v35>div,#mp-main .mp-payment-history-sessions-v35,#mp-main .mp-payment-history-note-v35,#mp-main .mp-payment-history-attention-v35,#mp-main .mp-payment-history-guardrail-v35{border:1px solid CanvasText!important}#mp-main .mp-payment-history-row-v35{box-shadow:none!important}}
@media print{#mp-main .mp-payment-history-summary-v35,#mp-main .mp-payment-history-attention-v35,#mp-main .mp-payment-history-guardrail-v35,#mp-main .mp-payment-history-panel-v35{box-shadow:none!important;break-inside:avoid}#mp-main .mp-payment-history-metrics-v35{grid-template-columns:repeat(5,1fr)!important;display:grid!important;overflow:visible!important}#mp-main .mp-payment-history-filter-v35{display:none!important}}

/* ================================================================
   Enterprise Pending Payment Recovery & Verification Queue UX v36
   ================================================================ */
#mp-main[data-mp-payment-recovery="v36"].mp-payment-recovery-v36{
  --mp-recovery-v36-line:#dbe4ef;
  --mp-recovery-v36-text:#0f172a;
  --mp-recovery-v36-muted:#64748b;
}
#mp-main .mp-payment-recovery-summary-v36{margin:1rem 0;padding:1rem;border:1px solid var(--mp-recovery-v36-line,#dbe4ef);border-radius:18px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 14px 34px rgba(15,23,42,.06)}
#mp-main .mp-payment-recovery-heading-v36{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
#mp-main .mp-payment-recovery-eyebrow-v36{margin:0 0 .18rem;color:#2563eb;font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
#mp-main .mp-payment-recovery-heading-v36 h2{margin:0;color:var(--mp-recovery-v36-text,#0f172a);font-size:1.05rem;font-weight:850}
#mp-main .mp-payment-recovery-heading-v36 p{max-width:760px;margin:.32rem 0 0;color:var(--mp-recovery-v36-muted,#64748b);font-size:.76rem;line-height:1.55}
#mp-main .mp-payment-recovery-backend-v36{display:inline-flex;align-items:center;min-height:30px;padding:.3rem .58rem;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.67rem;font-weight:850;white-space:nowrap}
#mp-main .mp-payment-recovery-metrics-v36{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-top:.85rem}
#mp-main .mp-payment-recovery-metric-v36{display:grid;gap:.08rem;padding:.68rem .72rem;border:1px solid #e2e8f0;border-radius:14px;background:#fff}
#mp-main .mp-payment-recovery-metric-v36 strong{font-size:1.12rem;line-height:1;font-variant-numeric:tabular-nums;color:#0f172a}
#mp-main .mp-payment-recovery-metric-v36 span{font-size:.69rem;line-height:1.35;color:#64748b}
#mp-main .mp-payment-recovery-metric-v36.is-warning{border-color:#fde68a;background:#fffbeb}#mp-main .mp-payment-recovery-metric-v36.is-warning strong,#mp-main .mp-payment-recovery-metric-v36.is-warning span{color:#92400e}
#mp-main .mp-payment-recovery-metric-v36.is-danger{border-color:#fecaca;background:#fff1f2}#mp-main .mp-payment-recovery-metric-v36.is-danger strong,#mp-main .mp-payment-recovery-metric-v36.is-danger span{color:#9f1239}
#mp-main .mp-payment-recovery-note-v36{margin-top:.7rem;padding:.56rem .66rem;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;color:#475569;font-size:.7rem;line-height:1.5}
#mp-main .mp-payment-recovery-filter-v36{border-color:#dbeafe!important;background:linear-gradient(180deg,#fff,#fbfdff)!important}
#mp-main .mp-payment-recovery-table-v36{font-variant-numeric:tabular-nums}
#mp-main .mp-payment-recovery-row-v36[data-mp-payment-recovery-tone="warning"]{box-shadow:inset 3px 0 0 #f59e0b}
#mp-main .mp-payment-recovery-row-v36[data-mp-payment-recovery-tone="danger"]{box-shadow:inset 3px 0 0 #ef4444}
#mp-main .mp-payment-recovery-row-v36[data-mp-payment-recovery-tone="success"]{box-shadow:inset 3px 0 0 #10b981}
#mp-main .mp-payment-recovery-explicit-age-v36{background:linear-gradient(90deg,rgba(254,243,199,.55),transparent 48%)!important}
#mp-main .mp-payment-recovery-identifier-v36{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;overflow-wrap:anywhere}
#mp-main .mp-payment-recovery-status-v36{font-weight:800}#mp-main .mp-payment-recovery-status--success{color:#047857}#mp-main .mp-payment-recovery-status--warning{color:#a16207}#mp-main .mp-payment-recovery-status--danger{color:#be123c}
#mp-main .mp-payment-recovery-action-v36{font-weight:800!important;box-shadow:0 5px 14px rgba(245,158,11,.12)}
#mp-main .mp-payment-recovery-escalation-v36{border-color:#fca5a5!important;color:#b91c1c!important}
#mp-main .mp-payment-recovery-form-v36{border-color:#fde68a!important;background:linear-gradient(180deg,#fff,#fffbeb)!important}
#mp-main .mp-payment-recovery-escalation-note-v36{margin:.7rem 0;padding:.68rem .74rem;border:1px solid #fecaca;border-radius:13px;background:#fff1f2;color:#9f1239;font-size:.72rem;line-height:1.5}
#mp-main .mp-payment-recovery-guardrail-v36{display:flex;gap:.62rem;align-items:flex-start;margin:.7rem 0 1rem;padding:.7rem .76rem;border:1px solid #bae6fd;border-radius:13px;background:#f0f9ff;color:#0c4a6e;font-size:.72rem;line-height:1.5}
#mp-main .mp-payment-recovery-guardrail-v36>span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-weight:900}#mp-main .mp-payment-recovery-guardrail-v36 p{margin:0}
body.dark #mp-main[data-mp-payment-recovery="v36"].mp-payment-recovery-v36{--mp-recovery-v36-line:#334155;--mp-recovery-v36-text:#f8fafc;--mp-recovery-v36-muted:#94a3b8}
body.dark #mp-main .mp-payment-recovery-summary-v36{border-color:#334155;background:linear-gradient(145deg,#111827,#0f172a);box-shadow:0 16px 38px rgba(0,0,0,.2)}
body.dark #mp-main .mp-payment-recovery-backend-v36{border-color:#1e3a8a;background:rgba(30,58,138,.22);color:#bfdbfe}
body.dark #mp-main .mp-payment-recovery-metric-v36{border-color:#334155;background:#111827}body.dark #mp-main .mp-payment-recovery-metric-v36 strong{color:#f8fafc}body.dark #mp-main .mp-payment-recovery-metric-v36 span{color:#94a3b8}
body.dark #mp-main .mp-payment-recovery-metric-v36.is-warning{border-color:rgba(251,191,36,.35);background:rgba(120,53,15,.22)}body.dark #mp-main .mp-payment-recovery-metric-v36.is-warning strong,body.dark #mp-main .mp-payment-recovery-metric-v36.is-warning span{color:#fde68a}
body.dark #mp-main .mp-payment-recovery-metric-v36.is-danger{border-color:rgba(248,113,113,.35);background:rgba(127,29,29,.22)}body.dark #mp-main .mp-payment-recovery-metric-v36.is-danger strong,body.dark #mp-main .mp-payment-recovery-metric-v36.is-danger span{color:#fecaca}
body.dark #mp-main .mp-payment-recovery-note-v36{border-color:#475569;background:#0f172a;color:#cbd5e1}
body.dark #mp-main .mp-payment-recovery-row-v36[data-mp-payment-recovery-tone="warning"]{box-shadow:inset 3px 0 0 #fbbf24}body.dark #mp-main .mp-payment-recovery-row-v36[data-mp-payment-recovery-tone="danger"]{box-shadow:inset 3px 0 0 #f87171}
body.dark #mp-main .mp-payment-recovery-explicit-age-v36{background:linear-gradient(90deg,rgba(120,53,15,.22),transparent 48%)!important}
body.dark #mp-main .mp-payment-recovery-status--success{color:#a7f3d0}body.dark #mp-main .mp-payment-recovery-status--warning{color:#fde68a}body.dark #mp-main .mp-payment-recovery-status--danger{color:#fecaca}
body.dark #mp-main .mp-payment-recovery-form-v36{border-color:rgba(251,191,36,.35)!important;background:linear-gradient(180deg,#111827,rgba(120,53,15,.13))!important}
body.dark #mp-main .mp-payment-recovery-escalation-note-v36{border-color:rgba(248,113,113,.35);background:rgba(127,29,29,.22);color:#fecaca}
body.dark #mp-main .mp-payment-recovery-guardrail-v36{border-color:#075985;background:rgba(7,89,133,.2);color:#bae6fd}body.dark #mp-main .mp-payment-recovery-guardrail-v36>span{background:rgba(3,105,161,.26);color:#bae6fd}
@media (max-width:900px){#mp-main .mp-payment-recovery-metrics-v36{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){#mp-main .mp-payment-recovery-summary-v36{padding:.78rem;border-radius:15px}#mp-main .mp-payment-recovery-heading-v36{display:block}#mp-main .mp-payment-recovery-backend-v36{margin-top:.55rem}#mp-main .mp-payment-recovery-metrics-v36{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;padding-bottom:.2rem}#mp-main .mp-payment-recovery-metric-v36{min-width:min(68vw,215px);scroll-snap-align:start}#mp-main .mp-payment-recovery-action-v36{min-height:44px}}
@media (pointer:coarse){#mp-main .mp-payment-recovery-action-v36,#mp-main .mp-payment-recovery-escalation-v36{min-height:44px}}
@media (prefers-reduced-motion:reduce){#mp-main .mp-payment-recovery-summary-v36 *,#mp-main .mp-payment-recovery-action-v36{transition:none!important;scroll-behavior:auto!important}}
@media (forced-colors:active){#mp-main .mp-payment-recovery-summary-v36,#mp-main .mp-payment-recovery-metric-v36,#mp-main .mp-payment-recovery-note-v36,#mp-main .mp-payment-recovery-escalation-note-v36,#mp-main .mp-payment-recovery-guardrail-v36{border:1px solid CanvasText!important}#mp-main .mp-payment-recovery-row-v36{box-shadow:none!important}}
@media print{#mp-main .mp-payment-recovery-summary-v36,#mp-main .mp-payment-recovery-guardrail-v36,#mp-main .mp-payment-recovery-escalation-note-v36{box-shadow:none!important;break-inside:avoid}#mp-main .mp-payment-recovery-metrics-v36{display:grid!important;grid-template-columns:repeat(4,1fr)!important;overflow:visible!important}}

/* ==============================================================
   Enterprise Bursary Payment Reconciliation & Reversal Approval Queue UX v37
   ============================================================== */
#mp-main[data-mp-bursary-reconciliation="v37"].mp-bursary-reconciliation-v37{
  --mp-v37-line:#dbe4ef;--mp-v37-text:#0f172a;--mp-v37-muted:#64748b;
}
#mp-main .mp-bursary-reconciliation-summary-v37{margin:1rem 0 1.1rem;padding:1rem;border:1px solid var(--mp-v37-line,#dbe4ef);border-radius:18px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 14px 34px rgba(15,23,42,.06)}
#mp-main .mp-bursary-reconciliation-heading-v37{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
#mp-main .mp-bursary-reconciliation-eyebrow-v37{margin:0 0 .18rem;font-size:.68rem;line-height:1.3;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#2563eb}
#mp-main .mp-bursary-reconciliation-heading-v37 h2{margin:0;font-size:clamp(1rem,1.5vw,1.28rem);line-height:1.25;color:var(--mp-v37-text,#0f172a)}
#mp-main .mp-bursary-reconciliation-heading-v37 p{max-width:800px;margin:.3rem 0 0;font-size:.78rem;line-height:1.55;color:var(--mp-v37-muted,#64748b)}
#mp-main .mp-bursary-backend-badge-v37{display:inline-flex;align-items:center;min-height:30px;padding:.28rem .58rem;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.68rem;font-weight:800;white-space:nowrap}
#mp-main .mp-bursary-reconciliation-metrics-v37{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-top:.85rem}
#mp-main .mp-bursary-reconciliation-metrics-v37>div{display:grid;gap:.1rem;min-width:0;padding:.7rem .75rem;border:1px solid #e2e8f0;border-radius:14px;background:#fff}
#mp-main .mp-bursary-reconciliation-metrics-v37 strong{font-size:1.15rem;line-height:1;font-variant-numeric:tabular-nums;color:#0f172a}
#mp-main .mp-bursary-reconciliation-metrics-v37 span{font-size:.7rem;line-height:1.35;color:#64748b}
#mp-main .mp-bursary-reconciliation-metrics-v37 .is-attention{border-color:#fde68a;background:#fffbeb}
#mp-main .mp-bursary-reconciliation-metrics-v37 .is-attention strong,#mp-main .mp-bursary-reconciliation-metrics-v37 .is-attention span{color:#92400e}
#mp-main .mp-bursary-reference-note-v37,#mp-main .mp-bursary-handoff-note-v37{margin-top:.7rem;padding:.6rem .7rem;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;color:#475569;font-size:.72rem;line-height:1.5}
#mp-main .mp-bursary-handoff-note-v37{border-color:#bae6fd;background:#f0f9ff;color:#0c4a6e}
#mp-main .mp-bursary-reconciliation-table-v37 tbody tr[data-mp-bursary-recon-tone="success"]{box-shadow:inset 3px 0 0 #10b981}
#mp-main .mp-bursary-reconciliation-table-v37 tbody tr[data-mp-bursary-recon-tone="warning"]{box-shadow:inset 3px 0 0 #f59e0b}
#mp-main .mp-bursary-reconciliation-table-v37 tbody tr[data-mp-bursary-recon-tone="danger"]{box-shadow:inset 3px 0 0 #ef4444}
#mp-main .mp-bursary-recon-state-v37{font-weight:750}
#mp-main .mp-bursary-recon-state--success{color:#047857}
#mp-main .mp-bursary-recon-state--warning{color:#a16207}
#mp-main .mp-bursary-recon-state--danger{color:#be123c}
#mp-main .mp-bursary-recon-reference-v37{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#mp-main .mp-bursary-visible-reference-repeat-v37{background:linear-gradient(90deg,rgba(254,226,226,.55),transparent 46%)!important}
#mp-main .mp-bursary-visible-repeat-badge-v37{display:inline-flex;margin:.25rem 0 0 .3rem;padding:.12rem .38rem;border-radius:999px;background:#fff1f2;color:#be123c;font-family:inherit;font-size:.61rem;font-weight:850;line-height:1.3;white-space:nowrap}
#mp-main .mp-bursary-decision-form-v37{position:relative;border-color:#bfdbfe!important}
#mp-main .mp-bursary-decision-action-v37{min-height:38px;font-weight:850!important}
#mp-main .mp-bursary-decision-action--review{box-shadow:0 6px 16px rgba(37,99,235,.12)}
#mp-main .mp-bursary-decision-action--high-impact{box-shadow:0 6px 16px rgba(190,18,60,.14)}
#mp-main .mp-bursary-audit-panel-v37{border-left:3px solid #3b82f6!important;background-image:linear-gradient(90deg,rgba(59,130,246,.04),transparent 20%)}
#mp-main .mp-bursary-reconciliation-guardrail-v37{display:flex;gap:.65rem;align-items:flex-start;margin:.75rem 0 1rem;padding:.72rem .78rem;border:1px solid #bae6fd;border-radius:14px;background:#f0f9ff;color:#0c4a6e;font-size:.74rem;line-height:1.5}
#mp-main .mp-bursary-reconciliation-guardrail-v37>span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-weight:900}
#mp-main .mp-bursary-reconciliation-guardrail-v37 p{margin:0}
body.dark #mp-main[data-mp-bursary-reconciliation="v37"].mp-bursary-reconciliation-v37{--mp-v37-line:#334155;--mp-v37-text:#f8fafc;--mp-v37-muted:#94a3b8}
body.dark #mp-main .mp-bursary-reconciliation-summary-v37{border-color:#334155;background:linear-gradient(145deg,#111827,#0f172a);box-shadow:0 16px 38px rgba(0,0,0,.2)}
body.dark #mp-main .mp-bursary-backend-badge-v37{border-color:#1e3a8a;background:rgba(30,58,138,.22);color:#bfdbfe}
body.dark #mp-main .mp-bursary-reconciliation-metrics-v37>div{border-color:#334155;background:#111827}
body.dark #mp-main .mp-bursary-reconciliation-metrics-v37 strong{color:#f8fafc}
body.dark #mp-main .mp-bursary-reconciliation-metrics-v37 span{color:#94a3b8}
body.dark #mp-main .mp-bursary-reconciliation-metrics-v37 .is-attention{border-color:rgba(251,191,36,.35);background:rgba(120,53,15,.22)}
body.dark #mp-main .mp-bursary-reconciliation-metrics-v37 .is-attention strong,body.dark #mp-main .mp-bursary-reconciliation-metrics-v37 .is-attention span{color:#fde68a}
body.dark #mp-main .mp-bursary-reference-note-v37{border-color:#475569;background:#0f172a;color:#cbd5e1}
body.dark #mp-main .mp-bursary-handoff-note-v37{border-color:#075985;background:rgba(7,89,133,.2);color:#bae6fd}
body.dark #mp-main .mp-bursary-visible-reference-repeat-v37{background:linear-gradient(90deg,rgba(127,29,29,.22),transparent 46%)!important}
body.dark #mp-main .mp-bursary-visible-repeat-badge-v37{background:rgba(127,29,29,.28);color:#fecaca}
body.dark #mp-main .mp-bursary-recon-state--success{color:#a7f3d0}
body.dark #mp-main .mp-bursary-recon-state--warning{color:#fde68a}
body.dark #mp-main .mp-bursary-recon-state--danger{color:#fecaca}
body.dark #mp-main .mp-bursary-audit-panel-v37{border-left-color:#60a5fa!important;background-image:linear-gradient(90deg,rgba(96,165,250,.08),transparent 20%)}
body.dark #mp-main .mp-bursary-reconciliation-guardrail-v37{border-color:#075985;background:rgba(7,89,133,.2);color:#bae6fd}
body.dark #mp-main .mp-bursary-reconciliation-guardrail-v37>span{background:rgba(3,105,161,.26);color:#bae6fd}
@media (max-width:900px){#mp-main .mp-bursary-reconciliation-metrics-v37{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){#mp-main .mp-bursary-reconciliation-summary-v37{margin:.75rem 0 1rem;padding:.78rem;border-radius:15px}#mp-main .mp-bursary-reconciliation-heading-v37{display:block}#mp-main .mp-bursary-backend-badge-v37{margin-top:.55rem}#mp-main .mp-bursary-reconciliation-metrics-v37{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.2rem;overscroll-behavior-inline:contain}#mp-main .mp-bursary-reconciliation-metrics-v37>div{min-width:min(70vw,220px);scroll-snap-align:start}#mp-main .mp-bursary-visible-repeat-badge-v37{display:flex;margin:.25rem 0 0}}
@media (pointer:coarse){#mp-main .mp-bursary-decision-action-v37{min-height:44px}}
@media (prefers-reduced-motion:reduce){#mp-main .mp-bursary-reconciliation-summary-v37 *,#mp-main .mp-bursary-reconciliation-metrics-v37{scroll-behavior:auto!important;transition:none!important}}
@media (forced-colors:active){#mp-main .mp-bursary-reconciliation-summary-v37,#mp-main .mp-bursary-reconciliation-metrics-v37>div,#mp-main .mp-bursary-reference-note-v37,#mp-main .mp-bursary-handoff-note-v37,#mp-main .mp-bursary-visible-repeat-badge-v37,#mp-main .mp-bursary-reconciliation-guardrail-v37{border:1px solid CanvasText!important}#mp-main .mp-bursary-reconciliation-table-v37 tbody tr{box-shadow:none!important}.mp-bursary-visible-reference-repeat-v37{outline:2px solid CanvasText!important;background:Canvas!important}}
@media print{#mp-main .mp-bursary-reconciliation-summary-v37,#mp-main .mp-bursary-reconciliation-guardrail-v37,#mp-main .mp-bursary-audit-panel-v37{box-shadow:none!important;break-inside:avoid}#mp-main .mp-bursary-reconciliation-metrics-v37{grid-template-columns:repeat(4,1fr)!important;display:grid!important;overflow:visible!important}#mp-main .mp-bursary-reconciliation-metrics-v37>div{background:#fff!important;color:#000!important}}

/* ================================================================
   Enterprise Debtors & Outstanding Fees Operational Queue UX v38
   ================================================================ */
#mp-main[data-mp-debtors-outstanding="v38"].mp-debtors-outstanding-v38{
  --mp-debtors-v38-line:#dbe4ef;
  --mp-debtors-v38-text:#0f172a;
  --mp-debtors-v38-muted:#64748b;
}
#mp-main .mp-debtors-summary-v38{
  margin:1rem 0 1.1rem;
  padding:1rem;
  border:1px solid var(--mp-debtors-v38-line,#dbe4ef);
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#f8fbff);
  box-shadow:0 14px 34px rgba(15,23,42,.065);
}
#mp-main .mp-debtors-summary-heading-v38{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
#mp-main .mp-debtors-eyebrow-v38{margin:0 0 .18rem;font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#2563eb}
#mp-main .mp-debtors-summary-heading-v38 h2{margin:0;font-size:clamp(1rem,1.5vw,1.28rem);line-height:1.25;color:var(--mp-debtors-v38-text,#0f172a)}
#mp-main .mp-debtors-summary-heading-v38 p{max-width:780px;margin:.3rem 0 0;font-size:.76rem;line-height:1.55;color:var(--mp-debtors-v38-muted,#64748b)}
#mp-main .mp-debtors-backend-badge-v38{display:inline-flex;align-items:center;min-height:30px;padding:.28rem .58rem;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.68rem;font-weight:800;white-space:nowrap}
#mp-main .mp-debtors-metrics-v38{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-top:.85rem}
#mp-main .mp-debtors-metric-v38{display:grid;gap:.1rem;padding:.7rem .75rem;border:1px solid #e2e8f0;border-radius:14px;background:#fff;min-width:0}
#mp-main .mp-debtors-metric-v38 strong{font-size:1.15rem;line-height:1;font-variant-numeric:tabular-nums;color:#0f172a}
#mp-main .mp-debtors-metric-v38 span{font-size:.7rem;line-height:1.35;color:#64748b}
#mp-main .mp-debtors-metric-v38.is-attention{border-color:#fde68a;background:#fffbeb}
#mp-main .mp-debtors-metric-v38.is-attention strong,#mp-main .mp-debtors-metric-v38.is-attention span{color:#92400e}
#mp-main .mp-debtors-metric-v38.is-danger{border-color:#fecaca;background:#fff1f2}
#mp-main .mp-debtors-metric-v38.is-danger strong,#mp-main .mp-debtors-metric-v38.is-danger span{color:#be123c}
#mp-main .mp-debtors-summary-note-v38{margin-top:.7rem;padding:.58rem .68rem;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;color:#475569;font-size:.72rem;line-height:1.5}
#mp-main .mp-debtors-table-v38 tbody tr.mp-debtors-row-v38{position:relative}
#mp-main .mp-debtors-table-v38 tbody tr[data-mp-debtors-tone="danger"]{box-shadow:inset 3px 0 0 #ef4444}
#mp-main .mp-debtors-table-v38 tbody tr[data-mp-debtors-tone="warning"]{box-shadow:inset 3px 0 0 #f59e0b}
#mp-main .mp-debtors-table-v38 tbody tr[data-mp-debtors-tone="success"]{box-shadow:inset 3px 0 0 #10b981}
#mp-main .mp-debtors-registration-blocked-v38{background:linear-gradient(90deg,rgba(254,226,226,.5),transparent 46%)!important}
#mp-main .mp-debtors-identity-v38{font-weight:760}
#mp-main .mp-debtors-outstanding-v38{font-variant-numeric:tabular-nums;font-weight:780}
#mp-main .mp-debtors-state-v38{font-weight:760}
#mp-main .mp-debtors-state--success{color:#047857}
#mp-main .mp-debtors-state--warning{color:#a16207}
#mp-main .mp-debtors-state--danger{color:#be123c}
#mp-main .mp-debtors-registration-gate-v38{color:#be123c;font-weight:800}
#mp-main .mp-debtors-filter-v38{border-color:#dbeafe!important;background:linear-gradient(180deg,#fff,#fbfdff)!important}
#mp-main .mp-debtors-contact-action-v38{border-color:#bfdbfe!important;background:#eff6ff!important;color:#1d4ed8!important}
#mp-main .mp-debtors-history-action-v38{border-color:#cbd5e1!important;background:#f8fafc!important;color:#334155!important}
#mp-main .mp-debtors-export-action-v38{font-weight:800!important;box-shadow:0 6px 16px rgba(37,99,235,.08)}
#mp-main .mp-debtors-registration-context-v38{border-left:3px solid #ef4444!important;background-image:linear-gradient(90deg,rgba(239,68,68,.045),transparent 20%)}
#mp-main .mp-debtors-audit-panel-v38{border-left:3px solid #3b82f6!important;background-image:linear-gradient(90deg,rgba(59,130,246,.04),transparent 20%)}
#mp-main .mp-debtors-guardrail-v38{display:flex;gap:.65rem;align-items:flex-start;margin:.75rem 0 1rem;padding:.7rem .78rem;border:1px solid #bae6fd;border-radius:14px;background:#f0f9ff;color:#0c4a6e;font-size:.74rem;line-height:1.5}
#mp-main .mp-debtors-guardrail-v38>span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-weight:900}
#mp-main .mp-debtors-guardrail-v38 p{margin:0}
body.dark #mp-main[data-mp-debtors-outstanding="v38"].mp-debtors-outstanding-v38{--mp-debtors-v38-line:#334155;--mp-debtors-v38-text:#f8fafc;--mp-debtors-v38-muted:#94a3b8}
body.dark #mp-main .mp-debtors-summary-v38{border-color:#334155;background:linear-gradient(145deg,#111827,#0f172a);box-shadow:0 16px 38px rgba(0,0,0,.2)}
body.dark #mp-main .mp-debtors-backend-badge-v38{border-color:#1e3a8a;background:rgba(30,58,138,.22);color:#bfdbfe}
body.dark #mp-main .mp-debtors-metric-v38{border-color:#334155;background:#111827}
body.dark #mp-main .mp-debtors-metric-v38 strong{color:#f8fafc}
body.dark #mp-main .mp-debtors-metric-v38 span{color:#94a3b8}
body.dark #mp-main .mp-debtors-metric-v38.is-attention{border-color:rgba(251,191,36,.36);background:rgba(120,53,15,.22)}
body.dark #mp-main .mp-debtors-metric-v38.is-attention strong,body.dark #mp-main .mp-debtors-metric-v38.is-attention span{color:#fde68a}
body.dark #mp-main .mp-debtors-metric-v38.is-danger{border-color:rgba(248,113,113,.36);background:rgba(127,29,29,.22)}
body.dark #mp-main .mp-debtors-metric-v38.is-danger strong,body.dark #mp-main .mp-debtors-metric-v38.is-danger span{color:#fecaca}
body.dark #mp-main .mp-debtors-summary-note-v38{border-color:#475569;background:#0f172a;color:#cbd5e1}
body.dark #mp-main .mp-debtors-registration-blocked-v38{background:linear-gradient(90deg,rgba(127,29,29,.2),transparent 46%)!important}
body.dark #mp-main .mp-debtors-state--success{color:#a7f3d0}
body.dark #mp-main .mp-debtors-state--warning{color:#fde68a}
body.dark #mp-main .mp-debtors-state--danger,body.dark #mp-main .mp-debtors-registration-gate-v38{color:#fecaca}
body.dark #mp-main .mp-debtors-filter-v38{border-color:#1e3a8a!important;background:linear-gradient(180deg,#111827,#0f172a)!important}
body.dark #mp-main .mp-debtors-contact-action-v38{border-color:#1e3a8a!important;background:rgba(30,58,138,.2)!important;color:#bfdbfe!important}
body.dark #mp-main .mp-debtors-history-action-v38{border-color:#475569!important;background:#111827!important;color:#cbd5e1!important}
body.dark #mp-main .mp-debtors-registration-context-v38{border-left-color:#f87171!important;background-image:linear-gradient(90deg,rgba(248,113,113,.08),transparent 20%)}
body.dark #mp-main .mp-debtors-audit-panel-v38{border-left-color:#60a5fa!important;background-image:linear-gradient(90deg,rgba(96,165,250,.08),transparent 20%)}
body.dark #mp-main .mp-debtors-guardrail-v38{border-color:#075985;background:rgba(7,89,133,.2);color:#bae6fd}
body.dark #mp-main .mp-debtors-guardrail-v38>span{background:rgba(3,105,161,.26);color:#bae6fd}
@media (max-width:900px){#mp-main .mp-debtors-metrics-v38{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){#mp-main .mp-debtors-summary-v38{margin:.75rem 0 1rem;padding:.78rem;border-radius:15px}#mp-main .mp-debtors-summary-heading-v38{display:block}#mp-main .mp-debtors-backend-badge-v38{margin-top:.55rem}#mp-main .mp-debtors-metrics-v38{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.2rem;overscroll-behavior-inline:contain}#mp-main .mp-debtors-metric-v38{min-width:min(68vw,215px);scroll-snap-align:start}#mp-main .mp-debtors-summary-note-v38{font-size:.69rem}#mp-main .mp-debtors-guardrail-v38{padding:.66rem .7rem}}
@media (max-width:380px){#mp-main .mp-debtors-metric-v38{min-width:78vw}}
@media (pointer:coarse){#mp-main .mp-debtors-contact-action-v38,#mp-main .mp-debtors-history-action-v38,#mp-main .mp-debtors-export-action-v38{min-height:44px}}
@media (prefers-reduced-motion:reduce){#mp-main .mp-debtors-summary-v38 *,#mp-main .mp-debtors-metric-v38{scroll-behavior:auto!important;transition:none!important}}
@media (forced-colors:active){#mp-main .mp-debtors-summary-v38,#mp-main .mp-debtors-metric-v38,#mp-main .mp-debtors-summary-note-v38,#mp-main .mp-debtors-guardrail-v38{border:1px solid CanvasText!important}#mp-main .mp-debtors-table-v38 tbody tr{box-shadow:none!important}#mp-main .mp-debtors-registration-blocked-v38{outline:2px solid CanvasText!important;background:Canvas!important}}
@media print{#mp-main .mp-debtors-summary-v38,#mp-main .mp-debtors-guardrail-v38,#mp-main .mp-debtors-audit-panel-v38{box-shadow:none!important;break-inside:avoid}#mp-main .mp-debtors-metrics-v38{grid-template-columns:repeat(4,1fr)!important;display:grid!important;overflow:visible!important}#mp-main .mp-debtors-metric-v38{background:#fff!important;color:#000!important}}

/* =====================================================================
   Enterprise Bursary Debtor Detail & Student Financial Account Inspection UX v39
   ===================================================================== */
#mp-main[data-mp-debtor-account-detail="v39"].mp-debtor-account-detail-v39{
  --mp-v39-line:#dbe4ef;
  --mp-v39-text:#0f172a;
  --mp-v39-muted:#64748b;
}
#mp-main .mp-debtor-account-summary-v39{margin:1rem 0 1.05rem;padding:1rem;border:1px solid var(--mp-v39-line,#dbe4ef);border-radius:18px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 14px 34px rgba(15,23,42,.065)}
#mp-main .mp-debtor-account-head-v39{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
#mp-main .mp-debtor-account-eyebrow-v39{margin:0 0 .18rem;font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#2563eb}
#mp-main .mp-debtor-account-head-v39 h2{margin:0;font-size:clamp(1rem,1.5vw,1.28rem);line-height:1.25;color:var(--mp-v39-text,#0f172a)}
#mp-main .mp-debtor-account-head-v39 p{max-width:790px;margin:.3rem 0 0;font-size:.76rem;line-height:1.55;color:var(--mp-v39-muted,#64748b)}
#mp-main .mp-debtor-account-badge-v39{display:inline-flex;align-items:center;min-height:30px;padding:.28rem .58rem;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.68rem;font-weight:800;white-space:nowrap}
#mp-main .mp-debtor-account-metrics-v39{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-top:.85rem}
#mp-main .mp-debtor-account-metric-v39{display:grid;gap:.18rem;min-width:0;padding:.72rem .76rem;border:1px solid #e2e8f0;border-radius:14px;background:#fff}
#mp-main .mp-debtor-account-metric-v39 span{font-size:.66rem;font-weight:760;letter-spacing:.02em;color:#64748b}
#mp-main .mp-debtor-account-metric-v39 strong{overflow-wrap:anywhere;font-size:.88rem;line-height:1.35;color:#0f172a;font-variant-numeric:tabular-nums}
#mp-main .mp-debtor-account-metric--warning{border-color:#fde68a;background:#fffbeb}
#mp-main .mp-debtor-account-metric--warning span,#mp-main .mp-debtor-account-metric--warning strong{color:#92400e}
#mp-main .mp-debtor-account-metric--danger{border-color:#fecaca;background:#fff1f2}
#mp-main .mp-debtor-account-metric--danger span,#mp-main .mp-debtor-account-metric--danger strong{color:#be123c}
#mp-main .mp-debtor-account-metric--success{border-color:#a7f3d0;background:#ecfdf5}
#mp-main .mp-debtor-account-metric--success span,#mp-main .mp-debtor-account-metric--success strong{color:#047857}
#mp-main .mp-debtor-account-note-v39{margin-top:.72rem;padding:.58rem .68rem;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;color:#475569;font-size:.72rem;line-height:1.5}
#mp-main .mp-debtor-account-reference-v39{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:.9em;overflow-wrap:anywhere;word-break:break-word}
#mp-main .mp-debtor-account-balance-v39{font-variant-numeric:tabular-nums;font-weight:820}
#mp-main .mp-debtor-account-state-v39{font-weight:800}
#mp-main .mp-debtor-account-state--success{color:#047857}
#mp-main .mp-debtor-account-state--warning{color:#a16207}
#mp-main .mp-debtor-account-state--danger{color:#be123c}
#mp-main .mp-debtor-account-history-v39{border-radius:14px;overflow:hidden}
#mp-main .mp-debtor-account-history-v39 tbody tr[data-mp-debtor-account-tone="danger"]{box-shadow:inset 3px 0 0 #ef4444}
#mp-main .mp-debtor-account-history-v39 tbody tr[data-mp-debtor-account-tone="warning"]{box-shadow:inset 3px 0 0 #f59e0b}
#mp-main .mp-debtor-account-contact-v39{border-color:#bfdbfe!important;background:#eff6ff!important;color:#1d4ed8!important}
#mp-main .mp-debtor-account-history-action-v39{border-color:#cbd5e1!important;background:#f8fafc!important;color:#334155!important}
#mp-main .mp-debtor-account-reconcile-v39{border-color:#a7f3d0!important;background:#ecfdf5!important;color:#047857!important;font-weight:800!important}
#mp-main .mp-debtor-account-reversal-v39{border-color:#fecaca!important;background:#fff1f2!important;color:#be123c!important;font-weight:800!important}
#mp-main .mp-debtor-account-registration-v39{border-left:3px solid #ef4444!important;background-image:linear-gradient(90deg,rgba(239,68,68,.045),transparent 22%)}
#mp-main .mp-debtor-account-audit-v39{border-left:3px solid #3b82f6!important;background-image:linear-gradient(90deg,rgba(59,130,246,.04),transparent 22%)}
#mp-main .mp-debtor-account-identity-v39{border-left:3px solid #94a3b8!important}
#mp-main .mp-debtor-account-guardrail-v39{display:flex;gap:.65rem;align-items:flex-start;margin:.75rem 0 1rem;padding:.7rem .78rem;border:1px solid #bae6fd;border-radius:14px;background:#f0f9ff;color:#0c4a6e;font-size:.74rem;line-height:1.5}
#mp-main .mp-debtor-account-guardrail-v39>span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-weight:900}
#mp-main .mp-debtor-account-guardrail-v39 p{margin:0}
body.dark #mp-main[data-mp-debtor-account-detail="v39"].mp-debtor-account-detail-v39{--mp-v39-line:#334155;--mp-v39-text:#f8fafc;--mp-v39-muted:#94a3b8}
body.dark #mp-main .mp-debtor-account-summary-v39{border-color:#334155;background:linear-gradient(145deg,#111827,#0f172a);box-shadow:0 16px 38px rgba(0,0,0,.2)}
body.dark #mp-main .mp-debtor-account-badge-v39{border-color:#1e3a8a;background:rgba(30,58,138,.22);color:#bfdbfe}
body.dark #mp-main .mp-debtor-account-metric-v39{border-color:#334155;background:#111827}
body.dark #mp-main .mp-debtor-account-metric-v39 span{color:#94a3b8}
body.dark #mp-main .mp-debtor-account-metric-v39 strong{color:#f8fafc}
body.dark #mp-main .mp-debtor-account-metric--warning{border-color:rgba(251,191,36,.36);background:rgba(120,53,15,.22)}
body.dark #mp-main .mp-debtor-account-metric--warning span,body.dark #mp-main .mp-debtor-account-metric--warning strong{color:#fde68a}
body.dark #mp-main .mp-debtor-account-metric--danger{border-color:rgba(248,113,113,.36);background:rgba(127,29,29,.22)}
body.dark #mp-main .mp-debtor-account-metric--danger span,body.dark #mp-main .mp-debtor-account-metric--danger strong{color:#fecaca}
body.dark #mp-main .mp-debtor-account-metric--success{border-color:rgba(52,211,153,.35);background:rgba(6,78,59,.22)}
body.dark #mp-main .mp-debtor-account-metric--success span,body.dark #mp-main .mp-debtor-account-metric--success strong{color:#a7f3d0}
body.dark #mp-main .mp-debtor-account-note-v39{border-color:#475569;background:#0f172a;color:#cbd5e1}
body.dark #mp-main .mp-debtor-account-state--success{color:#a7f3d0}
body.dark #mp-main .mp-debtor-account-state--warning{color:#fde68a}
body.dark #mp-main .mp-debtor-account-state--danger{color:#fecaca}
body.dark #mp-main .mp-debtor-account-contact-v39{border-color:#1e3a8a!important;background:rgba(30,58,138,.2)!important;color:#bfdbfe!important}
body.dark #mp-main .mp-debtor-account-history-action-v39{border-color:#475569!important;background:#111827!important;color:#cbd5e1!important}
body.dark #mp-main .mp-debtor-account-reconcile-v39{border-color:#065f46!important;background:rgba(6,95,70,.22)!important;color:#a7f3d0!important}
body.dark #mp-main .mp-debtor-account-reversal-v39{border-color:#7f1d1d!important;background:rgba(127,29,29,.22)!important;color:#fecaca!important}
body.dark #mp-main .mp-debtor-account-registration-v39{border-left-color:#f87171!important;background-image:linear-gradient(90deg,rgba(248,113,113,.08),transparent 22%)}
body.dark #mp-main .mp-debtor-account-audit-v39{border-left-color:#60a5fa!important;background-image:linear-gradient(90deg,rgba(96,165,250,.08),transparent 22%)}
body.dark #mp-main .mp-debtor-account-guardrail-v39{border-color:#075985;background:rgba(7,89,133,.2);color:#bae6fd}
body.dark #mp-main .mp-debtor-account-guardrail-v39>span{background:rgba(3,105,161,.26);color:#bae6fd}
@media (max-width:960px){#mp-main .mp-debtor-account-metrics-v39{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){#mp-main .mp-debtor-account-summary-v39{margin:.75rem 0 1rem;padding:.78rem;border-radius:15px}#mp-main .mp-debtor-account-head-v39{display:block}#mp-main .mp-debtor-account-badge-v39{margin-top:.55rem}#mp-main .mp-debtor-account-metrics-v39{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.2rem;overscroll-behavior-inline:contain}#mp-main .mp-debtor-account-metric-v39{min-width:min(74vw,250px);scroll-snap-align:start}#mp-main .mp-debtor-account-guardrail-v39{padding:.66rem .7rem}}
@media (max-width:380px){#mp-main .mp-debtor-account-metric-v39{min-width:82vw}}
@media (pointer:coarse){#mp-main .mp-debtor-account-contact-v39,#mp-main .mp-debtor-account-history-action-v39,#mp-main .mp-debtor-account-reconcile-v39,#mp-main .mp-debtor-account-reversal-v39{min-height:44px}}
@media (prefers-reduced-motion:reduce){#mp-main .mp-debtor-account-summary-v39 *,#mp-main .mp-debtor-account-metric-v39{scroll-behavior:auto!important;transition:none!important}}
@media (forced-colors:active){#mp-main .mp-debtor-account-summary-v39,#mp-main .mp-debtor-account-metric-v39,#mp-main .mp-debtor-account-note-v39,#mp-main .mp-debtor-account-guardrail-v39{border:1px solid CanvasText!important}#mp-main .mp-debtor-account-history-v39 tbody tr{box-shadow:none!important}}
@media print{#mp-main .mp-debtor-account-summary-v39,#mp-main .mp-debtor-account-guardrail-v39,#mp-main .mp-debtor-account-audit-v39{box-shadow:none!important;break-inside:avoid}#mp-main .mp-debtor-account-metrics-v39{grid-template-columns:repeat(4,1fr)!important;display:grid!important;overflow:visible!important}#mp-main .mp-debtor-account-metric-v39{background:#fff!important;color:#000!important}}

/* ==========================================================================
   Production UI stabilization v39.2 — shared header, dashboard cards, admission cue
   ========================================================================== */
.mp-global-search-trigger{overflow:hidden}
.mp-global-search-trigger>.mp-global-search-icon{
  display:block!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;
  max-width:18px!important;max-height:18px!important;flex:0 0 18px!important;
}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#mp-main .mp-dashboard-launchpad-item{background:#fff!important}
#mp-main .mp-dashboard-launchpad-item:hover,#mp-main .mp-dashboard-launchpad-item:focus-visible{background:#f8fbff!important}
body.dark #mp-main .mp-dashboard-launchpad-item{background:rgba(15,23,42,.18)!important}
body.dark #mp-main .mp-dashboard-launchpad-item:hover,body.dark #mp-main .mp-dashboard-launchpad-item:focus-visible{background:rgba(30,64,175,.14)!important}
#mp-main .mp-admission-incomplete-card{
  border-color:#fcd34d!important;background:linear-gradient(135deg,#fffbeb 0%,#fff7ed 100%)!important;color:#78350f!important;
}
#mp-main .mp-admission-incomplete-card:hover{background:linear-gradient(135deg,#fef3c7 0%,#ffedd5 100%)!important}
@media(max-width:767px){.mp-global-search-trigger>.mp-global-search-icon{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;flex-basis:20px!important}}


/* Enterprise Bursary Fee Collection & Revenue Reporting UX v40 */
.mp-revenue-command-v40{display:flex;align-items:stretch;justify-content:space-between;gap:24px;padding:24px 26px;margin:0 0 18px;border:1px solid color-mix(in srgb,var(--brand-primary) 18%,#dce5ef);border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary) 5%,#fff),#fff 54%,color-mix(in srgb,var(--brand-secondary) 8%,#fff));box-shadow:0 16px 40px rgba(15,23,42,.055)}
.mp-revenue-command-v40 h2{margin:5px 0 7px;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.15;color:#0f172a;font-weight:800;letter-spacing:-.025em}.mp-revenue-command-v40 p{margin:0;max-width:800px;color:#64748b;font-size:.925rem;line-height:1.65}.mp-revenue-authority-v40{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:260px;max-width:340px;padding:15px 17px;border:1px solid #bbf7d0;border-radius:18px;background:rgba(240,253,244,.92);color:#166534}.mp-revenue-authority-v40 strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.mp-revenue-authority-v40 span{font-size:.78rem;line-height:1.5;color:#3f6212}
.mp-revenue-filter-v40{margin:0 0 18px;padding:18px;border:1px solid #dbe4ee;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.045)}.mp-revenue-filter-grid-v40{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.mp-revenue-filter-grid-v40 label{display:flex;flex-direction:column;gap:6px;min-width:0}.mp-revenue-filter-grid-v40 label>span{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.065em;color:#64748b}.mp-revenue-filter-actions-v40{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:14px;padding-top:14px;border-top:1px solid #eef2f7}.mp-revenue-scope-v40{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:-4px 0 18px;padding:11px 13px;border-radius:15px;background:#f8fafc;border:1px solid #e2e8f0;font-size:.76rem;color:#475569}.mp-revenue-scope-v40 strong{color:#0f172a;margin-right:3px}.mp-revenue-scope-v40 span{padding:4px 8px;border-radius:999px;background:#fff;border:1px solid #dbe4ee}
.mp-revenue-kpis-v40{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.mp-revenue-kpi-v40{position:relative;overflow:hidden;min-height:126px;padding:18px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;box-shadow:0 9px 24px rgba(15,23,42,.04)}.mp-revenue-kpi-v40:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#94a3b8}.mp-revenue-kpi-v40 span,.mp-revenue-kpi-v40 small{display:block;color:#64748b}.mp-revenue-kpi-v40 span{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.055em}.mp-revenue-kpi-v40 strong{display:block;margin:8px 0 2px;color:#0f172a;font-size:1.65rem;line-height:1.1;font-weight:850;letter-spacing:-.025em}.mp-revenue-kpi-v40 small{font-size:.76rem}.mp-revenue-tone-success:before{background:#10b981}.mp-revenue-tone-warning:before{background:#f59e0b}.mp-revenue-tone-danger:before{background:#ef4444}.mp-revenue-tone-info:before{background:#0ea5e9}.mp-revenue-tone-neutral:before{background:#64748b}
.mp-revenue-grid-v40{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.mp-revenue-grid-main-v40{grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr)}.mp-revenue-panel-v40{padding:20px;border-radius:22px!important}.mp-revenue-panel-v40>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:17px}.mp-revenue-panel-v40>header h2{margin:3px 0 4px;color:#0f172a;font-size:1.05rem;font-weight:800}.mp-revenue-panel-v40>header p{margin:0;color:#64748b;font-size:.8rem;line-height:1.5}.mp-revenue-panel-v40>header>strong{white-space:nowrap;color:#0f172a;font-size:1rem}.mp-revenue-bars-v40{display:flex;align-items:flex-end;gap:5px;height:190px;padding:10px 4px 0;border-bottom:1px solid #e2e8f0}.mp-revenue-bar-v40{display:flex;flex:1;min-width:8px;height:100%;align-items:center;justify-content:flex-end;flex-direction:column;gap:6px}.mp-revenue-bar-v40 i{display:block;width:min(100%,24px);min-height:5px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--brand-primary),var(--brand-secondary));box-shadow:0 5px 12px color-mix(in srgb,var(--brand-primary) 18%,transparent)}.mp-revenue-bar-v40 span{font-size:.61rem;color:#94a3b8}.mp-revenue-bars-hourly-v40{height:150px}.mp-revenue-gateways-v40,.mp-revenue-breakdown-v40{display:flex;flex-direction:column;gap:10px}.mp-revenue-gateways-v40 article,.mp-revenue-breakdown-v40 article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:12px 13px;border:1px solid #e6edf5;border-radius:15px;background:#fbfdff}.mp-revenue-gateways-v40 strong,.mp-revenue-breakdown-v40 strong{display:block;color:#1e293b;font-size:.82rem}.mp-revenue-gateways-v40 span,.mp-revenue-breakdown-v40 span{display:block;margin-top:2px;color:#64748b;font-size:.69rem}.mp-revenue-gateways-v40 b,.mp-revenue-breakdown-v40 b{align-self:center;color:#0f172a;font-size:.78rem}.mp-revenue-progress-v40{grid-column:1/-1;height:5px;border-radius:999px;overflow:hidden;background:#eaf0f6}.mp-revenue-progress-v40 i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary))}.mp-revenue-table-v40{width:100%;font-size:.78rem}.mp-revenue-table-v40 th{white-space:nowrap;color:#64748b;font-size:.65rem;text-transform:uppercase;letter-spacing:.055em}.mp-revenue-table-v40 td{vertical-align:top}.mp-revenue-table-v40 td strong{display:block;color:#1e293b;font-size:.78rem}.mp-revenue-table-v40 td small{display:block;margin-top:3px;color:#64748b;font-size:.68rem;line-height:1.45}.mp-revenue-ref-v40{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;overflow-wrap:anywhere}.mp-revenue-transactions-v40{margin-bottom:18px}.mp-revenue-guardrail-v40{display:flex;gap:9px;align-items:flex-start;margin:0 0 8px;padding:13px 15px;border:1px solid #bae6fd;border-radius:16px;background:#f0f9ff;color:#075985;font-size:.76rem;line-height:1.5}.mp-revenue-guardrail-v40 strong{white-space:nowrap}.mp-revenue-guardrail-v40 span{color:#0c4a6e}
@media(max-width:1180px){.mp-revenue-filter-grid-v40{grid-template-columns:repeat(3,minmax(0,1fr))}.mp-revenue-kpis-v40{grid-template-columns:repeat(3,minmax(0,1fr))}.mp-revenue-grid-main-v40{grid-template-columns:1fr}}
@media(max-width:760px){.mp-revenue-command-v40{flex-direction:column;padding:19px}.mp-revenue-authority-v40{min-width:0;max-width:none}.mp-revenue-filter-grid-v40{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-revenue-kpis-v40,.mp-revenue-grid-v40{grid-template-columns:1fr}.mp-revenue-filter-actions-v40{justify-content:stretch;flex-wrap:wrap}.mp-revenue-filter-actions-v40>*{flex:1;justify-content:center}.mp-revenue-bars-v40{overflow-x:auto;justify-content:flex-start}.mp-revenue-bar-v40{flex:0 0 18px}.mp-revenue-panel-v40>header{flex-direction:column}.mp-revenue-transactions-v40 .mp-revenue-table-v40 td[data-label="Inspect"] .mp-btn{width:100%;justify-content:center}}
@media(max-width:480px){.mp-revenue-filter-grid-v40{grid-template-columns:1fr}.mp-revenue-kpi-v40{min-height:108px}.mp-revenue-command-v40 h2{font-size:1.28rem}.mp-revenue-scope-v40{align-items:flex-start;flex-direction:column}.mp-revenue-guardrail-v40{flex-direction:column}}
@media(prefers-color-scheme:dark){.mp-revenue-command-v40,.mp-revenue-filter-v40,.mp-revenue-kpi-v40,.mp-revenue-panel-v40{background:#0f172a;border-color:#273449}.mp-revenue-command-v40 h2,.mp-revenue-kpi-v40 strong,.mp-revenue-panel-v40>header h2,.mp-revenue-panel-v40>header>strong,.mp-revenue-gateways-v40 strong,.mp-revenue-breakdown-v40 strong,.mp-revenue-gateways-v40 b,.mp-revenue-breakdown-v40 b,.mp-revenue-table-v40 td strong{color:#f8fafc}.mp-revenue-command-v40 p,.mp-revenue-kpi-v40 span,.mp-revenue-kpi-v40 small,.mp-revenue-panel-v40>header p,.mp-revenue-gateways-v40 span,.mp-revenue-breakdown-v40 span,.mp-revenue-table-v40 td small{color:#94a3b8}.mp-revenue-gateways-v40 article,.mp-revenue-breakdown-v40 article,.mp-revenue-scope-v40{background:#111c2f;border-color:#273449}.mp-revenue-scope-v40 span{background:#0f172a;border-color:#334155;color:#cbd5e1}.mp-revenue-scope-v40 strong{color:#f8fafc}.mp-revenue-progress-v40{background:#243247}.mp-revenue-authority-v40{background:#10261d;border-color:#166534}.mp-revenue-authority-v40 span{color:#bbf7d0}}
@media(forced-colors:active){.mp-revenue-kpi-v40:before,.mp-revenue-progress-v40 i,.mp-revenue-bar-v40 i{background:CanvasText}.mp-revenue-command-v40,.mp-revenue-filter-v40,.mp-revenue-kpi-v40,.mp-revenue-panel-v40,.mp-revenue-gateways-v40 article,.mp-revenue-breakdown-v40 article{border:1px solid CanvasText}}
@media print{.mp-revenue-filter-v40,.mp-revenue-filter-actions-v40,.mp-revenue-transactions-v40 .mp-btn,.mp-revenue-command-v40 .mp-revenue-authority-v40{display:none!important}.mp-revenue-command-v40,.mp-revenue-kpi-v40,.mp-revenue-panel-v40{box-shadow:none!important;break-inside:avoid}.mp-revenue-grid-v40,.mp-revenue-kpis-v40{gap:8px}.mp-revenue-guardrail-v40{border-color:#999;background:#fff;color:#222}}

/* Enterprise Bursary Analytics Dashboard & Finance Command Center UX v41 */
.mp-finance-command-center-v41{--v41-line:#dce5ef;--v41-muted:#64748b;--v41-ink:#0f172a}
.mp-finance-authority-v41{display:flex;gap:10px;align-items:flex-start;margin:0 0 16px;padding:13px 15px;border:1px solid #bae6fd;border-radius:16px;background:#f0f9ff;color:#075985;font-size:.78rem;line-height:1.55}.mp-finance-authority-v41 strong{white-space:nowrap}.mp-finance-authority-v41 span{color:#0c4a6e}
.mp-finance-kpi-grid-v41{grid-template-columns:repeat(6,minmax(0,1fr))}.mp-finance-kpi-grid-v41 .mp-finance-kpi{min-width:0}
.mp-finance-command-grid-v41{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;margin:18px 0}.mp-finance-attention-list-v41{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mp-finance-attention-item-v41{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid #e2e8f0;border-radius:17px;background:#fbfdff;color:inherit;text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.mp-finance-attention-item-v41:hover,.mp-finance-attention-item-v41:focus-visible{transform:translateY(-1px);border-color:#bfdbfe;box-shadow:0 10px 24px rgba(15,23,42,.06)}.mp-finance-attention-count-v41{display:grid;place-items:center;min-width:42px;height:42px;border-radius:13px;background:#eff6ff;color:#1d4ed8;font-size:1.02rem;font-weight:850}.mp-finance-attention-copy-v41{min-width:0}.mp-finance-attention-copy-v41 strong,.mp-finance-attention-copy-v41 small{display:block}.mp-finance-attention-copy-v41 strong{font-size:.82rem;color:#1e293b}.mp-finance-attention-copy-v41 small{margin-top:3px;color:#64748b;font-size:.7rem;line-height:1.4}.mp-finance-attention-arrow-v41{color:#94a3b8}.mp-finance-attention-item-v41--warning .mp-finance-attention-count-v41{background:#fffbeb;color:#b45309}.mp-finance-attention-item-v41--danger .mp-finance-attention-count-v41{background:#fef2f2;color:#b91c1c}.mp-finance-attention-item-v41--info .mp-finance-attention-count-v41{background:#ecfeff;color:#0e7490}
.mp-finance-report-links-v41{display:grid;gap:9px}.mp-finance-report-links-v41 a{display:block;padding:13px 14px;border:1px solid #e2e8f0;border-radius:15px;background:#fbfdff;text-decoration:none}.mp-finance-report-links-v41 a:hover,.mp-finance-report-links-v41 a:focus-visible{border-color:#bfdbfe;background:#f8fbff}.mp-finance-report-links-v41 strong,.mp-finance-report-links-v41 span{display:block}.mp-finance-report-links-v41 strong{color:#1e293b;font-size:.8rem}.mp-finance-report-links-v41 span{margin-top:3px;color:#64748b;font-size:.69rem;line-height:1.45}
.mp-finance-gateway-health-v41{margin:0 0 18px;padding:20px}.mp-finance-gateway-grid-v41{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mp-finance-gateway-card-v41{padding:15px;border:1px solid #e2e8f0;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfdff)}.mp-finance-gateway-card-head-v41{display:flex;align-items:center;justify-content:space-between;gap:10px}.mp-finance-gateway-card-head-v41 strong{color:#1e293b;font-size:.83rem}.mp-finance-gateway-card-head-v41 span{font-size:.67rem;color:#64748b}.mp-finance-gateway-paid-v41{margin:14px 0 11px;color:#0f172a;font-weight:850;font-size:1.18rem}.mp-finance-gateway-paid-v41 small{display:block;margin-top:2px;color:#64748b;font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.mp-finance-gateway-states-v41{display:flex;flex-wrap:wrap;gap:5px}.mp-finance-gateway-states-v41 span{padding:4px 7px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:.63rem;font-weight:750}.mp-finance-gateway-states-v41 .is-success{background:#ecfdf5;color:#047857}.mp-finance-gateway-states-v41 .is-warning{background:#fffbeb;color:#b45309}.mp-finance-gateway-states-v41 .is-danger{background:#fef2f2;color:#b91c1c}
.mp-finance-degraded-v41{margin:18px 0 0;padding:13px 15px;border:1px solid #fecaca;border-radius:16px;background:#fff7ed;color:#9a3412;font-size:.77rem;line-height:1.5}.mp-focus-surface-v41:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-primary) 42%,transparent);outline-offset:2px}
@media(max-width:1280px){.mp-finance-kpi-grid-v41{grid-template-columns:repeat(3,minmax(0,1fr))}.mp-finance-gateway-grid-v41{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.mp-finance-command-grid-v41{grid-template-columns:1fr}.mp-finance-attention-list-v41{grid-template-columns:1fr}}
@media(max-width:640px){.mp-finance-kpi-grid-v41,.mp-finance-gateway-grid-v41{grid-template-columns:1fr}.mp-finance-authority-v41{flex-direction:column}.mp-finance-gateway-health-v41{padding:16px}.mp-finance-attention-item-v41{grid-template-columns:auto minmax(0,1fr)}}
@media(prefers-color-scheme:dark){.mp-finance-authority-v41{background:#0c2533;border-color:#155e75;color:#bae6fd}.mp-finance-authority-v41 span{color:#bae6fd}.mp-finance-attention-item-v41,.mp-finance-report-links-v41 a,.mp-finance-gateway-card-v41{background:#111c2f;border-color:#273449}.mp-finance-attention-copy-v41 strong,.mp-finance-report-links-v41 strong,.mp-finance-gateway-card-head-v41 strong,.mp-finance-gateway-paid-v41{color:#f8fafc}.mp-finance-attention-copy-v41 small,.mp-finance-report-links-v41 span,.mp-finance-gateway-card-head-v41 span,.mp-finance-gateway-paid-v41 small{color:#94a3b8}.mp-finance-degraded-v41{background:#2b1d11;border-color:#7c2d12;color:#fed7aa}}
@media(forced-colors:active){.mp-finance-attention-item-v41,.mp-finance-report-links-v41 a,.mp-finance-gateway-card-v41,.mp-finance-authority-v41{border:1px solid CanvasText}}
@media print{.mp-finance-authority-v41,.mp-finance-report-center-v41,.mp-finance-attention-arrow-v41{display:none!important}.mp-finance-command-grid-v41,.mp-finance-gateway-grid-v41,.mp-finance-kpi-grid-v41{gap:8px}.mp-finance-attention-item-v41,.mp-finance-gateway-card-v41{box-shadow:none!important;break-inside:avoid}}


/* Enterprise Admin Finance Oversight & Reversal Approval Command Center UX v42 */
#mp-main[data-mp-admin-finance-oversight="v42"] .mp-admin-finance-command-v42{
  overflow:hidden;
  border-color:#dbe7f3;
  background:linear-gradient(145deg,#ffffff 0%,#f8fbff 58%,#f0fdfa 100%);
  box-shadow:0 18px 42px rgba(15,23,42,.06);
}
#mp-main .mp-admin-finance-command-head-v42{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  padding:1.05rem 1.1rem .95rem;
  border-bottom:1px solid #e8eef6;
}
#mp-main .mp-admin-finance-command-actions-v42{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}
#mp-main .mp-admin-finance-degraded-v42{
  display:flex;gap:.65rem;align-items:flex-start;margin:.9rem 1.1rem 0;padding:.75rem .85rem;
  border:1px solid #fcd34d;border-radius:14px;background:#fffbeb;color:#92400e;font-size:.72rem;line-height:1.45
}
#mp-main .mp-admin-finance-degraded-v42 strong{flex:0 0 auto}
#mp-main .mp-admin-finance-metrics-v42{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;padding:1rem 1.1rem
}
#mp-main .mp-admin-finance-metric-v42{
  position:relative;display:grid;gap:.24rem;min-width:0;padding:.9rem .9rem .85rem;
  border:1px solid #e4ebf4;border-radius:17px;background:#fff;color:inherit;text-decoration:none;
  box-shadow:0 8px 20px rgba(15,23,42,.035);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease
}
#mp-main .mp-admin-finance-metric-v42::before{content:"";position:absolute;left:.7rem;right:.7rem;top:0;height:3px;border-radius:0 0 999px 999px;background:#64748b}
#mp-main .mp-admin-finance-metric-v42.is-success::before{background:#10b981}
#mp-main .mp-admin-finance-metric-v42.is-warning::before{background:#f59e0b}
#mp-main .mp-admin-finance-metric-v42.is-danger::before{background:#ef4444}
#mp-main .mp-admin-finance-metric-v42:hover{transform:translateY(-2px);border-color:#cbd8e8;box-shadow:0 13px 28px rgba(15,23,42,.07)}
#mp-main .mp-admin-finance-metric-v42 > span{color:#64748b;font-size:.64rem;font-weight:750;text-transform:uppercase;letter-spacing:.045em}
#mp-main .mp-admin-finance-metric-v42 > strong{overflow-wrap:anywhere;color:#172033;font-size:1rem;font-weight:820;line-height:1.2}
#mp-main .mp-admin-finance-metric-v42 > small{color:#64748b;font-size:.63rem;line-height:1.4}
#mp-main .mp-admin-finance-grid-v42{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:1rem;padding:0 1.1rem 1rem}
#mp-main .mp-admin-finance-gateways-v42,#mp-main .mp-admin-reversal-command-v42{
  min-width:0;padding:.95rem;border:1px solid #e7edf5;border-radius:18px;background:rgba(255,255,255,.78)
}
#mp-main .mp-admin-finance-subhead-v42{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}
#mp-main .mp-admin-finance-subhead-v42 h3{margin:.08rem 0 0;color:#172033;font-size:.92rem;font-weight:780}
#mp-main .mp-admin-finance-subhead-v42 a{color:#2563eb;font-size:.66rem;font-weight:700;text-decoration:none;white-space:nowrap}
#mp-main .mp-admin-gateway-grid-v42{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
#mp-main .mp-admin-gateway-card-v42{min-width:0;padding:.8rem;border:1px solid #e7edf5;border-radius:15px;background:#fbfdff}
#mp-main .mp-admin-gateway-head-v42{display:flex;align-items:center;justify-content:space-between;gap:.55rem}
#mp-main .mp-admin-gateway-head-v42 strong{min-width:0;overflow:hidden;color:#172033;font-size:.72rem;font-weight:780;text-overflow:ellipsis;white-space:nowrap}
#mp-main .mp-admin-gateway-head-v42 span{flex:0 0 auto;color:#64748b;font-size:.59rem}
#mp-main .mp-admin-gateway-amount-v42{display:grid;gap:.08rem;margin-top:.52rem;color:#0f766e;font-size:.95rem;font-weight:820;font-variant-numeric:tabular-nums}
#mp-main .mp-admin-gateway-amount-v42 small{color:#64748b;font-size:.57rem;font-weight:650;text-transform:uppercase;letter-spacing:.04em}
#mp-main .mp-admin-gateway-states-v42{display:flex;flex-wrap:wrap;gap:.32rem;margin-top:.55rem}
#mp-main .mp-admin-gateway-states-v42 span{padding:.22rem .38rem;border-radius:999px;background:#f1f5f9;color:#475569;font-size:.56rem;font-weight:680}
#mp-main .mp-admin-gateway-states-v42 span.is-success{background:#ecfdf5;color:#047857}
#mp-main .mp-admin-gateway-states-v42 span.is-warning{background:#fffbeb;color:#b45309}
#mp-main .mp-admin-gateway-states-v42 span.is-danger{background:#fff1f2;color:#be123c}
#mp-main .mp-admin-reversal-summary-v42{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-bottom:.65rem}
#mp-main .mp-admin-reversal-summary-v42 span{display:flex;align-items:center;gap:.35rem;padding:.48rem .55rem;border:1px solid #e7edf5;border-radius:12px;background:#fbfdff;color:#64748b;font-size:.59rem}
#mp-main .mp-admin-reversal-summary-v42 b{color:#172033;font-size:.76rem}
#mp-main .mp-admin-reversal-list-v42{display:grid;border:1px solid #e7edf5;border-radius:14px;overflow:hidden;background:#fff}
#mp-main .mp-admin-reversal-case-v42{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.72rem .75rem;border-bottom:1px solid #eef2f7;color:inherit;text-decoration:none;transition:background .16s ease}
#mp-main .mp-admin-reversal-case-v42:last-child{border-bottom:0}
#mp-main .mp-admin-reversal-case-v42:hover{background:#f8fbff}
#mp-main .mp-admin-reversal-case-main-v42,#mp-main .mp-admin-reversal-case-side-v42{display:grid;gap:.12rem;min-width:0}
#mp-main .mp-admin-reversal-case-main-v42 strong{overflow:hidden;color:#172033;font-size:.7rem;font-weight:760;text-overflow:ellipsis;white-space:nowrap}
#mp-main .mp-admin-reversal-case-main-v42 small{overflow:hidden;color:#64748b;font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}
#mp-main .mp-admin-reversal-case-side-v42{flex:0 0 auto;justify-items:end;text-align:right}
#mp-main .mp-admin-reversal-case-side-v42 strong{color:#92400e;font-size:.7rem;font-variant-numeric:tabular-nums}
#mp-main .mp-admin-reversal-case-side-v42 small{color:#64748b;font-size:.56rem}
#mp-main .mp-admin-finance-empty-v42{padding:.8rem;border:1px dashed #cbd5e1;border-radius:13px;background:#f8fafc;color:#64748b;font-size:.66rem;line-height:1.45}
#mp-main .mp-admin-finance-guardrail-v42,#mp-main .mp-reversal-guardrail-v42{
  display:flex;align-items:flex-start;gap:.55rem;margin:0 1.1rem 1rem;padding:.72rem .8rem;
  border:1px solid #bae6fd;border-radius:14px;background:#f0f9ff;color:#0c4a6e;font-size:.65rem;line-height:1.45
}
#mp-main .mp-admin-finance-guardrail-v42 strong,#mp-main .mp-reversal-guardrail-v42 strong{flex:0 0 auto}
#mp-main .mp-reversal-guardrail-v42{margin:.75rem 0 1rem}
#mp-main .mp-reversal-approval-stats-v42 a.mp-workflow-stat{color:inherit;text-decoration:none;transition:transform .16s ease,border-color .16s ease}
#mp-main .mp-reversal-approval-stats-v42 a.mp-workflow-stat:hover{transform:translateY(-2px);border-color:#bfdbfe}
#mp-main .mp-reversal-amount-v42{font-size:1.15rem!important;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#mp-main[data-mp-admin-finance-oversight="v42"].mp-admin-finance-oversight-runtime-v42 .mp-admin-finance-command-v42 a:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:2px}

@media (max-width:1200px){
  #mp-main .mp-admin-finance-metrics-v42{grid-template-columns:repeat(3,minmax(0,1fr))}
  #mp-main .mp-admin-finance-grid-v42{grid-template-columns:1fr}
  #mp-main .mp-admin-gateway-grid-v42{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  #mp-main .mp-admin-finance-command-head-v42{display:grid}
  #mp-main .mp-admin-finance-command-actions-v42{justify-content:flex-start}
  #mp-main .mp-admin-finance-metrics-v42{grid-template-columns:repeat(2,minmax(0,1fr))}
  #mp-main .mp-admin-gateway-grid-v42{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  #mp-main .mp-admin-finance-command-head-v42,#mp-main .mp-admin-finance-metrics-v42,#mp-main .mp-admin-finance-grid-v42{padding-left:.8rem;padding-right:.8rem}
  #mp-main .mp-admin-finance-command-actions-v42{display:grid;grid-template-columns:1fr;width:100%}
  #mp-main .mp-admin-finance-command-actions-v42 .mp-btn{width:100%;justify-content:center}
  #mp-main .mp-admin-finance-metrics-v42,#mp-main .mp-admin-gateway-grid-v42{grid-template-columns:1fr}
  #mp-main .mp-admin-reversal-case-v42{align-items:flex-start;flex-direction:column}
  #mp-main .mp-admin-reversal-case-side-v42{justify-items:start;text-align:left}
  #mp-main .mp-admin-finance-guardrail-v42{display:grid;margin-left:.8rem;margin-right:.8rem}
  #mp-main .mp-reversal-approval-stats-v42{grid-template-columns:1fr!important}
}
body.dark #mp-main .mp-admin-finance-command-v42{border-color:#334155;background:linear-gradient(145deg,#111827,#0f172a 65%,#102a2a)}
body.dark #mp-main .mp-admin-finance-command-head-v42{border-color:#334155}
body.dark #mp-main .mp-admin-finance-metric-v42,body.dark #mp-main .mp-admin-finance-gateways-v42,body.dark #mp-main .mp-admin-reversal-command-v42,body.dark #mp-main .mp-admin-gateway-card-v42,body.dark #mp-main .mp-admin-reversal-list-v42,body.dark #mp-main .mp-admin-reversal-summary-v42 span{border-color:#334155;background:#111827}
body.dark #mp-main .mp-admin-finance-metric-v42 > strong,body.dark #mp-main .mp-admin-finance-subhead-v42 h3,body.dark #mp-main .mp-admin-gateway-head-v42 strong,body.dark #mp-main .mp-admin-reversal-case-main-v42 strong,body.dark #mp-main .mp-admin-reversal-summary-v42 b{color:#f8fafc}
body.dark #mp-main .mp-admin-finance-metric-v42 > span,body.dark #mp-main .mp-admin-finance-metric-v42 > small,body.dark #mp-main .mp-admin-gateway-head-v42 span,body.dark #mp-main .mp-admin-gateway-amount-v42 small,body.dark #mp-main .mp-admin-reversal-case-main-v42 small,body.dark #mp-main .mp-admin-reversal-case-side-v42 small,body.dark #mp-main .mp-admin-reversal-summary-v42 span{color:#94a3b8}
body.dark #mp-main .mp-admin-reversal-case-v42{border-color:#1f2937}
body.dark #mp-main .mp-admin-reversal-case-v42:hover{background:#172033}
body.dark #mp-main .mp-admin-finance-empty-v42{border-color:#475569;background:#0f172a;color:#94a3b8}
body.dark #mp-main .mp-admin-finance-guardrail-v42,body.dark #mp-main .mp-reversal-guardrail-v42{border-color:#164e63;background:rgba(8,47,73,.55);color:#bae6fd}
body.dark #mp-main .mp-admin-finance-degraded-v42{border-color:#92400e;background:rgba(120,53,15,.28);color:#fde68a}
@media (prefers-reduced-motion:reduce){#mp-main .mp-admin-finance-metric-v42,#mp-main .mp-admin-reversal-case-v42,#mp-main .mp-reversal-approval-stats-v42 a.mp-workflow-stat{transition:none!important}}
@media (forced-colors:active){#mp-main .mp-admin-finance-command-v42,#mp-main .mp-admin-finance-metric-v42,#mp-main .mp-admin-finance-gateways-v42,#mp-main .mp-admin-reversal-command-v42,#mp-main .mp-admin-gateway-card-v42,#mp-main .mp-admin-reversal-list-v42{border:1px solid CanvasText;background:Canvas}}
@media print{#mp-main .mp-admin-finance-command-actions-v42{display:none!important}#mp-main .mp-admin-finance-command-v42{box-shadow:none!important;background:#fff!important}#mp-main .mp-admin-finance-metrics-v42{grid-template-columns:repeat(5,1fr)}}

/* Enterprise Admin Payment & Financial Audit Investigation UX v43 */
#mp-main[data-mp-admin-payment-audit="v43"] .mp-payment-audit-command-v43{
  overflow:hidden;border-color:#dce7f4;background:linear-gradient(145deg,#fff 0%,#f8fbff 58%,#fffaf3 100%);box-shadow:0 18px 42px rgba(15,23,42,.06)
}
#mp-main .mp-payment-audit-head-v43{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.05rem 1.1rem .95rem;border-bottom:1px solid #e8eef6}
#mp-main .mp-payment-audit-head-v43 h2{margin:.16rem 0 0;color:#172033;font-size:1.05rem;font-weight:820;letter-spacing:-.015em}
#mp-main .mp-payment-audit-head-v43 p{max-width:760px;margin:.35rem 0 0;color:#64748b;font-size:.72rem;line-height:1.5}
#mp-main .mp-payment-audit-head-actions-v43{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}
#mp-main .mp-payment-audit-metrics-v43{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;padding:1rem 1.1rem}
#mp-main .mp-payment-audit-metrics-v43>div{position:relative;display:grid;gap:.2rem;min-width:0;padding:.82rem .88rem;border:1px solid #e4ebf4;border-radius:16px;background:#fff;box-shadow:0 7px 18px rgba(15,23,42,.03)}
#mp-main .mp-payment-audit-metrics-v43>div::before{content:"";position:absolute;left:.65rem;right:.65rem;top:0;height:3px;border-radius:0 0 999px 999px;background:#64748b}
#mp-main .mp-payment-audit-metrics-v43>div.is-warning::before{background:#f59e0b}
#mp-main .mp-payment-audit-metrics-v43>div.is-success::before{background:#10b981}
#mp-main .mp-payment-audit-metrics-v43 span{color:#64748b;font-size:.61rem;font-weight:760;text-transform:uppercase;letter-spacing:.045em}
#mp-main .mp-payment-audit-metrics-v43 strong{color:#172033;font-size:1.1rem;font-weight:830;font-variant-numeric:tabular-nums}
#mp-main .mp-payment-audit-metrics-v43 small{color:#64748b;font-size:.6rem;line-height:1.4}
#mp-main .mp-payment-audit-degraded-v43{display:flex;gap:.55rem;align-items:flex-start;margin:0 1.1rem .8rem;padding:.7rem .8rem;border:1px solid #fcd34d;border-radius:13px;background:#fffbeb;color:#92400e;font-size:.65rem;line-height:1.45}
#mp-main .mp-payment-audit-degraded-v43 strong{flex:0 0 auto}
#mp-main .mp-payment-audit-exceptions-v43{display:grid;gap:.55rem;padding:0 1.1rem .85rem}
#mp-main .mp-payment-audit-exception-v43{display:grid;gap:.2rem;padding:.72rem .8rem;border:1px solid #dbe4ef;border-left-width:4px;border-radius:13px;background:#fff}
#mp-main .mp-payment-audit-exception-v43 strong{color:#172033;font-size:.7rem;font-weight:780}
#mp-main .mp-payment-audit-exception-v43 span{color:#64748b;font-size:.64rem;line-height:1.48}
#mp-main .mp-payment-audit-exception-v43.is-danger{border-color:#fecaca;border-left-color:#ef4444;background:#fff7f7}
#mp-main .mp-payment-audit-exception-v43.is-warning{border-color:#fde68a;border-left-color:#f59e0b;background:#fffbeb}
#mp-main .mp-payment-audit-exception-v43.is-info{border-color:#bae6fd;border-left-color:#0ea5e9;background:#f0f9ff}
#mp-main .mp-payment-audit-exception-v43.is-success{border-color:#bbf7d0;border-left-color:#10b981;background:#f0fdf4}
#mp-main .mp-payment-audit-clear-v43{display:grid;gap:.18rem;margin:0 1.1rem .85rem;padding:.72rem .8rem;border:1px solid #bbf7d0;border-radius:13px;background:#f0fdf4}
#mp-main .mp-payment-audit-clear-v43 strong{color:#047857;font-size:.7rem}
#mp-main .mp-payment-audit-clear-v43 span{color:#4b635b;font-size:.62rem;line-height:1.45}
#mp-main .mp-payment-audit-guardrail-v43{display:flex;align-items:flex-start;gap:.55rem;margin:0 1.1rem 1rem;padding:.72rem .8rem;border:1px solid #bae6fd;border-radius:14px;background:#f0f9ff;color:#0c4a6e;font-size:.64rem;line-height:1.48}
#mp-main .mp-payment-audit-guardrail-v43 strong{flex:0 0 auto}
#mp-main .mp-payment-audit-section-head-v43{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}
#mp-main .mp-payment-audit-section-head-v43>span{flex:0 0 auto;padding:.3rem .5rem;border-radius:999px;background:#f1f5f9;color:#475569;font-size:.58rem;font-weight:720}
#mp-main .mp-payment-evidence-v43 table td,#mp-main .mp-payment-evidence-v43 table th{vertical-align:top}
#mp-main .mp-payment-reversal-history-v43{overflow:hidden}
#mp-main .mp-payment-reversal-case-v43{position:relative;overflow:hidden;padding:.85rem;border:1px solid #e4ebf4;border-radius:15px;background:#fff}
#mp-main .mp-payment-reversal-case-v43::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#f59e0b}
#mp-main .mp-payment-reversal-case-v43.is-approved::before{background:#ef4444}
#mp-main .mp-payment-reversal-case-v43.is-rejected::before{background:#64748b}
#mp-main .mp-payment-reversal-case-head-v43{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}
#mp-main .mp-payment-reversal-case-head-v43>div{display:grid;gap:.12rem;min-width:0}
#mp-main .mp-payment-reversal-case-head-v43 strong{color:#172033;font-size:.72rem;font-weight:780}
#mp-main .mp-payment-reversal-case-head-v43 span:not(.mp-status){overflow:hidden;color:#64748b;font-size:.6rem;text-overflow:ellipsis;white-space:nowrap}
#mp-main .mp-payment-reversal-case-grid-v43{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.72rem}
#mp-main .mp-payment-reversal-case-grid-v43>div{display:grid;gap:.14rem;min-width:0;padding:.58rem .62rem;border:1px solid #edf1f6;border-radius:12px;background:#fbfdff}
#mp-main .mp-payment-reversal-case-grid-v43 span{color:#64748b;font-size:.56rem;font-weight:720;text-transform:uppercase;letter-spacing:.04em}
#mp-main .mp-payment-reversal-case-grid-v43 strong{overflow-wrap:anywhere;color:#334155;font-size:.65rem;line-height:1.42}
#mp-main .mp-payment-reversal-case-grid-v43 small{color:#94a3b8;font-size:.55rem}
#mp-main .mp-payment-reissue-v43{margin-top:.65rem;padding:.55rem .62rem;border:1px solid #dbeafe;border-radius:11px;background:#eff6ff;color:#475569;font-size:.62rem}
#mp-main .mp-payment-reissue-v43 a{color:#1d4ed8;font-weight:720;text-decoration:none}
#mp-main .mp-payment-audit-empty-v43{padding:.75rem .8rem;border:1px dashed #cbd5e1;border-radius:13px;background:#f8fafc;color:#64748b;font-size:.65rem;line-height:1.45}
#mp-main .mp-payment-audit-timeline-v43{padding-top:.2rem}
#mp-main .mp-payment-audit-event-v43{position:relative;padding:.75rem .8rem .75rem .95rem;border:1px solid #e5ebf3;border-radius:14px;background:#fff}
#mp-main .mp-payment-audit-event-v43::before{content:"";position:absolute;left:.38rem;top:.9rem;width:6px;height:6px;border-radius:999px;background:#94a3b8}
#mp-main .mp-payment-audit-event-v43.is-success::before{background:#10b981}
#mp-main .mp-payment-audit-event-v43.is-warning::before{background:#f59e0b}
#mp-main .mp-payment-audit-event-v43.is-danger::before{background:#ef4444}
#mp-main .mp-payment-audit-event-head-v43{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}
#mp-main .mp-payment-audit-event-head-v43>div{display:grid;gap:.12rem;min-width:0}
#mp-main .mp-payment-audit-event-head-v43 strong{overflow-wrap:anywhere;color:#172033;font-size:.68rem;font-weight:770}
#mp-main .mp-payment-audit-event-head-v43 span{color:#64748b;font-size:.55rem}
#mp-main .mp-payment-audit-event-head-v43 time{flex:0 0 auto;color:#94a3b8;font-size:.55rem;white-space:nowrap}
#mp-main .mp-payment-audit-event-actor-v43{margin-top:.25rem;color:#64748b;font-size:.58rem}
#mp-main .mp-payment-audit-meta-v43{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin-top:.55rem}
#mp-main .mp-payment-audit-meta-v43>div{display:grid;gap:.08rem;min-width:0;padding:.45rem .52rem;border:1px solid #eef2f7;border-radius:10px;background:#f8fafc}
#mp-main .mp-payment-audit-meta-v43 span{color:#64748b;font-size:.52rem;text-transform:uppercase;letter-spacing:.04em}
#mp-main .mp-payment-audit-meta-v43 strong{overflow-wrap:anywhere;color:#334155;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:.58rem;font-weight:600;line-height:1.4}
#mp-main[data-mp-admin-payment-audit="v43"].mp-admin-payment-audit-runtime-v43 .mp-payment-audit-command-v43 a:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:2px}
@media(max-width:1000px){
  #mp-main .mp-payment-audit-metrics-v43{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  #mp-main .mp-payment-audit-head-v43{display:grid}
  #mp-main .mp-payment-audit-head-actions-v43{display:grid;grid-template-columns:1fr;width:100%}
  #mp-main .mp-payment-audit-head-actions-v43 .mp-btn{width:100%;justify-content:center}
  #mp-main .mp-payment-audit-section-head-v43{display:grid}
  #mp-main .mp-payment-reversal-case-grid-v43,#mp-main .mp-payment-audit-meta-v43{grid-template-columns:1fr}
  #mp-main .mp-payment-audit-event-head-v43{display:grid}
}
@media(max-width:520px){
  #mp-main .mp-payment-audit-metrics-v43{grid-template-columns:1fr;padding-left:.8rem;padding-right:.8rem}
  #mp-main .mp-payment-audit-head-v43{padding-left:.8rem;padding-right:.8rem}
  #mp-main .mp-payment-audit-exceptions-v43{padding-left:.8rem;padding-right:.8rem}
  #mp-main .mp-payment-audit-clear-v43,#mp-main .mp-payment-audit-degraded-v43,#mp-main .mp-payment-audit-guardrail-v43{margin-left:.8rem;margin-right:.8rem}
  #mp-main .mp-payment-audit-guardrail-v43,#mp-main .mp-payment-audit-degraded-v43{display:grid}
  #mp-main .mp-payment-reversal-case-head-v43{display:grid}
}
body.dark #mp-main .mp-payment-audit-command-v43{border-color:#334155;background:linear-gradient(145deg,#111827,#0f172a 68%,#2a1f13)}
body.dark #mp-main .mp-payment-audit-head-v43{border-color:#273449}
body.dark #mp-main .mp-payment-audit-head-v43 h2,body.dark #mp-main .mp-payment-audit-metrics-v43 strong,body.dark #mp-main .mp-payment-audit-exception-v43 strong,body.dark #mp-main .mp-payment-reversal-case-head-v43 strong,body.dark #mp-main .mp-payment-audit-event-head-v43 strong{color:#f8fafc}
body.dark #mp-main .mp-payment-audit-head-v43 p,body.dark #mp-main .mp-payment-audit-metrics-v43 span,body.dark #mp-main .mp-payment-audit-metrics-v43 small{color:#94a3b8}
body.dark #mp-main .mp-payment-audit-metrics-v43>div,body.dark #mp-main .mp-payment-audit-exception-v43,body.dark #mp-main .mp-payment-reversal-case-v43,body.dark #mp-main .mp-payment-audit-event-v43{border-color:#2b384b;background:#111c2f}
body.dark #mp-main .mp-payment-audit-exception-v43.is-danger{border-color:#7f1d1d;background:#2b1518}
body.dark #mp-main .mp-payment-audit-exception-v43.is-warning{border-color:#78350f;background:#2b1d11}
body.dark #mp-main .mp-payment-audit-exception-v43.is-info{border-color:#164e63;background:#0c2533}
body.dark #mp-main .mp-payment-audit-clear-v43{border-color:#14532d;background:#10251c}
body.dark #mp-main .mp-payment-audit-clear-v43 strong{color:#86efac}
body.dark #mp-main .mp-payment-audit-clear-v43 span{color:#a7c8b8}
body.dark #mp-main .mp-payment-audit-guardrail-v43{border-color:#155e75;background:#0c2533;color:#bae6fd}
body.dark #mp-main .mp-payment-reversal-case-grid-v43>div,body.dark #mp-main .mp-payment-audit-meta-v43>div,body.dark #mp-main .mp-payment-audit-empty-v43{border-color:#273449;background:#0f172a}
body.dark #mp-main .mp-payment-reversal-case-grid-v43 strong,body.dark #mp-main .mp-payment-audit-meta-v43 strong{color:#dbe5f2}
body.dark #mp-main .mp-payment-reissue-v43{border-color:#1e3a8a;background:#111f3e;color:#cbd5e1}
@media(forced-colors:active){
  #mp-main .mp-payment-audit-command-v43,#mp-main .mp-payment-audit-metrics-v43>div,#mp-main .mp-payment-audit-exception-v43,#mp-main .mp-payment-reversal-case-v43,#mp-main .mp-payment-audit-event-v43{border:1px solid CanvasText}
}
@media print{
  #mp-main .mp-payment-audit-head-actions-v43,#mp-main .mp-payment-audit-guardrail-v43{display:none!important}
  #mp-main .mp-payment-audit-command-v43,#mp-main .mp-payment-reversal-case-v43,#mp-main .mp-payment-audit-event-v43{box-shadow:none!important;break-inside:avoid}
}

/* Enterprise Admin Financial Exception & Reconciliation Investigation Center UX v44 */
#mp-main .mp-financial-exception-center-v44{display:grid;gap:1rem}
#mp-main .mp-financial-exception-head-v44{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.05rem 1.1rem;border:1px solid #dbe4ef;border-radius:20px;background:linear-gradient(145deg,#fff,#f8fbff 70%,#fff7ed);box-shadow:0 12px 32px rgba(15,23,42,.05)}
#mp-main .mp-financial-exception-head-v44>div:first-child{min-width:0;max-width:58rem}
#mp-main .mp-financial-exception-head-v44 h2{margin:.16rem 0 0;color:#172033;font-size:1.08rem;font-weight:780;line-height:1.25}
#mp-main .mp-financial-exception-head-v44 p{margin:.34rem 0 0;color:#64748b;font-size:.7rem;line-height:1.55}
#mp-main .mp-financial-exception-head-actions-v44{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}
#mp-main .mp-financial-exception-degraded-v44{display:flex;gap:.6rem;padding:.75rem .85rem;border:1px solid #fdba74;border-radius:14px;background:#fff7ed;color:#9a3412;font-size:.66rem;line-height:1.45}
#mp-main .mp-financial-exception-degraded-v44 strong{flex:0 0 auto}
#mp-main .mp-financial-exception-kpis-v44{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.7rem}
#mp-main .mp-financial-exception-kpis-v44>a{display:grid;gap:.18rem;min-width:0;padding:.8rem .82rem;border:1px solid #e2e8f0;border-radius:16px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 5px 18px rgba(15,23,42,.035);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
#mp-main .mp-financial-exception-kpis-v44>a:hover{transform:translateY(-1px);border-color:#bfdbfe;box-shadow:0 9px 22px rgba(15,23,42,.06)}
#mp-main .mp-financial-exception-kpis-v44>a.is-active{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.1)}
#mp-main .mp-financial-exception-kpis-v44>a.is-danger{border-left:4px solid #ef4444}
#mp-main .mp-financial-exception-kpis-v44>a.is-warning{border-left:4px solid #f59e0b}
#mp-main .mp-financial-exception-kpis-v44 span{overflow-wrap:anywhere;color:#64748b;font-size:.58rem;font-weight:720;text-transform:uppercase;letter-spacing:.035em}
#mp-main .mp-financial-exception-kpis-v44 strong{color:#172033;font-size:1.18rem;font-weight:800;font-variant-numeric:tabular-nums}
#mp-main .mp-financial-exception-kpis-v44 small{color:#94a3b8;font-size:.54rem;line-height:1.35}
#mp-main .mp-financial-exception-filter-v44{display:grid;grid-template-columns:minmax(15rem,1.7fr) repeat(3,minmax(10rem,1fr)) auto;gap:.7rem;align-items:end;padding:.9rem;border:1px solid #dfe7f1;border-radius:18px;background:#fff}
#mp-main .mp-financial-exception-filter-v44 label{display:grid;gap:.28rem;min-width:0}
#mp-main .mp-financial-exception-filter-v44 label>span{color:#64748b;font-size:.58rem;font-weight:720}
#mp-main .mp-financial-exception-filter-v44 input,#mp-main .mp-financial-exception-filter-v44 select{width:100%;min-height:42px;padding:.55rem .65rem;border:1px solid #cbd5e1;border-radius:11px;background:#fff;color:#1e293b;font-size:.66rem}
#mp-main .mp-financial-exception-filter-v44 input:focus,#mp-main .mp-financial-exception-filter-v44 select:focus{outline:3px solid rgba(37,99,235,.14);border-color:#60a5fa}
#mp-main .mp-financial-exception-filter-actions-v44{display:flex;gap:.4rem}
#mp-main .mp-financial-exception-context-v44{display:flex;align-items:flex-start;gap:.65rem;padding:.68rem .8rem;border:1px solid #bae6fd;border-radius:14px;background:#f0f9ff;color:#475569;font-size:.62rem;line-height:1.45}
#mp-main .mp-financial-exception-context-v44 strong{flex:0 0 auto;color:#075985}
#mp-main .mp-financial-exception-table-shell-v44{overflow:hidden;border:1px solid #dfe7f1;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.04)}
#mp-main .mp-financial-exception-table-shell-v44 table{width:100%;min-width:1120px;border-collapse:collapse;font-size:.64rem}
#mp-main .mp-financial-exception-table-shell-v44 th{padding:.72rem .78rem;border-bottom:1px solid #dfe7f1;background:#f8fafc;color:#64748b;font-size:.56rem;font-weight:760;text-align:left;text-transform:uppercase;letter-spacing:.035em}
#mp-main .mp-financial-exception-table-shell-v44 td{padding:.82rem .78rem;border-bottom:1px solid #edf2f7;vertical-align:top}
#mp-main .mp-financial-exception-row-v44:last-child td{border-bottom:0}
#mp-main .mp-financial-exception-row-v44.is-danger{background:linear-gradient(90deg,rgba(254,242,242,.72),transparent 16%)}
#mp-main .mp-financial-exception-row-v44.is-warning{background:linear-gradient(90deg,rgba(255,251,235,.72),transparent 16%)}
#mp-main .mp-financial-exception-id-v44 a{color:#1d4ed8;font-weight:780;text-decoration:none;overflow-wrap:anywhere}
#mp-main .mp-financial-exception-person-v44{margin-top:.18rem;color:#334155;font-size:.66rem;font-weight:700}
#mp-main .mp-financial-exception-meta-v44{display:flex;flex-wrap:wrap;gap:.28rem .45rem;margin-top:.3rem;color:#94a3b8;font-size:.54rem}
#mp-main .mp-financial-exception-money-v44{color:#172033;font-size:.74rem;font-weight:800;font-variant-numeric:tabular-nums}
#mp-main .mp-financial-exception-state-grid-v44{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.24rem;margin-top:.4rem}
#mp-main .mp-financial-exception-state-grid-v44 span{padding:.3rem .38rem;border:1px solid #e8edf3;border-radius:8px;background:#f8fafc;color:#64748b;font-size:.52rem;white-space:nowrap}
#mp-main .mp-financial-exception-state-grid-v44 b{color:#334155;font-variant-numeric:tabular-nums}
#mp-main .mp-financial-exception-gateway-v44{color:#334155;font-size:.62rem;font-weight:780}
#mp-main .mp-financial-exception-reference-v44{display:grid;grid-template-columns:2.2rem minmax(0,1fr);align-items:start;gap:.3rem;margin-top:.28rem}
#mp-main .mp-financial-exception-reference-v44 span{color:#94a3b8;font-size:.5rem;font-weight:750;letter-spacing:.05em}
#mp-main .mp-financial-exception-reference-v44 code{overflow-wrap:anywhere;color:#475569;font-size:.56rem;line-height:1.35}
#mp-main .mp-financial-exception-primary-v44{display:grid;gap:.2rem;padding:.55rem .62rem;border:1px solid #bfdbfe;border-radius:11px;background:#eff6ff}
#mp-main .mp-financial-exception-primary-v44.is-danger{border-color:#fecaca;background:#fef2f2}
#mp-main .mp-financial-exception-primary-v44.is-warning{border-color:#fde68a;background:#fffbeb}
#mp-main .mp-financial-exception-primary-v44 strong{color:#1e3a8a;font-size:.59rem;font-weight:780}
#mp-main .mp-financial-exception-primary-v44.is-danger strong{color:#991b1b}
#mp-main .mp-financial-exception-primary-v44.is-warning strong{color:#92400e}
#mp-main .mp-financial-exception-primary-v44 span{color:#64748b;font-size:.55rem;line-height:1.42}
#mp-main .mp-financial-exception-more-v44{margin-top:.38rem}
#mp-main .mp-financial-exception-more-v44 summary{cursor:pointer;color:#475569;font-size:.55rem;font-weight:700}
#mp-main .mp-financial-exception-more-v44>div{display:grid;gap:.35rem;margin-top:.4rem}
#mp-main .mp-financial-exception-more-v44 p{display:grid;gap:.12rem;margin:0;padding:.42rem .48rem;border:1px solid #e5eaf0;border-radius:9px;background:#fbfdff}
#mp-main .mp-financial-exception-more-v44 p strong{color:#475569;font-size:.54rem}
#mp-main .mp-financial-exception-more-v44 p span{color:#64748b;font-size:.52rem;line-height:1.4}
#mp-main .mp-financial-exception-actions-v44{display:grid;gap:.35rem;min-width:10rem}
#mp-main .mp-financial-exception-actions-v44 .mp-btn{width:100%;justify-content:center;font-size:.56rem}
#mp-main .mp-financial-exception-empty-v44{padding:2rem 1rem;text-align:center;color:#64748b;font-size:.68rem}
#mp-main .mp-financial-exception-pagination-v44{display:flex;align-items:center;justify-content:space-between;gap:.8rem;color:#64748b;font-size:.62rem}
#mp-main .mp-financial-exception-pagination-v44>div{display:flex;flex-wrap:wrap;gap:.3rem}
#mp-main .mp-financial-exception-pagination-v44 a{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;padding:.35rem .55rem;border:1px solid #dbe3ed;border-radius:9px;background:#fff;color:#475569;text-decoration:none}
#mp-main .mp-financial-exception-pagination-v44 a.is-active{border-color:#1e293b;background:#1e293b;color:#fff}
#mp-main .mp-financial-exception-guardrail-v44{display:flex;align-items:flex-start;gap:.65rem;padding:.72rem .82rem;border:1px solid #a5f3fc;border-radius:14px;background:#ecfeff;color:#475569;font-size:.62rem;line-height:1.48}
#mp-main .mp-financial-exception-guardrail-v44 strong{flex:0 0 auto;color:#155e75}
#mp-main[data-mp-admin-financial-exception="v44"].mp-admin-financial-exception-runtime-v44 .mp-financial-exception-center-v44 a:focus-visible,#mp-main[data-mp-admin-financial-exception="v44"].mp-admin-financial-exception-runtime-v44 .mp-financial-exception-center-v44 summary:focus-visible{outline:3px solid rgba(37,99,235,.25);outline-offset:2px}
@media(max-width:1180px){#mp-main .mp-financial-exception-kpis-v44{grid-template-columns:repeat(3,minmax(0,1fr))}#mp-main .mp-financial-exception-filter-v44{grid-template-columns:repeat(2,minmax(0,1fr))}#mp-main .mp-financial-exception-filter-actions-v44{align-self:end}}
@media(max-width:760px){#mp-main .mp-financial-exception-head-v44{display:grid}#mp-main .mp-financial-exception-head-actions-v44{display:grid;grid-template-columns:1fr;width:100%}#mp-main .mp-financial-exception-head-actions-v44 .mp-btn{width:100%;justify-content:center}#mp-main .mp-financial-exception-kpis-v44{grid-template-columns:repeat(2,minmax(0,1fr))}#mp-main .mp-financial-exception-filter-v44{grid-template-columns:1fr}#mp-main .mp-financial-exception-filter-actions-v44{display:grid;grid-template-columns:1fr}#mp-main .mp-financial-exception-context-v44,#mp-main .mp-financial-exception-guardrail-v44{display:grid}#mp-main .mp-financial-exception-pagination-v44{align-items:flex-start;display:grid}}
@media(max-width:460px){#mp-main .mp-financial-exception-kpis-v44{grid-template-columns:1fr}}
body.dark #mp-main .mp-financial-exception-head-v44{border-color:#334155;background:linear-gradient(145deg,#111827,#0f172a 70%,#2a1f13)}
body.dark #mp-main .mp-financial-exception-head-v44 h2,body.dark #mp-main .mp-financial-exception-kpis-v44 strong,body.dark #mp-main .mp-financial-exception-money-v44{color:#f8fafc}
body.dark #mp-main .mp-financial-exception-head-v44 p,body.dark #mp-main .mp-financial-exception-kpis-v44 span{color:#94a3b8}
body.dark #mp-main .mp-financial-exception-kpis-v44>a,body.dark #mp-main .mp-financial-exception-filter-v44,body.dark #mp-main .mp-financial-exception-table-shell-v44,body.dark #mp-main .mp-financial-exception-pagination-v44 a{border-color:#2b384b;background:#111c2f}
body.dark #mp-main .mp-financial-exception-filter-v44 input,body.dark #mp-main .mp-financial-exception-filter-v44 select{border-color:#334155;background:#0f172a;color:#e2e8f0}
body.dark #mp-main .mp-financial-exception-table-shell-v44 th{border-color:#2b384b;background:#0f172a;color:#94a3b8}
body.dark #mp-main .mp-financial-exception-table-shell-v44 td{border-color:#253247}
body.dark #mp-main .mp-financial-exception-row-v44.is-danger,body.dark #mp-main .mp-financial-exception-row-v44.is-warning{background:#111c2f}
body.dark #mp-main .mp-financial-exception-person-v44,body.dark #mp-main .mp-financial-exception-gateway-v44{color:#e2e8f0}
body.dark #mp-main .mp-financial-exception-state-grid-v44 span,body.dark #mp-main .mp-financial-exception-more-v44 p{border-color:#2b384b;background:#0f172a;color:#94a3b8}
body.dark #mp-main .mp-financial-exception-state-grid-v44 b{color:#e2e8f0}
body.dark #mp-main .mp-financial-exception-primary-v44{border-color:#1e3a8a;background:#111f3e}
body.dark #mp-main .mp-financial-exception-primary-v44.is-danger{border-color:#7f1d1d;background:#2b1518}
body.dark #mp-main .mp-financial-exception-primary-v44.is-warning{border-color:#78350f;background:#2b1d11}
body.dark #mp-main .mp-financial-exception-primary-v44 strong{color:#bfdbfe}
body.dark #mp-main .mp-financial-exception-primary-v44.is-danger strong{color:#fecaca}
body.dark #mp-main .mp-financial-exception-primary-v44.is-warning strong{color:#fde68a}
body.dark #mp-main .mp-financial-exception-context-v44,body.dark #mp-main .mp-financial-exception-guardrail-v44{border-color:#155e75;background:#0c2533;color:#bae6fd}
@media(forced-colors:active){#mp-main .mp-financial-exception-head-v44,#mp-main .mp-financial-exception-kpis-v44>a,#mp-main .mp-financial-exception-filter-v44,#mp-main .mp-financial-exception-table-shell-v44,#mp-main .mp-financial-exception-primary-v44{border:1px solid CanvasText}}
@media print{#mp-main .mp-financial-exception-head-actions-v44,#mp-main .mp-financial-exception-filter-v44,#mp-main .mp-financial-exception-actions-v44,#mp-main .mp-financial-exception-pagination-v44,#mp-main .mp-financial-exception-guardrail-v44{display:none!important}#mp-main .mp-financial-exception-head-v44,#mp-main .mp-financial-exception-kpis-v44>a,#mp-main .mp-financial-exception-table-shell-v44{box-shadow:none!important}#mp-main .mp-financial-exception-table-shell-v44{overflow:visible}#mp-main .mp-financial-exception-table-shell-v44 table{min-width:0;font-size:8pt}}

/* Enterprise Admin/Bursary Reconciliation Case Detail & Controlled Resolution UX v45 */
#mp-main .mp-reconciliation-case-v45{display:grid;gap:1rem;max-width:1600px;margin:0 auto}
#mp-main .mp-reconciliation-case-head-v45{display:flex;justify-content:space-between;gap:1.25rem;align-items:flex-start;padding:1.35rem 1.4rem;border:1px solid #dbe3ed;border-radius:20px;background:linear-gradient(145deg,#fff,#f8fafc 72%,#eef6ff);box-shadow:0 14px 34px rgba(15,23,42,.06)}
#mp-main .mp-reconciliation-case-heading-v45{max-width:56rem}
#mp-main .mp-reconciliation-case-head-v45 h2{margin:.18rem 0 0;color:#0f172a;font-size:1.35rem;line-height:1.2;font-weight:850;letter-spacing:-.025em}
#mp-main .mp-reconciliation-case-head-v45 p{margin:.48rem 0 0;color:#64748b;font-size:.78rem;line-height:1.55}
#mp-main .mp-reconciliation-case-id-v45{flex:0 0 17rem;display:grid;gap:.18rem;padding:.8rem .9rem;border:1px solid #bfdbfe;border-radius:15px;background:#eff6ff}
#mp-main .mp-reconciliation-case-id-v45 span{color:#64748b;font-size:.58rem;font-weight:760;text-transform:uppercase;letter-spacing:.06em}
#mp-main .mp-reconciliation-case-id-v45 strong{color:#1e3a8a;font-size:.9rem;font-weight:850;overflow-wrap:anywhere}
#mp-main .mp-reconciliation-case-id-v45 small{color:#64748b;font-size:.62rem}
#mp-main .mp-reconciliation-case-degraded-v45{display:grid;gap:.18rem;padding:.78rem .9rem;border:1px solid #f59e0b;border-radius:14px;background:#fffbeb;color:#78350f}
#mp-main .mp-reconciliation-case-degraded-v45 strong{font-size:.72rem}
#mp-main .mp-reconciliation-case-degraded-v45 span{font-size:.62rem;line-height:1.45}
#mp-main .mp-reconciliation-case-overview-v45{display:grid;grid-template-columns:1.45fr repeat(4,minmax(0,1fr));gap:.72rem}
#mp-main .mp-reconciliation-case-overview-v45 article{display:grid;align-content:start;gap:.22rem;min-height:6.2rem;padding:.82rem .9rem;border:1px solid #dbe3ed;border-radius:15px;background:#fff;box-shadow:0 7px 18px rgba(15,23,42,.045)}
#mp-main .mp-reconciliation-case-overview-v45 article>span{color:#64748b;font-size:.57rem;font-weight:760;text-transform:uppercase;letter-spacing:.05em}
#mp-main .mp-reconciliation-case-overview-v45 article>strong{color:#172033;font-size:.88rem;font-weight:850;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#mp-main .mp-reconciliation-case-overview-v45 article>small{color:#94a3b8;font-size:.56rem;line-height:1.4}
#mp-main .mp-reconciliation-case-overview-v45 article.is-warning{border-color:#fde68a;background:#fffbeb}
#mp-main .mp-reconciliation-case-overview-v45 article.is-warning>strong{color:#92400e}
#mp-main .mp-reconciliation-case-overview-v45 article.is-danger{border-color:#fecaca;background:#fef2f2}
#mp-main .mp-reconciliation-case-overview-v45 article.is-danger>strong{color:#991b1b}
#mp-main .mp-reconciliation-case-overview-v45 article.is-success{border-color:#bbf7d0;background:#f0fdf4}
#mp-main .mp-reconciliation-case-overview-v45 article.is-success>strong{color:#166534}
#mp-main .mp-reconciliation-case-grid-v45{display:grid;grid-template-columns:minmax(0,1fr) 22rem;gap:1rem;align-items:start}
#mp-main .mp-reconciliation-case-main-v45,#mp-main .mp-reconciliation-case-side-v45{display:grid;gap:1rem;min-width:0}
#mp-main .mp-reconciliation-case-side-v45{position:sticky;top:.8rem}
#mp-main .mp-reconciliation-case-panel-v45{padding:1rem;border-color:#dbe3ed!important;border-radius:18px!important;box-shadow:0 8px 24px rgba(15,23,42,.045)}
#mp-main .mp-reconciliation-case-panel-v45 h3{margin:.12rem 0 0;color:#172033;font-size:.88rem;font-weight:830;letter-spacing:-.012em}
#mp-main .mp-reconciliation-case-section-head-v45{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.78rem}
#mp-main .mp-reconciliation-case-section-head-v45 p{margin:.3rem 0 0;max-width:52rem;color:#64748b;font-size:.61rem;line-height:1.5}
#mp-main .mp-reconciliation-case-count-v45{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.35rem .62rem;border:1px solid #dbe3ed;border-radius:999px;background:#f8fafc;color:#475569;font-size:.59rem;font-weight:760}
#mp-main .mp-reconciliation-case-signals-v45{display:grid;gap:.55rem}
#mp-main .mp-reconciliation-case-signals-v45 article{display:grid;grid-template-columns:1.7rem minmax(0,1fr);gap:.58rem;align-items:start;padding:.72rem .78rem;border:1px solid #bfdbfe;border-radius:13px;background:#eff6ff}
#mp-main .mp-reconciliation-case-signals-v45 article>span{display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;border-radius:999px;background:#dbeafe;color:#1e40af;font-size:.7rem;font-weight:850}
#mp-main .mp-reconciliation-case-signals-v45 article strong{display:block;color:#1e3a8a;font-size:.65rem;font-weight:800}
#mp-main .mp-reconciliation-case-signals-v45 article p{margin:.18rem 0 0;color:#64748b;font-size:.58rem;line-height:1.48}
#mp-main .mp-reconciliation-case-signals-v45 article.is-warning{border-color:#fde68a;background:#fffbeb}
#mp-main .mp-reconciliation-case-signals-v45 article.is-warning>span{background:#fef3c7;color:#92400e}
#mp-main .mp-reconciliation-case-signals-v45 article.is-warning strong{color:#92400e}
#mp-main .mp-reconciliation-case-signals-v45 article.is-danger{border-color:#fecaca;background:#fef2f2}
#mp-main .mp-reconciliation-case-signals-v45 article.is-danger>span{background:#fee2e2;color:#991b1b}
#mp-main .mp-reconciliation-case-signals-v45 article.is-danger strong{color:#991b1b}
#mp-main .mp-reconciliation-case-empty-v45{padding:1rem;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;color:#64748b;font-size:.62rem;line-height:1.48;text-align:center}
#mp-main .mp-reconciliation-case-table-v45{width:100%;min-width:760px}
#mp-main .mp-reconciliation-case-table-v45 th{padding:.56rem .65rem;border-bottom:1px solid #dbe3ed;background:#f8fafc;color:#64748b;font-size:.55rem;font-weight:780;text-transform:uppercase;letter-spacing:.045em}
#mp-main .mp-reconciliation-case-table-v45 td{padding:.65rem;border-bottom:1px solid #eef2f7;vertical-align:top;color:#475569;font-size:.59rem}
#mp-main .mp-reconciliation-case-table-v45 td>strong{display:block;color:#334155;font-size:.63rem;font-weight:780}
#mp-main .mp-reconciliation-case-table-v45 td>small{display:block;margin-top:.15rem;color:#94a3b8;font-size:.53rem}
#mp-main .mp-reconciliation-case-table-v45 code{display:block;margin-top:.15rem;color:#475569;font-size:.54rem;overflow-wrap:anywhere}
#mp-main .mp-reconciliation-case-ref-v45{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.35rem;align-items:start;margin-bottom:.2rem}
#mp-main .mp-reconciliation-case-ref-v45 span{color:#94a3b8;font-size:.5rem;font-weight:780;letter-spacing:.05em}
#mp-main .mp-reconciliation-case-ref-v45 code{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
#mp-main .mp-reconciliation-case-status-v45{display:inline-flex;margin-top:.32rem;padding:.24rem .4rem;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.5rem;font-weight:800}
#mp-main .mp-reconciliation-case-status-v45.is-success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}
#mp-main .mp-reconciliation-case-status-v45.is-warning{border-color:#fde68a;background:#fffbeb;color:#92400e}
#mp-main .mp-reconciliation-case-status-v45.is-danger{border-color:#fecaca;background:#fef2f2;color:#991b1b}
#mp-main .mp-reconciliation-case-evidence-tags-v45{display:flex;flex-wrap:wrap;gap:.26rem}
#mp-main .mp-reconciliation-case-evidence-tags-v45 span{padding:.25rem .38rem;border:1px solid #dbeafe;border-radius:7px;background:#eff6ff;color:#1e40af;font-size:.5rem;font-weight:690}
#mp-main .mp-reconciliation-case-evidence-tags-v45 span.is-muted{border-color:#e2e8f0;background:#f8fafc;color:#94a3b8}
#mp-main .mp-reconciliation-case-side-copy-v45{margin:.3rem 0 .7rem;color:#64748b;font-size:.59rem;line-height:1.48}
#mp-main .mp-reconciliation-case-checks-v45{display:grid;gap:.42rem}
#mp-main .mp-reconciliation-case-checks-v45>div{display:grid;grid-template-columns:1.45rem minmax(0,1fr);gap:.48rem;padding:.52rem .55rem;border:1px solid #e2e8f0;border-radius:11px;background:#f8fafc}
#mp-main .mp-reconciliation-case-checks-v45>div>span{display:inline-flex;align-items:center;justify-content:center;width:1.3rem;height:1.3rem;border-radius:999px;background:#e2e8f0;color:#64748b;font-size:.6rem;font-weight:850}
#mp-main .mp-reconciliation-case-checks-v45>div.is-present{border-color:#bbf7d0;background:#f0fdf4}
#mp-main .mp-reconciliation-case-checks-v45>div.is-present>span{background:#dcfce7;color:#166534}
#mp-main .mp-reconciliation-case-checks-v45 strong{display:block;color:#334155;font-size:.57rem;font-weight:780}
#mp-main .mp-reconciliation-case-checks-v45 small{display:block;margin-top:.12rem;color:#64748b;font-size:.52rem;line-height:1.4}
#mp-main .mp-reconciliation-case-paths-v45{display:grid;gap:.45rem}
#mp-main .mp-reconciliation-case-paths-v45 a{display:grid;gap:.18rem;padding:.65rem .68rem;border:1px solid #dbe3ed;border-radius:12px;background:#fff;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
#mp-main .mp-reconciliation-case-paths-v45 a:hover{border-color:#93c5fd;box-shadow:0 8px 18px rgba(37,99,235,.08);transform:translateY(-1px)}
#mp-main .mp-reconciliation-case-paths-v45 a.is-primary{border-color:#bfdbfe;background:#eff6ff}
#mp-main .mp-reconciliation-case-paths-v45 a.is-warning{border-color:#fde68a;background:#fffbeb}
#mp-main .mp-reconciliation-case-paths-v45 strong{color:#334155;font-size:.59rem;font-weight:800}
#mp-main .mp-reconciliation-case-paths-v45 span{color:#64748b;font-size:.52rem;line-height:1.4}
#mp-main .mp-reconciliation-case-reversals-v45{display:grid;gap:.4rem;margin-top:.65rem}
#mp-main .mp-reconciliation-case-reversals-v45>div{display:grid;gap:.15rem;padding:.5rem .55rem;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}
#mp-main .mp-reconciliation-case-reversals-v45 strong{color:#334155;font-size:.55rem}
#mp-main .mp-reconciliation-case-reversals-v45 small{color:#64748b;font-size:.5rem;line-height:1.35}
#mp-main .mp-reconciliation-case-reversals-v45 span{color:#94a3b8;font-size:.48rem}
#mp-main .mp-reconciliation-case-timeline-v45{display:grid;gap:0;margin:.2rem 0 0;padding:0;list-style:none}
#mp-main .mp-reconciliation-case-timeline-v45 li{display:grid;grid-template-columns:1rem minmax(0,1fr);gap:.5rem;position:relative;padding:0 0 .72rem}
#mp-main .mp-reconciliation-case-timeline-v45 li:not(:last-child):before{content:"";position:absolute;left:.29rem;top:.55rem;bottom:-.05rem;width:1px;background:#dbe3ed}
#mp-main .mp-reconciliation-case-timeline-v45 li>span{position:relative;z-index:1;width:.62rem;height:.62rem;margin-top:.12rem;border:2px solid #fff;border-radius:999px;background:#2563eb;box-shadow:0 0 0 1px #bfdbfe}
#mp-main .mp-reconciliation-case-timeline-v45 strong{display:block;color:#334155;font-size:.57rem;font-weight:780}
#mp-main .mp-reconciliation-case-timeline-v45 p{margin:.1rem 0;color:#64748b;font-size:.51rem}
#mp-main .mp-reconciliation-case-timeline-v45 time{color:#94a3b8;font-size:.49rem}
#mp-main .mp-reconciliation-case-guardrail-v45{display:flex;align-items:flex-start;gap:.7rem;padding:.8rem .9rem;border:1px solid #a5f3fc;border-radius:14px;background:#ecfeff;color:#475569;font-size:.62rem;line-height:1.48}
#mp-main .mp-reconciliation-case-guardrail-v45 strong{flex:0 0 auto;color:#155e75}
#mp-main[data-mp-financial-reconciliation-case="v45"].mp-financial-reconciliation-case-runtime-v45 .mp-reconciliation-case-v45 a:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:2px}
@media(max-width:1250px){#mp-main .mp-reconciliation-case-overview-v45{grid-template-columns:repeat(3,minmax(0,1fr))}#mp-main .mp-reconciliation-case-account-v45{grid-column:span 2}#mp-main .mp-reconciliation-case-grid-v45{grid-template-columns:minmax(0,1fr) 19rem}}
@media(max-width:980px){#mp-main .mp-reconciliation-case-grid-v45{grid-template-columns:1fr}#mp-main .mp-reconciliation-case-side-v45{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}#mp-main .mp-reconciliation-case-resolution-v45{grid-row:span 2}}
@media(max-width:760px){#mp-main .mp-reconciliation-case-head-v45{display:grid}#mp-main .mp-reconciliation-case-id-v45{width:100%;flex-basis:auto}#mp-main .mp-reconciliation-case-overview-v45{grid-template-columns:repeat(2,minmax(0,1fr))}#mp-main .mp-reconciliation-case-account-v45{grid-column:1/-1}#mp-main .mp-reconciliation-case-side-v45{grid-template-columns:1fr}#mp-main .mp-reconciliation-case-section-head-v45{display:grid}#mp-main .mp-reconciliation-case-count-v45{justify-self:start}#mp-main .mp-reconciliation-case-guardrail-v45{display:grid}}
@media(max-width:460px){#mp-main .mp-reconciliation-case-overview-v45{grid-template-columns:1fr}#mp-main .mp-reconciliation-case-account-v45{grid-column:auto}}
body.dark #mp-main .mp-reconciliation-case-head-v45{border-color:#334155;background:linear-gradient(145deg,#111827,#0f172a 72%,#10233f)}
body.dark #mp-main .mp-reconciliation-case-head-v45 h2,body.dark #mp-main .mp-reconciliation-case-overview-v45 article>strong,body.dark #mp-main .mp-reconciliation-case-panel-v45 h3{color:#f8fafc}
body.dark #mp-main .mp-reconciliation-case-head-v45 p,body.dark #mp-main .mp-reconciliation-case-side-copy-v45{color:#94a3b8}
body.dark #mp-main .mp-reconciliation-case-id-v45,body.dark #mp-main .mp-reconciliation-case-overview-v45 article,body.dark #mp-main .mp-reconciliation-case-panel-v45{border-color:#2b384b!important;background:#111c2f}
body.dark #mp-main .mp-reconciliation-case-id-v45 strong{color:#bfdbfe}
body.dark #mp-main .mp-reconciliation-case-table-v45 th{border-color:#2b384b;background:#0f172a;color:#94a3b8}
body.dark #mp-main .mp-reconciliation-case-table-v45 td{border-color:#253247;color:#cbd5e1}
body.dark #mp-main .mp-reconciliation-case-table-v45 td>strong,body.dark #mp-main .mp-reconciliation-case-checks-v45 strong,body.dark #mp-main .mp-reconciliation-case-paths-v45 strong,body.dark #mp-main .mp-reconciliation-case-timeline-v45 strong{color:#e2e8f0}
body.dark #mp-main .mp-reconciliation-case-empty-v45,body.dark #mp-main .mp-reconciliation-case-checks-v45>div,body.dark #mp-main .mp-reconciliation-case-reversals-v45>div,body.dark #mp-main .mp-reconciliation-case-paths-v45 a{border-color:#2b384b;background:#0f172a}
body.dark #mp-main .mp-reconciliation-case-paths-v45 a.is-primary{border-color:#1e3a8a;background:#111f3e}
body.dark #mp-main .mp-reconciliation-case-paths-v45 a.is-warning{border-color:#78350f;background:#2b1d11}
body.dark #mp-main .mp-reconciliation-case-checks-v45>div.is-present{border-color:#166534;background:#10281b}
body.dark #mp-main .mp-reconciliation-case-signals-v45 article{border-color:#1e3a8a;background:#111f3e}
body.dark #mp-main .mp-reconciliation-case-signals-v45 article.is-warning{border-color:#78350f;background:#2b1d11}
body.dark #mp-main .mp-reconciliation-case-signals-v45 article.is-danger{border-color:#7f1d1d;background:#2b1518}
body.dark #mp-main .mp-reconciliation-case-guardrail-v45{border-color:#155e75;background:#0c2533;color:#bae6fd}
@media(forced-colors:active){#mp-main .mp-reconciliation-case-head-v45,#mp-main .mp-reconciliation-case-overview-v45 article,#mp-main .mp-reconciliation-case-panel-v45,#mp-main .mp-reconciliation-case-signals-v45 article,#mp-main .mp-reconciliation-case-paths-v45 a{border:1px solid CanvasText}}
@media(prefers-reduced-motion:reduce){#mp-main .mp-reconciliation-case-paths-v45 a{transition:none}#mp-main .mp-reconciliation-case-paths-v45 a:hover{transform:none}}
@media print{#mp-main .mp-reconciliation-case-paths-v45,#mp-main .mp-reconciliation-case-guardrail-v45{display:none!important}#mp-main .mp-reconciliation-case-grid-v45{display:block}#mp-main .mp-reconciliation-case-side-v45{position:static;display:block;margin-top:1rem}#mp-main .mp-reconciliation-case-head-v45,#mp-main .mp-reconciliation-case-overview-v45 article,#mp-main .mp-reconciliation-case-panel-v45{box-shadow:none!important}#mp-main .mp-reconciliation-case-table-v45{min-width:0;font-size:8pt}}

/* Enterprise Financial Case Notes, Assignment & Investigation Workflow UX v46 */
#mp-main .mp-fin-case-workflow-v46{display:grid;gap:.85rem;margin:0 0 1rem;padding:.95rem;border:1px solid #dbe3ed;border-radius:18px;background:linear-gradient(145deg,#f8fbff,#fff);box-shadow:0 10px 28px rgba(15,23,42,.045)}
#mp-main .mp-fin-case-workflow-head-v46{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
#mp-main .mp-fin-case-workflow-head-v46 h3{margin:.12rem 0 .18rem;color:#0f172a;font-size:1rem;font-weight:840;letter-spacing:-.018em}
#mp-main .mp-fin-case-workflow-head-v46 p{max-width:68rem;margin:0;color:#64748b;font-size:.64rem;line-height:1.55}
#mp-main .mp-fin-case-status-v46{display:inline-flex;align-items:center;justify-content:center;min-width:6.4rem;padding:.42rem .62rem;border:1px solid #cbd5e1;border-radius:999px;background:#f8fafc;color:#475569;font-size:.58rem;font-weight:830;white-space:nowrap}
#mp-main .mp-fin-case-status-v46.is-open{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}
#mp-main .mp-fin-case-status-v46.is-in-review{border-color:#fde68a;background:#fffbeb;color:#92400e}
#mp-main .mp-fin-case-status-v46.is-resolved{border-color:#bbf7d0;background:#f0fdf4;color:#166534}
#mp-main .mp-fin-case-flash-v46,#mp-main .mp-fin-case-migration-v46,#mp-main .mp-fin-case-readonly-v46{display:flex;align-items:flex-start;gap:.55rem;padding:.66rem .75rem;border:1px solid #bae6fd;border-radius:12px;background:#f0f9ff;color:#475569;font-size:.59rem;line-height:1.45}
#mp-main .mp-fin-case-flash-v46 strong,#mp-main .mp-fin-case-migration-v46 strong,#mp-main .mp-fin-case-readonly-v46 strong{flex:0 0 auto;color:#075985}
#mp-main .mp-fin-case-flash-v46.is-success{border-color:#bbf7d0;background:#f0fdf4}.mp-fin-case-flash-v46.is-success strong{color:#166534!important}
#mp-main .mp-fin-case-flash-v46.is-error{border-color:#fecaca;background:#fef2f2}.mp-fin-case-flash-v46.is-error strong{color:#991b1b!important}
#mp-main .mp-fin-case-migration-v46{border-color:#fde68a;background:#fffbeb}#mp-main .mp-fin-case-migration-v46 strong{color:#92400e}
#mp-main .mp-fin-case-migration-v46 code,#mp-main .mp-fin-case-readonly-v46 code{font-size:.55rem}
#mp-main .mp-fin-case-kpis-v46{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}
#mp-main .mp-fin-case-kpis-v46 article{min-width:0;padding:.68rem .72rem;border:1px solid #e2e8f0;border-radius:13px;background:#fff}
#mp-main .mp-fin-case-kpis-v46 article.is-overdue{border-color:#fecaca;background:#fff7f7}
#mp-main .mp-fin-case-kpis-v46 span{display:block;color:#94a3b8;font-size:.51rem;font-weight:760;text-transform:uppercase;letter-spacing:.045em}
#mp-main .mp-fin-case-kpis-v46 strong{display:block;margin:.24rem 0 .1rem;color:#1e293b;font-size:.67rem;font-weight:830;overflow-wrap:anywhere}
#mp-main .mp-fin-case-kpis-v46 small{display:block;color:#64748b;font-size:.5rem;line-height:1.35}
#mp-main .mp-fin-case-edit-grid-v46,#mp-main .mp-fin-case-history-grid-v46{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem}
#mp-main .mp-fin-case-form-v46,#mp-main .mp-fin-case-history-v46{padding:.78rem;border-color:#dbe3ed;background:#fff;box-shadow:none}
#mp-main .mp-fin-case-form-head-v46,#mp-main .mp-fin-case-history-head-v46{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.65rem}
#mp-main .mp-fin-case-form-head-v46 h4,#mp-main .mp-fin-case-history-head-v46 h4{margin:.08rem 0 0;color:#1e293b;font-size:.72rem;font-weight:830}
#mp-main .mp-fin-case-form-head-v46>span,#mp-main .mp-fin-case-history-head-v46>span{padding:.25rem .42rem;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;color:#64748b;font-size:.48rem;font-weight:740;white-space:nowrap}
#mp-main .mp-fin-case-fields-v46{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.58rem;margin-bottom:.65rem}
#mp-main .mp-fin-case-fields-v46 label{display:grid;gap:.26rem;min-width:0;color:#334155;font-size:.55rem;font-weight:760}
#mp-main .mp-fin-case-fields-v46 label>span{font-weight:800}
#mp-main .mp-fin-case-fields-v46 select,#mp-main .mp-fin-case-fields-v46 input,#mp-main .mp-fin-case-fields-v46 textarea{width:100%;min-height:2.2rem;padding:.48rem .55rem;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0f172a;font:inherit;font-weight:620;outline:none}
#mp-main .mp-fin-case-fields-v46 textarea{resize:vertical;line-height:1.45}
#mp-main .mp-fin-case-fields-v46 select:focus,#mp-main .mp-fin-case-fields-v46 input:focus,#mp-main .mp-fin-case-fields-v46 textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(59,130,246,.12)}
#mp-main .mp-fin-case-fields-v46 label small{color:#64748b;font-size:.48rem;font-weight:520;line-height:1.38}
#mp-main .mp-fin-case-resolution-field-v46,#mp-main .mp-fin-case-note-field-v46{grid-column:1/-1}
#mp-main .mp-fin-case-resolution-field-v46.is-required>span:after{content:" · required to close";color:#b45309;font-size:.46rem;font-weight:760}
#mp-main .mp-fin-case-history-v46 ol{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}
#mp-main .mp-fin-case-history-v46 li{padding:.58rem .62rem;border:1px solid #e2e8f0;border-radius:11px;background:#f8fafc}
#mp-main .mp-fin-case-history-meta-v46{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
#mp-main .mp-fin-case-history-meta-v46 strong{color:#334155;font-size:.56rem;font-weight:800}
#mp-main .mp-fin-case-history-meta-v46 span{color:#94a3b8;font-size:.48rem;white-space:nowrap}
#mp-main .mp-fin-case-history-v46 p{margin:.28rem 0;color:#475569;font-size:.55rem;line-height:1.5;overflow-wrap:anywhere}
#mp-main .mp-fin-case-history-v46 small{color:#64748b;font-size:.49rem}
#mp-main[data-mp-financial-case-workflow="v46"].mp-financial-case-workflow-runtime-v46 .mp-fin-case-workflow-v46{outline:0}
@media(max-width:1100px){#mp-main .mp-fin-case-kpis-v46{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){#mp-main .mp-fin-case-edit-grid-v46,#mp-main .mp-fin-case-history-grid-v46{grid-template-columns:1fr}#mp-main .mp-fin-case-kpis-v46{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){#mp-main .mp-fin-case-workflow-v46{padding:.72rem;border-radius:14px}#mp-main .mp-fin-case-workflow-head-v46,#mp-main .mp-fin-case-form-head-v46,#mp-main .mp-fin-case-history-head-v46,#mp-main .mp-fin-case-flash-v46,#mp-main .mp-fin-case-migration-v46,#mp-main .mp-fin-case-readonly-v46{display:grid}#mp-main .mp-fin-case-status-v46{justify-self:start}#mp-main .mp-fin-case-fields-v46{grid-template-columns:1fr}#mp-main .mp-fin-case-resolution-field-v46,#mp-main .mp-fin-case-note-field-v46{grid-column:auto}}
@media(max-width:420px){#mp-main .mp-fin-case-kpis-v46{grid-template-columns:1fr}}
body.dark #mp-main .mp-fin-case-workflow-v46{border-color:#2b384b;background:linear-gradient(145deg,#111827,#0f172a)}
body.dark #mp-main .mp-fin-case-workflow-head-v46 h3,body.dark #mp-main .mp-fin-case-kpis-v46 strong,body.dark #mp-main .mp-fin-case-form-head-v46 h4,body.dark #mp-main .mp-fin-case-history-head-v46 h4{color:#f8fafc}
body.dark #mp-main .mp-fin-case-kpis-v46 article,body.dark #mp-main .mp-fin-case-form-v46,body.dark #mp-main .mp-fin-case-history-v46,body.dark #mp-main .mp-fin-case-history-v46 li{border-color:#2b384b;background:#111c2f}
body.dark #mp-main .mp-fin-case-fields-v46 select,body.dark #mp-main .mp-fin-case-fields-v46 input,body.dark #mp-main .mp-fin-case-fields-v46 textarea{border-color:#475569;background:#0f172a;color:#e2e8f0}
body.dark #mp-main .mp-fin-case-history-v46 p,body.dark #mp-main .mp-fin-case-workflow-head-v46 p{color:#94a3b8}
@media(forced-colors:active){#mp-main .mp-fin-case-workflow-v46,#mp-main .mp-fin-case-kpis-v46 article,#mp-main .mp-fin-case-form-v46,#mp-main .mp-fin-case-history-v46{border:1px solid CanvasText}}
@media(prefers-reduced-motion:reduce){#mp-main .mp-fin-case-fields-v46 select,#mp-main .mp-fin-case-fields-v46 input,#mp-main .mp-fin-case-fields-v46 textarea{scroll-behavior:auto}}
@media print{#mp-main .mp-fin-case-edit-grid-v46,#mp-main .mp-fin-case-migration-v46,#mp-main .mp-fin-case-readonly-v46{display:none!important}#mp-main .mp-fin-case-workflow-v46{box-shadow:none;background:#fff}#mp-main .mp-fin-case-kpis-v46{grid-template-columns:repeat(5,1fr)}#mp-main .mp-fin-case-history-grid-v46{grid-template-columns:1fr 1fr}}
#mp-main .mp-fin-case-queue-v46{display:grid;gap:.14rem;padding:.48rem .52rem;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;min-width:8.2rem}
#mp-main .mp-fin-case-queue-v46 strong{color:#475569;font-size:.55rem;font-weight:820}
#mp-main .mp-fin-case-queue-v46 span{color:#334155;font-size:.52rem;font-weight:650;overflow-wrap:anywhere}
#mp-main .mp-fin-case-queue-v46 small{color:#94a3b8;font-size:.47rem;line-height:1.35}
#mp-main .mp-fin-case-queue-v46.is-open{border-color:#bfdbfe;background:#eff6ff}#mp-main .mp-fin-case-queue-v46.is-open strong{color:#1d4ed8}
#mp-main .mp-fin-case-queue-v46.is-in-review{border-color:#fde68a;background:#fffbeb}#mp-main .mp-fin-case-queue-v46.is-in-review strong{color:#92400e}
#mp-main .mp-fin-case-queue-v46.is-resolved{border-color:#bbf7d0;background:#f0fdf4}#mp-main .mp-fin-case-queue-v46.is-resolved strong{color:#166534}
body.dark #mp-main .mp-fin-case-queue-v46{border-color:#2b384b;background:#0f172a}body.dark #mp-main .mp-fin-case-queue-v46 span{color:#cbd5e1}


/* Enterprise Graduation Clearance Certificate Batch Issue + Register Dashboard UX v48 */
#mp-main .mp-grad-cert-register-v48,#mp-main .mp-grad-cert-batch-detail-v48{display:grid;gap:1rem;max-width:100%}
#mp-main .mp-grad-cert-hero-v48{display:flex;align-items:flex-start;justify-content:space-between;gap:1.2rem;padding:1.15rem 1.2rem;border:1px solid #dbeafe;border-radius:20px;background:linear-gradient(135deg,#f8fbff 0%,#eef7ff 58%,#f0fdfa 100%);box-shadow:0 14px 34px rgba(15,23,42,.055)}
#mp-main .mp-grad-cert-hero-v48 h1{margin:.18rem 0 .32rem;color:#0f172a;font-size:clamp(1.25rem,2vw,1.72rem);font-weight:870;letter-spacing:-.025em}
#mp-main .mp-grad-cert-hero-v48 p{max-width:72rem;margin:0;color:#526071;font-size:.68rem;line-height:1.6}
#mp-main .mp-grad-cert-eyebrow-v48{display:block;color:#0369a1;font-size:.54rem;font-weight:850;text-transform:uppercase;letter-spacing:.09em}
#mp-main .mp-grad-cert-hero-actions-v48{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;flex:0 0 auto}
#mp-main .mp-grad-cert-kpis-v48{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem}
#mp-main .mp-grad-cert-kpis-v48 article,#mp-main .mp-grad-cert-readiness-grid-v48 article{min-width:0;padding:.82rem .86rem;border:1px solid #e2e8f0;border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.035)}
#mp-main .mp-grad-cert-kpis-v48 article.is-success,#mp-main .mp-grad-cert-readiness-grid-v48 article.is-success{border-color:#bbf7d0;background:#f0fdf4}
#mp-main .mp-grad-cert-kpis-v48 article.is-danger,#mp-main .mp-grad-cert-readiness-grid-v48 article.is-danger{border-color:#fecaca;background:#fff7f7}
#mp-main .mp-grad-cert-readiness-grid-v48 article.is-warning{border-color:#fde68a;background:#fffbeb}
#mp-main .mp-grad-cert-readiness-grid-v48 article.is-primary{border-color:#bfdbfe;background:#eff6ff}
#mp-main .mp-grad-cert-kpis-v48 span,#mp-main .mp-grad-cert-readiness-grid-v48 span{display:block;color:#64748b;font-size:.52rem;font-weight:810;text-transform:uppercase;letter-spacing:.045em}
#mp-main .mp-grad-cert-kpis-v48 strong,#mp-main .mp-grad-cert-readiness-grid-v48 strong{display:block;margin:.3rem 0 .12rem;color:#0f172a;font-size:1.28rem;font-weight:900;letter-spacing:-.025em}
#mp-main .mp-grad-cert-kpis-v48 small,#mp-main .mp-grad-cert-readiness-grid-v48 small{display:block;color:#64748b;font-size:.5rem;line-height:1.4}
#mp-main .mp-grad-cert-panel-v48,#mp-main .mp-grad-cert-readiness-v48,#mp-main .mp-grad-cert-batch-v48{padding:1rem;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.04)}
#mp-main .mp-grad-cert-readiness-v48{border-color:#bae6fd;background:linear-gradient(135deg,#f8fdff,#fff)}
#mp-main .mp-grad-cert-batch-v48{border-color:#bfdbfe;background:linear-gradient(135deg,#eff6ff,#f8fbff)}
#mp-main .mp-grad-cert-section-head-v48{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.78rem}
#mp-main .mp-grad-cert-section-head-v48 h2{margin:.12rem 0 0;color:#172033;font-size:.88rem;font-weight:860;letter-spacing:-.014em}
#mp-main .mp-grad-cert-section-head-v48>p{max-width:48rem;margin:0;color:#64748b;font-size:.56rem;line-height:1.5;text-align:right}
#mp-main .mp-grad-cert-readiness-grid-v48{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem}
#mp-main .mp-grad-cert-readiness-note-v48,#mp-main .mp-grad-cert-guardrail-v48{margin-top:.7rem;padding:.68rem .76rem;border:1px solid #bae6fd;border-radius:12px;background:#f0f9ff;color:#475569;font-size:.56rem;line-height:1.52}
#mp-main .mp-grad-cert-readiness-note-v48 strong,#mp-main .mp-grad-cert-guardrail-v48 strong{color:#075985}
#mp-main .mp-grad-cert-filter-v48{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.68rem;align-items:end}
#mp-main .mp-grad-cert-filter-v48 label,#mp-main .mp-grad-cert-batch-controls-v48 label{display:grid;gap:.28rem;min-width:0}
#mp-main .mp-grad-cert-filter-v48 .mp-input,#mp-main .mp-grad-cert-batch-controls-v48 .mp-input{min-height:2.35rem}
#mp-main .mp-grad-cert-search-v48{grid-column:span 2}
#mp-main .mp-grad-cert-filter-actions-v48{display:flex;flex-wrap:wrap;gap:.45rem;align-self:end}
#mp-main .mp-grad-cert-batch-controls-v48{display:grid;grid-template-columns:minmax(13rem,.8fr) minmax(20rem,1.6fr) auto;gap:.8rem;align-items:end}
#mp-main .mp-grad-cert-batch-controls-v48 label small{color:#64748b;font-size:.49rem;line-height:1.38}
#mp-main .mp-grad-cert-force-v48{display:flex!important;grid-template-columns:auto 1fr;align-items:flex-start!important;gap:.58rem!important;padding:.65rem .72rem;border:1px solid #dbeafe;border-radius:12px;background:#fff}
#mp-main .mp-grad-cert-force-v48 input{margin-top:.14rem}
#mp-main .mp-grad-cert-force-v48 span{display:grid;gap:.12rem}.mp-grad-cert-force-v48 strong{color:#334155;font-size:.57rem}.mp-grad-cert-force-v48 small{color:#64748b!important}
#mp-main .mp-grad-cert-table-wrap-v48{max-width:100%;overflow:auto;border:1px solid #e2e8f0;border-radius:14px}
#mp-main .mp-grad-cert-table-v48{width:100%;min-width:980px;border-collapse:separate;border-spacing:0;background:#fff;font-size:.58rem}
#mp-main .mp-grad-cert-table-v48 thead th{position:sticky;top:0;z-index:1;padding:.67rem .7rem;background:#0f4c81;color:#fff;text-align:left;font-size:.52rem;font-weight:820;text-transform:uppercase;letter-spacing:.045em}
#mp-main .mp-grad-cert-table-v48 tbody td{padding:.7rem;border-bottom:1px solid #edf2f7;color:#475569;vertical-align:top}
#mp-main .mp-grad-cert-table-v48 tbody tr:nth-child(even){background:#f8faff}
#mp-main .mp-grad-cert-table-v48 tbody tr:hover{background:#f0f7ff}
#mp-main .mp-grad-cert-table-v48 td>strong,#mp-main .mp-grad-cert-table-v48 td>small{display:block}.mp-grad-cert-table-v48 td>strong{color:#243248;font-size:.59rem}.mp-grad-cert-table-v48 td>small{margin-top:.16rem;color:#7c8aa0;font-size:.49rem;line-height:1.35}
#mp-main .mp-grad-cert-no-v48{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow-wrap:anywhere}
#mp-main .mp-grad-cert-badge-v48{display:inline-flex;align-items:center;min-height:1.5rem;padding:.24rem .46rem;border:1px solid #cbd5e1;border-radius:999px;background:#f8fafc;color:#475569;font-size:.49rem;font-weight:820;white-space:nowrap}
#mp-main .mp-grad-cert-badge-v48.is-success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.mp-grad-cert-badge-v48.is-danger{border-color:#fecaca;background:#fef2f2;color:#991b1b}.mp-grad-cert-badge-v48.is-warning{border-color:#fde68a;background:#fffbeb;color:#92400e}
#mp-main .mp-grad-cert-row-actions-v48{display:flex;flex-wrap:wrap;gap:.35rem}.mp-grad-cert-row-actions-v48 .mp-btn{padding:.36rem .5rem;font-size:.5rem}
#mp-main .mp-grad-cert-batches-v48{display:grid;gap:.55rem}
#mp-main .mp-grad-cert-batches-v48 article{display:grid;grid-template-columns:minmax(12rem,1fr) minmax(20rem,2fr) auto;align-items:center;gap:.8rem;padding:.7rem .75rem;border:1px solid #e2e8f0;border-radius:13px;background:#fbfdff}
#mp-main .mp-grad-cert-batches-v48 article>div:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.mp-grad-cert-batches-v48 article>div:first-child>strong{color:#1e293b;font-size:.61rem}.mp-grad-cert-batches-v48 article>div:first-child>small{width:100%;color:#64748b;font-size:.49rem}
#mp-main .mp-grad-cert-batch-counts-v48{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}.mp-grad-cert-batch-counts-v48 span{padding:.38rem .45rem;border-radius:8px;background:#f1f5f9;color:#64748b;font-size:.49rem}.mp-grad-cert-batch-counts-v48 strong{color:#1e293b}
#mp-main .mp-grad-cert-meta-v48{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;margin:0}
#mp-main .mp-grad-cert-meta-v48 div{padding:.62rem;border:1px solid #e2e8f0;border-radius:11px;background:#f8fafc}.mp-grad-cert-meta-v48 dt{color:#64748b;font-size:.49rem;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.mp-grad-cert-meta-v48 dd{margin:.2rem 0 0;color:#1e293b;font-size:.58rem;font-weight:700;overflow-wrap:anywhere}
#mp-main .mp-grad-cert-guardrail-v48{margin:0;border-color:#c7d2fe;background:#eef2ff}.mp-grad-cert-guardrail-v48 strong{display:block;color:#3730a3!important;font-size:.58rem}.mp-grad-cert-guardrail-v48 p{margin:.22rem 0 0}
#mp-main[data-mp-graduation-certificate-register="v48"].mp-grad-cert-register-runtime-v48 .mp-grad-cert-table-v48 tbody tr{scroll-margin-top:4rem}
@media(max-width:1180px){#mp-main .mp-grad-cert-kpis-v48{grid-template-columns:repeat(3,minmax(0,1fr))}#mp-main .mp-grad-cert-readiness-grid-v48{grid-template-columns:repeat(3,minmax(0,1fr))}#mp-main .mp-grad-cert-meta-v48{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){#mp-main .mp-grad-cert-hero-v48,#mp-main .mp-grad-cert-section-head-v48{display:grid}#mp-main .mp-grad-cert-section-head-v48>p{text-align:left}#mp-main .mp-grad-cert-hero-actions-v48{justify-content:flex-start}#mp-main .mp-grad-cert-filter-v48{grid-template-columns:repeat(2,minmax(0,1fr))}#mp-main .mp-grad-cert-search-v48{grid-column:span 2}#mp-main .mp-grad-cert-batch-controls-v48{grid-template-columns:1fr}#mp-main .mp-grad-cert-batches-v48 article{grid-template-columns:1fr}#mp-main .mp-grad-cert-batches-v48 article>a{justify-self:start}}
@media(max-width:640px){#mp-main .mp-grad-cert-kpis-v48,#mp-main .mp-grad-cert-readiness-grid-v48,#mp-main .mp-grad-cert-meta-v48{grid-template-columns:repeat(2,minmax(0,1fr))}#mp-main .mp-grad-cert-filter-v48{grid-template-columns:1fr}#mp-main .mp-grad-cert-search-v48{grid-column:auto}#mp-main .mp-grad-cert-table-wrap-v48{overflow:visible;border:0}#mp-main .mp-grad-cert-table-v48{min-width:0;background:transparent}#mp-main .mp-grad-cert-table-v48 thead{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}#mp-main .mp-grad-cert-table-v48 tbody{display:grid;gap:.7rem}#mp-main .mp-grad-cert-table-v48 tbody tr{display:grid;border:1px solid #e2e8f0;border-radius:14px;background:#fff!important;box-shadow:0 8px 20px rgba(15,23,42,.04)}#mp-main .mp-grad-cert-table-v48 tbody td{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:.6rem;border:0;border-bottom:1px solid #edf2f7;padding:.58rem .65rem}#mp-main .mp-grad-cert-table-v48 tbody td:last-child{border-bottom:0}#mp-main .mp-grad-cert-table-v48 tbody td:before{content:attr(data-label);color:#64748b;font-size:.48rem;font-weight:820;text-transform:uppercase;letter-spacing:.04em}#mp-main .mp-grad-cert-batch-counts-v48{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){#mp-main .mp-grad-cert-kpis-v48,#mp-main .mp-grad-cert-readiness-grid-v48,#mp-main .mp-grad-cert-meta-v48{grid-template-columns:1fr}#mp-main .mp-grad-cert-table-v48 tbody td{grid-template-columns:1fr;gap:.25rem}}
body.dark #mp-main .mp-grad-cert-hero-v48,body.dark #mp-main .mp-grad-cert-panel-v48,body.dark #mp-main .mp-grad-cert-readiness-v48,body.dark #mp-main .mp-grad-cert-batch-v48{border-color:#2b384b;background:#111827}body.dark #mp-main .mp-grad-cert-hero-v48 h1,body.dark #mp-main .mp-grad-cert-section-head-v48 h2,body.dark #mp-main .mp-grad-cert-kpis-v48 strong,body.dark #mp-main .mp-grad-cert-readiness-grid-v48 strong{color:#f8fafc}body.dark #mp-main .mp-grad-cert-kpis-v48 article,body.dark #mp-main .mp-grad-cert-readiness-grid-v48 article,body.dark #mp-main .mp-grad-cert-batches-v48 article,body.dark #mp-main .mp-grad-cert-meta-v48 div{border-color:#334155;background:#111c2f}body.dark #mp-main .mp-grad-cert-table-v48{background:#0f172a}body.dark #mp-main .mp-grad-cert-table-v48 tbody tr:nth-child(even){background:#111827}body.dark #mp-main .mp-grad-cert-table-v48 tbody tr:hover{background:#172033}body.dark #mp-main .mp-grad-cert-table-v48 tbody td{border-color:#243244;color:#cbd5e1}body.dark #mp-main .mp-grad-cert-table-v48 td>strong,body.dark #mp-main .mp-grad-cert-meta-v48 dd{color:#e2e8f0}
@media(forced-colors:active){#mp-main .mp-grad-cert-hero-v48,#mp-main .mp-grad-cert-panel-v48,#mp-main .mp-grad-cert-kpis-v48 article,#mp-main .mp-grad-cert-readiness-grid-v48 article,#mp-main .mp-grad-cert-table-wrap-v48{border:1px solid CanvasText}}
@media(prefers-reduced-motion:reduce){#mp-main .mp-grad-cert-table-v48 tbody tr{scroll-behavior:auto}}
@media print{#mp-main .mp-grad-cert-hero-actions-v48,#mp-main .mp-grad-cert-filter-v48,#mp-main .mp-grad-cert-batch-v48,#mp-main .mp-grad-cert-row-actions-v48,#mp-main .mp-grad-cert-guardrail-v48{display:none!important}#mp-main .mp-grad-cert-hero-v48,#mp-main .mp-grad-cert-panel-v48,#mp-main .mp-grad-cert-readiness-v48{box-shadow:none;background:#fff}#mp-main .mp-grad-cert-table-v48{min-width:0;font-size:8pt}#mp-main .mp-grad-cert-table-v48 thead th{position:static;background:#e2e8f0;color:#000}}

/* Enterprise Graduation Final Approval & Academic Board Lock UX v49 */
#mp-main .mp-board-v49{display:grid;gap:1rem;padding-bottom:1.5rem}
#mp-main .mp-board-hero-v49{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;padding:1.1rem 1.2rem;border:1px solid #dbe4ee;border-radius:18px;background:linear-gradient(135deg,#f8fbff 0%,#fff 58%,#f0fdf4 100%);box-shadow:0 12px 28px rgba(15,23,42,.05)}
#mp-main .mp-board-eyebrow-v49{display:block;margin-bottom:.25rem;color:#2563eb;font-size:.55rem;font-weight:850;text-transform:uppercase;letter-spacing:.09em}
#mp-main .mp-board-hero-v49 h1{margin:0;color:#172033;font-size:1.28rem;font-weight:900;letter-spacing:-.025em}
#mp-main .mp-board-hero-v49 p{max-width:58rem;margin:.38rem 0 0;color:#64748b;font-size:.66rem;line-height:1.55}
#mp-main .mp-board-hero-actions-v49{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}
#mp-main .mp-board-alert-v49,#mp-main .mp-board-guardrail-v49{display:flex;gap:.65rem;align-items:flex-start;padding:.72rem .82rem;border:1px solid #bae6fd;border-radius:13px;background:#f0f9ff;color:#475569;font-size:.58rem;line-height:1.5}
#mp-main .mp-board-alert-v49 strong,#mp-main .mp-board-guardrail-v49 strong{flex:0 0 auto;color:#075985}.mp-board-alert-v49.is-danger{border-color:#fecaca!important;background:#fef2f2!important}.mp-board-alert-v49.is-danger strong{color:#991b1b!important}
#mp-main .mp-board-guardrail-v49{display:block;border-color:#c7d2fe;background:#eef2ff}#mp-main .mp-board-guardrail-v49 strong{display:block;color:#3730a3}#mp-main .mp-board-guardrail-v49 p{margin:.2rem 0 0}
#mp-main .mp-board-kpis-v49{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem}
#mp-main .mp-board-kpis-v49 article{min-width:0;padding:.82rem .86rem;border:1px solid #e2e8f0;border-radius:15px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.035)}
#mp-main .mp-board-kpis-v49 article.is-warning{border-color:#fde68a;background:#fffdf5}.mp-board-kpis-v49 article.is-success{border-color:#bbf7d0;background:#f8fff9}.mp-board-kpis-v49 article.is-danger{border-color:#fecaca;background:#fff8f8}
#mp-main .mp-board-kpis-v49 span{display:block;color:#64748b;font-size:.51rem;font-weight:800;text-transform:uppercase;letter-spacing:.055em}#mp-main .mp-board-kpis-v49 strong{display:block;margin:.2rem 0;color:#172033;font-size:1.15rem;font-weight:900}#mp-main .mp-board-kpis-v49 small{display:block;color:#7c8aa0;font-size:.49rem;line-height:1.4}
#mp-main .mp-board-panel-v49{padding:.9rem;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 9px 24px rgba(15,23,42,.035)}
#mp-main .mp-board-section-head-v49{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.72rem}#mp-main .mp-board-section-head-v49 h2{margin:0;color:#1e293b;font-size:.83rem;font-weight:880}#mp-main .mp-board-section-head-v49 p{margin:.18rem 0 0;color:#64748b;font-size:.55rem;line-height:1.45}#mp-main .mp-board-section-head-v49>span{padding:.28rem .48rem;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:.49rem;font-weight:780;white-space:nowrap}
#mp-main .mp-board-filter-v49{display:grid;grid-template-columns:minmax(15rem,1.7fr) repeat(4,minmax(9.5rem,1fr));gap:.58rem;align-items:end}#mp-main .mp-board-filter-v49 label{display:grid;gap:.24rem;color:#334155;font-size:.52rem;font-weight:800}.mp-board-filter-actions-v49{display:flex;gap:.4rem;grid-column:1/-1;justify-content:flex-end}.mp-board-search-v49{min-width:0}
#mp-main .mp-board-table-wrap-v49{max-width:100%;overflow:auto;border:1px solid #e2e8f0;border-radius:13px}#mp-main .mp-board-table-v49{width:100%;min-width:1080px;border-collapse:separate;border-spacing:0;background:#fff;font-size:.56rem}#mp-main .mp-board-table-v49 thead th{position:sticky;top:0;z-index:1;padding:.65rem .68rem;background:#153e67;color:#fff;text-align:left;font-size:.49rem;font-weight:830;text-transform:uppercase;letter-spacing:.045em}#mp-main .mp-board-table-v49 tbody td{padding:.68rem;border-bottom:1px solid #edf2f7;color:#475569;vertical-align:top}#mp-main .mp-board-table-v49 tbody tr:nth-child(even){background:#fafcff}#mp-main .mp-board-table-v49 tbody tr:hover{background:#f3f8ff}
#mp-main .mp-board-record-v49{display:grid;gap:.12rem}.mp-board-record-v49>strong{color:#64748b;font-size:.48rem;text-transform:uppercase}.mp-board-record-v49>a{color:#173b64;font-size:.6rem;font-weight:830}.mp-board-record-v49>small,#mp-main .mp-board-table-v49 td>small{display:block;margin-top:.14rem;color:#7c8aa0;font-size:.48rem;line-height:1.35}.mp-board-table-v49 td>strong{color:#25344a}
#mp-main .mp-board-badge-v49{display:inline-flex;align-items:center;min-height:1.45rem;padding:.23rem .43rem;border:1px solid #cbd5e1;border-radius:999px;background:#f8fafc;color:#475569;font-size:.48rem;font-weight:820;white-space:nowrap}.mp-board-badge-v49.is-info{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.mp-board-badge-v49.is-success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.mp-board-badge-v49.is-warning{border-color:#fde68a;background:#fffbeb;color:#92400e}.mp-board-badge-v49.is-danger{border-color:#fecaca;background:#fef2f2;color:#991b1b}.mp-board-badge-v49.is-muted{color:#64748b}
#mp-main .mp-board-actions-v49{display:grid;gap:.35rem;min-width:13rem}.mp-board-action-details-v49{border:1px solid #e2e8f0;border-radius:10px;background:#fbfdff}.mp-board-action-details-v49>summary{cursor:pointer;padding:.48rem .55rem;color:#334155;font-size:.51rem;font-weight:800}.mp-board-action-details-v49[open]>summary{border-bottom:1px solid #e2e8f0}.mp-board-action-details-v49 form{display:grid;gap:.48rem;padding:.55rem}.mp-board-action-details-v49 label{display:grid;gap:.22rem;color:#475569;font-size:.49rem;font-weight:760}.mp-board-action-note-v49{color:#7c8aa0;font-size:.48rem;line-height:1.4}
#mp-main .mp-board-audit-v49{display:grid;gap:.48rem;margin:0;padding:0;list-style:none}.mp-board-audit-v49 li{display:grid;grid-template-columns:minmax(13rem,.8fr) minmax(20rem,2fr);gap:.75rem;padding:.62rem .68rem;border:1px solid #edf2f7;border-radius:11px;background:#fbfdff}.mp-board-audit-v49 li>div{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.mp-board-audit-v49 strong{color:#25344a;font-size:.55rem}.mp-board-audit-v49 li>div span{color:#64748b;font-size:.47rem}.mp-board-audit-v49 p{margin:0;color:#64748b;font-size:.5rem;line-height:1.45}
@media(max-width:1150px){#mp-main .mp-board-kpis-v49{grid-template-columns:repeat(3,minmax(0,1fr))}#mp-main .mp-board-filter-v49{grid-template-columns:repeat(3,minmax(0,1fr))}.mp-board-search-v49{grid-column:span 2}}
@media(max-width:800px){#mp-main .mp-board-hero-v49,#mp-main .mp-board-section-head-v49{display:grid}#mp-main .mp-board-hero-actions-v49{justify-content:flex-start}#mp-main .mp-board-filter-v49{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-board-search-v49{grid-column:span 2}.mp-board-audit-v49 li{grid-template-columns:1fr}}
@media(max-width:640px){#mp-main .mp-board-kpis-v49{grid-template-columns:repeat(2,minmax(0,1fr))}#mp-main .mp-board-filter-v49{grid-template-columns:1fr}.mp-board-search-v49{grid-column:auto}.mp-board-filter-actions-v49{justify-content:flex-start}#mp-main .mp-board-table-wrap-v49{overflow:visible;border:0}#mp-main .mp-board-table-v49{min-width:0;background:transparent}#mp-main .mp-board-table-v49 thead{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}#mp-main .mp-board-table-v49 tbody{display:grid;gap:.7rem}#mp-main .mp-board-table-v49 tbody tr{display:grid;border:1px solid #e2e8f0;border-radius:14px;background:#fff!important;box-shadow:0 8px 20px rgba(15,23,42,.04)}#mp-main .mp-board-table-v49 tbody td{display:grid;grid-template-columns:7.3rem minmax(0,1fr);gap:.55rem;border:0;border-bottom:1px solid #edf2f7;padding:.58rem .65rem}#mp-main .mp-board-table-v49 tbody td:before{content:attr(data-label);color:#64748b;font-size:.47rem;font-weight:820;text-transform:uppercase;letter-spacing:.04em}#mp-main .mp-board-table-v49 tbody td:last-child{border-bottom:0}.mp-board-actions-v49{min-width:0}}
@media(max-width:420px){#mp-main .mp-board-kpis-v49{grid-template-columns:1fr}#mp-main .mp-board-table-v49 tbody td{grid-template-columns:1fr;gap:.22rem}}
body.dark #mp-main .mp-board-hero-v49,body.dark #mp-main .mp-board-panel-v49,body.dark #mp-main .mp-board-kpis-v49 article{border-color:#334155;background:#111827}body.dark #mp-main .mp-board-hero-v49 h1,body.dark #mp-main .mp-board-section-head-v49 h2,body.dark #mp-main .mp-board-kpis-v49 strong{color:#f8fafc}body.dark #mp-main .mp-board-table-v49{background:#0f172a}body.dark #mp-main .mp-board-table-v49 tbody tr:nth-child(even){background:#111827}body.dark #mp-main .mp-board-table-v49 tbody tr:hover{background:#172033}body.dark #mp-main .mp-board-table-v49 tbody td{border-color:#243244;color:#cbd5e1}body.dark #mp-main .mp-board-record-v49>a,body.dark #mp-main .mp-board-table-v49 td>strong{color:#e2e8f0}body.dark #mp-main .mp-board-action-details-v49,body.dark #mp-main .mp-board-audit-v49 li{border-color:#334155;background:#111c2f}
@media(forced-colors:active){#mp-main .mp-board-hero-v49,#mp-main .mp-board-panel-v49,#mp-main .mp-board-kpis-v49 article,#mp-main .mp-board-table-wrap-v49{border:1px solid CanvasText}}
@media print{#mp-main .mp-board-hero-actions-v49,#mp-main .mp-board-filter-v49,#mp-main .mp-board-actions-v49,#mp-main .mp-board-alert-v49{display:none!important}#mp-main .mp-board-hero-v49,#mp-main .mp-board-panel-v49,#mp-main .mp-board-kpis-v49 article{box-shadow:none;background:#fff}#mp-main .mp-board-table-v49{min-width:0;font-size:8pt}#mp-main .mp-board-table-v49 thead th{position:static;background:#e2e8f0;color:#000}}

/* Enterprise NYSC Mobilization Final Pack + Export Approval Dashboard UX v50 */
#mp-main .mp-nysc-final-v50{display:grid;gap:1rem;max-width:100%}
#mp-main .mp-nysc-final-hero-v50{display:flex;align-items:flex-start;justify-content:space-between;gap:1.15rem;padding:1.15rem 1.2rem;border:1px solid #c7d2fe;border-radius:20px;background:linear-gradient(135deg,#f8faff,#eef2ff 55%,#f0fdfa);box-shadow:0 14px 34px rgba(15,23,42,.055)}
#mp-main .mp-nysc-final-hero-v50 h1{margin:.18rem 0 .32rem;color:#111827;font-size:clamp(1.25rem,2vw,1.72rem);font-weight:880;letter-spacing:-.025em}
#mp-main .mp-nysc-final-hero-v50 p{max-width:76rem;margin:0;color:#526071;font-size:.67rem;line-height:1.6}
#mp-main .mp-nysc-final-eyebrow-v50{display:block;color:#4338ca;font-size:.53rem;font-weight:850;text-transform:uppercase;letter-spacing:.09em}
#mp-main .mp-nysc-final-hero-actions-v50{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.48rem;flex:0 0 auto}
#mp-main .mp-nysc-final-guard-v50{display:grid;grid-template-columns:minmax(10rem,.35fr) minmax(0,1.65fr);gap:.7rem;padding:.78rem .9rem;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff;color:#1e3a5f;font-size:.56rem;line-height:1.5}
#mp-main .mp-nysc-final-guard-v50 strong{color:#1d4ed8;font-size:.57rem}
#mp-main .mp-nysc-final-alert-v50{padding:.72rem .85rem;border:1px solid #fde68a;border-radius:13px;background:#fffbeb;color:#92400e;font-size:.56rem}
#mp-main .mp-nysc-final-kpis-v50{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.62rem}
#mp-main .mp-nysc-final-kpis-v50 article{min-width:0;padding:.8rem .84rem;border:1px solid #e2e8f0;border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.035)}
#mp-main .mp-nysc-final-kpis-v50 article.is-success{border-color:#bbf7d0;background:#f0fdf4}#mp-main .mp-nysc-final-kpis-v50 article.is-warning{border-color:#fde68a;background:#fffbeb}
#mp-main .mp-nysc-final-kpis-v50 span{display:block;color:#64748b;font-size:.5rem;font-weight:820;text-transform:uppercase;letter-spacing:.05em}#mp-main .mp-nysc-final-kpis-v50 strong{display:block;margin:.28rem 0 .12rem;color:#0f172a;font-size:1.24rem;font-weight:900}#mp-main .mp-nysc-final-kpis-v50 small{display:block;color:#7c8aa0;font-size:.48rem;line-height:1.4}
#mp-main .mp-nysc-final-panel-v50{padding:.95rem;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.04)}
#mp-main .mp-nysc-final-section-head-v50{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.72rem}#mp-main .mp-nysc-final-section-head-v50 h2{margin:0;color:#1e293b;font-size:.84rem;font-weight:880}#mp-main .mp-nysc-final-section-head-v50 p{margin:.16rem 0 0;color:#64748b;font-size:.54rem;line-height:1.45}#mp-main .mp-nysc-final-section-head-v50>span{padding:.26rem .46rem;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:.48rem;font-weight:800;white-space:nowrap}
#mp-main .mp-nysc-final-filter-v50{display:grid;grid-template-columns:minmax(8rem,.6fr) minmax(16rem,1.7fr) minmax(10rem,1fr) minmax(10rem,1fr);gap:.58rem;margin-bottom:.8rem;padding:.72rem;border:1px solid #edf2f7;border-radius:13px;background:#fbfdff}#mp-main .mp-nysc-final-filter-v50 label{display:grid;gap:.22rem;color:#334155;font-size:.5rem;font-weight:800}.mp-nysc-final-filter-actions-v50{grid-column:1/-1;display:flex;justify-content:flex-end;gap:.4rem}
#mp-main .mp-nysc-final-table-wrap-v50{max-width:100%;overflow:auto;border:1px solid #e2e8f0;border-radius:13px}#mp-main .mp-nysc-final-table-v50{width:100%;min-width:1180px;border-collapse:separate;border-spacing:0;background:#fff;font-size:.55rem}#mp-main .mp-nysc-final-table-v50 thead th{position:sticky;top:0;z-index:1;padding:.64rem .66rem;background:#243b64;color:#fff;text-align:left;font-size:.48rem;font-weight:840;text-transform:uppercase;letter-spacing:.045em}#mp-main .mp-nysc-final-table-v50 tbody td{padding:.68rem;border-bottom:1px solid #edf2f7;color:#475569;vertical-align:top}#mp-main .mp-nysc-final-table-v50 tbody tr:nth-child(even){background:#fafcff}#mp-main .mp-nysc-final-table-v50 tbody tr:hover{background:#f4f7ff}
#mp-main .mp-nysc-final-table-v50 td>strong{display:block;color:#25344a;font-size:.57rem}#mp-main .mp-nysc-final-table-v50 td>small{display:block;margin-top:.14rem;color:#7c8aa0;font-size:.47rem;line-height:1.4}#mp-main .mp-nysc-final-table-v50 code{display:block;margin-top:.3rem;color:#64748b;font-size:.45rem;overflow-wrap:anywhere}
#mp-main .mp-nysc-final-badge-v50,#mp-main .mp-nysc-final-state-v50{display:inline-flex;align-items:center;margin:.18rem .2rem .05rem 0;min-height:1.4rem;padding:.22rem .42rem;border:1px solid #cbd5e1;border-radius:999px;background:#f8fafc;color:#475569;font-size:.47rem;font-weight:820;white-space:nowrap}.mp-nysc-final-badge-v50.is-success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.mp-nysc-final-badge-v50.is-warning{border-color:#fde68a;background:#fffbeb;color:#92400e}.mp-nysc-final-badge-v50.is-danger{border-color:#fecaca;background:#fef2f2;color:#991b1b}
#mp-main .mp-nysc-final-state-v50.is-ready{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.mp-nysc-final-state-v50.is-approved{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.mp-nysc-final-state-v50.is-pending{border-color:#fde68a;background:#fffbeb;color:#92400e}.mp-nysc-final-state-v50.is-archive,.mp-nysc-final-state-v50.is-danger{border-color:#fecaca;background:#fef2f2;color:#991b1b}
#mp-main .mp-nysc-final-reasons-v50{margin:.28rem 0 0;padding-left:1rem;color:#991b1b;font-size:.46rem;line-height:1.45}#mp-main .mp-nysc-final-actions-v50{display:grid;gap:.32rem;min-width:12.5rem}
#mp-main .mp-nysc-final-pagination-v50{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.75rem}#mp-main .mp-nysc-final-pagination-v50 a{min-width:1.8rem;padding:.34rem .5rem;border:1px solid #dbe3ee;border-radius:8px;background:#fff;color:#475569;text-align:center;font-size:.5rem;font-weight:800}#mp-main .mp-nysc-final-pagination-v50 a.is-current{border-color:#4338ca;background:#4338ca;color:#fff}
@media(max-width:1100px){#mp-main .mp-nysc-final-kpis-v50{grid-template-columns:repeat(3,minmax(0,1fr))}#mp-main .mp-nysc-final-filter-v50{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-nysc-final-search-v50{grid-column:span 2}}
@media(max-width:760px){#mp-main .mp-nysc-final-hero-v50,#mp-main .mp-nysc-final-section-head-v50,#mp-main .mp-nysc-final-guard-v50{display:grid}#mp-main .mp-nysc-final-hero-actions-v50{justify-content:flex-start}#mp-main .mp-nysc-final-filter-v50{grid-template-columns:1fr}.mp-nysc-final-search-v50{grid-column:auto}.mp-nysc-final-filter-actions-v50{justify-content:flex-start}#mp-main .mp-nysc-final-table-wrap-v50{overflow:visible;border:0}#mp-main .mp-nysc-final-table-v50{min-width:0;background:transparent}#mp-main .mp-nysc-final-table-v50 thead{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}#mp-main .mp-nysc-final-table-v50 tbody{display:grid;gap:.7rem}#mp-main .mp-nysc-final-table-v50 tbody tr{display:grid;border:1px solid #e2e8f0;border-radius:14px;background:#fff!important;box-shadow:0 8px 20px rgba(15,23,42,.04)}#mp-main .mp-nysc-final-table-v50 tbody td{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:.55rem;border:0;border-bottom:1px solid #edf2f7;padding:.58rem .65rem}#mp-main .mp-nysc-final-table-v50 tbody td:before{content:attr(data-label);color:#64748b;font-size:.46rem;font-weight:830;text-transform:uppercase;letter-spacing:.04em}#mp-main .mp-nysc-final-table-v50 tbody td:last-child{border-bottom:0}.mp-nysc-final-actions-v50{min-width:0}}
@media(max-width:480px){#mp-main .mp-nysc-final-kpis-v50{grid-template-columns:1fr 1fr}#mp-main .mp-nysc-final-table-v50 tbody td{grid-template-columns:1fr;gap:.22rem}}
body.dark #mp-main .mp-nysc-final-hero-v50,body.dark #mp-main .mp-nysc-final-panel-v50,body.dark #mp-main .mp-nysc-final-kpis-v50 article,body.dark #mp-main .mp-nysc-final-filter-v50{border-color:#334155;background:#111827}body.dark #mp-main .mp-nysc-final-hero-v50 h1,body.dark #mp-main .mp-nysc-final-section-head-v50 h2,body.dark #mp-main .mp-nysc-final-kpis-v50 strong{color:#f8fafc}body.dark #mp-main .mp-nysc-final-table-v50{background:#0f172a}body.dark #mp-main .mp-nysc-final-table-v50 tbody tr:nth-child(even){background:#111827}body.dark #mp-main .mp-nysc-final-table-v50 tbody td{border-color:#243244;color:#cbd5e1}body.dark #mp-main .mp-nysc-final-table-v50 td>strong{color:#e2e8f0}
@media(forced-colors:active){#mp-main .mp-nysc-final-hero-v50,#mp-main .mp-nysc-final-panel-v50,#mp-main .mp-nysc-final-kpis-v50 article,#mp-main .mp-nysc-final-table-wrap-v50{border:1px solid CanvasText}}
@media print{#mp-main .mp-nysc-final-hero-actions-v50,#mp-main .mp-nysc-final-filter-v50,#mp-main .mp-nysc-final-actions-v50,#mp-main .mp-nysc-final-pagination-v50{display:none!important}#mp-main .mp-nysc-final-hero-v50,#mp-main .mp-nysc-final-panel-v50,#mp-main .mp-nysc-final-kpis-v50 article{box-shadow:none;background:#fff}#mp-main .mp-nysc-final-table-v50{min-width:0;font-size:8pt}#mp-main .mp-nysc-final-table-v50 thead th{position:static;background:#e2e8f0;color:#000}}

/* Admission Letter Printed & Collection Register UX v50.3 */
#mp-main [data-admission-letter-collection-v50-3="1"] details>summary::-webkit-details-marker{display:none}
#mp-main [data-admission-letter-collection-v50-3="1"] details[open]>summary{box-shadow:0 0 0 3px rgba(59,130,246,.08)}
#mp-main [data-admission-letter-collection-v50-3="1"] table td,#mp-main [data-admission-letter-collection-v50-3="1"] table th{vertical-align:top}
#mp-main [data-admission-letter-collection-v50-3="1"] textarea{resize:vertical}
body.dark #mp-main [data-admission-letter-collection-v50-3="1"] section,
body.dark #mp-main [data-admission-letter-collection-v50-3="1"] article{border-color:#334155;background:#0f172a;color:#e2e8f0}
body.dark #mp-main [data-admission-letter-collection-v50-3="1"] h2,
body.dark #mp-main [data-admission-letter-collection-v50-3="1"] .text-slate-950,
body.dark #mp-main [data-admission-letter-collection-v50-3="1"] .text-slate-900{color:#f8fafc}
@media(max-width:720px){#mp-main [data-admission-letter-collection-v50-3="1"] details{max-width:78vw}}
@media print{#mp-main [data-admission-letter-collection-v50-3="1"] form,#mp-main [data-admission-letter-collection-v50-3="1"] details,#mp-main [data-admission-letter-collection-v50-3="1"] a[href*="/export"]{display:none!important}}

/* ========================================================================== 
   v50.3.2 Sidebar Navigation Source-of-Truth & Collapse UX hardening
   ========================================================================== */
@media (min-width:768px){
  .sidebar-collapsed .mp-sidebar-brand{margin:.6rem .45rem .45rem;padding:.55rem!important;border-radius:18px}
  .sidebar-collapsed .mp-sidebar-brand-row{justify-content:center!important;align-items:center!important;gap:0!important}
  .sidebar-collapsed .mp-sidebar-brand-copy{display:none!important}
  .sidebar-collapsed .mp-sidebar-logo{width:2.35rem!important;height:2.35rem!important;border-radius:14px!important}
  .sidebar-collapsed .mp-nav-search-wrap{display:none!important}
  .sidebar-collapsed .mp-sidebar .mp-acc{max-height:0!important;opacity:0!important;pointer-events:none!important;margin-top:0!important}
  .sidebar-collapsed .mp-sidebar nav{padding-inline:.42rem!important}
  .sidebar-collapsed .mp-sidebar nav a[data-nav-item="1"],
  .sidebar-collapsed .mp-sidebar [data-nav-group]>.js-nav-group{justify-content:center!important;gap:0!important;min-height:44px;margin:.16rem 0;padding:.62rem;border-radius:14px}
  .sidebar-collapsed .mp-sidebar [data-nav-group]>.js-nav-group>span:first-child{gap:0!important}
}
@media (max-width:767px){
  .sidebar-collapsed #mobileSidebarPanel .mp-sidebar-brand-copy,
  .sidebar-collapsed #mobileSidebarPanel .mp-nav-label,
  .sidebar-collapsed #mobileSidebarPanel .mp-group-label,
  .sidebar-collapsed #mobileSidebarPanel .mp-section-label,
  .sidebar-collapsed #mobileSidebarPanel .js-nav-caret,
  .sidebar-collapsed #mobileSidebarPanel .mp-nav-search-wrap{display:initial}
  .sidebar-collapsed #mobileSidebarPanel .mp-sidebar-brand-copy{display:block!important}
  .sidebar-collapsed #mobileSidebarPanel .mp-nav-label,
  .sidebar-collapsed #mobileSidebarPanel .mp-group-label,
  .sidebar-collapsed #mobileSidebarPanel .mp-section-label,
  .sidebar-collapsed #mobileSidebarPanel .js-nav-caret{display:inline!important}
  .sidebar-collapsed #mobileSidebarPanel .mp-nav-search-wrap{display:grid!important}
}
@media (min-width:821px){
  #mp-main .mp-mobile-filter-toggle-v18{display:none!important}
  #mp-main form[data-mp-mobile-filter-v18="1"] .mp-mobile-filter-body-v18{display:contents!important;margin:0!important}
}
@media (max-width:767px){
  .sidebar-collapsed #mobileSidebarPanel .mp-workspace-identity{justify-content:flex-start!important;margin:.15rem 1rem .8rem!important;padding:.68rem .75rem!important}
  .sidebar-collapsed #mobileSidebarPanel .mp-workspace-identity-copy{display:grid!important}
  .sidebar-collapsed #mobileSidebarPanel .mp-workspace-identity-dot{width:.55rem!important;height:.55rem!important;flex-basis:.55rem!important}
  .sidebar-collapsed #mobileSidebarPanel .mp-nav-search-meta{display:flex!important}
}
@media (max-width:767px){
  .sidebar-collapsed #mobileSidebarPanel .mp-nav-label,
  .sidebar-collapsed #mobileSidebarPanel .mp-group-label,
  .sidebar-collapsed #mobileSidebarPanel .js-nav-caret{display:inline!important}
  .sidebar-collapsed #mobileSidebarPanel .mp-section-label{display:block!important}
}

/* ==========================================================================
   v50.3.3 Mobile Rendering & Student Affairs Responsiveness Hotfix
   ========================================================================== */
#mp-main .mp-student-affairs-stats{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
  min-width:0;
}
#mp-main .mp-student-affairs-stats > *{min-width:0;}
#mp-main .mp-student-affairs-filter{
  display:grid;
  grid-template-columns:minmax(220px,2fr) repeat(5,minmax(130px,1fr)) auto;
  gap:10px;
  align-items:end;
  min-width:0;
}
#mp-main .mp-student-affairs-filter > label{min-width:0;}
#mp-main .mp-student-affairs-bulk-controls{
  display:flex;
  gap:8px;
  align-items:end;
  flex-wrap:wrap;
  min-width:0;
}
#mp-main .mp-student-affairs-bulk-controls .mp-input{min-width:0;}
#mp-main .mp-student-affairs-bulk-controls select{flex:1 1 210px;}
#mp-main .mp-student-affairs-bulk-controls input{flex:1 1 260px;}
#mp-main .mp-student-affairs-table{min-width:1120px;}
#mp-main .mp-student-affairs-decision-column{min-width:320px;}
#mp-main .mp-student-affairs-decision-form{
  display:grid;
  grid-template-columns:minmax(120px,1fr) minmax(160px,1fr) auto;
  gap:6px;
  align-items:center;
  min-width:0;
}

@media (max-width:1180px){
  #mp-main .mp-student-affairs-stats{grid-template-columns:repeat(3,minmax(0,1fr));}
  #mp-main .mp-student-affairs-filter{grid-template-columns:repeat(3,minmax(0,1fr));}
  #mp-main .mp-student-affairs-filter button{width:100%;}
}
@media (max-width:767px){
  #mp-main .mp-student-affairs-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  #mp-main .mp-student-affairs-stats > :last-child:nth-child(odd){grid-column:1/-1;}
  #mp-main .mp-student-affairs-filter{grid-template-columns:minmax(0,1fr);}
  #mp-main .mp-student-affairs-bulk-controls{display:grid;grid-template-columns:minmax(0,1fr);width:100%;}
  #mp-main .mp-student-affairs-bulk-controls .mp-input,
  #mp-main .mp-student-affairs-bulk-controls .mp-btn{width:100%;min-width:0;}
  #mp-main .mp-student-affairs-table.mp-responsive-table{
    min-width:0 !important;
    width:100% !important;
  }
  #mp-main .mp-student-affairs-decision-column{min-width:0;}
  #mp-main .mp-student-affairs-decision-form{grid-template-columns:minmax(0,1fr);}
  #mp-main .mp-student-affairs-decision-form .mp-input,
  #mp-main .mp-student-affairs-decision-form .mp-btn{width:100%;min-width:0;}
}
@media (max-width:340px){
  #mp-main .mp-student-affairs-stats{grid-template-columns:minmax(0,1fr);}
  #mp-main .mp-student-affairs-stats > :last-child:nth-child(odd){grid-column:auto;}
}


/* ========================================================================== 
   v50.3.4 Admission Review — true mobile composition
   The review route previously behaved like a shrunken desktop page: workflow
   checkpoints scrolled sideways, all generic grids were flattened to one long
   column by the phone rescue layer, high-priority review controls sat below a
   very long biodata block, and the hero actions could still overflow because
   they are legacy Tailwind buttons rather than .mp-btn controls.

   These rules are deliberately scoped to the real admission review view via
   .mp-admission-review-page-v5034. Desktop/tablet composition is unchanged.
   ========================================================================== */
#mp-main .mp-admission-review-page-v5034,
#mp-main .mp-admission-review-page-v5034 *{
  min-inline-size:0;
}
#mp-main .mp-admission-review-page-v5034 .mp-admission-review-person-v5034 > div:last-child{
  min-width:0;
}
#mp-main .mp-admission-review-page-v5034 .mp-admission-review-person-v5034 span,
#mp-main .mp-admission-review-page-v5034 .mp-admission-review-key-status-v5034,
#mp-main .mp-admission-review-page-v5034 .mp-admission-biodata-item-v5034,
#mp-main .mp-admission-review-page-v5034 .mp-admission-document-card-v5034,
#mp-main .mp-admission-review-page-v5034 .mp-admission-review-payment-v5034{
  overflow-wrap:anywhere;
  word-break:normal;
}

@media (max-width:767px){
  /* Turn the two independent desktop columns into one intentional mobile
     reading order without duplicating or moving forms in JavaScript. */
  #mp-main .mp-admission-review-page-v5034 .mp-workflow-grid{
    display:flex !important;
    flex-direction:column !important;
    gap:.8rem !important;
  }
  #mp-main .mp-admission-review-page-v5034 .mp-workflow-main,
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-rail-v5034{
    display:contents !important;
  }
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-summary-v5034{order:10}
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-decision-v5034{order:20}
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-documents-v5034{order:30}
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-payment-v5034{order:40}
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-biodata-v5034{order:50}
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-olevel-v5034{order:60}

  /* Header actions are actual full-width touch controls rather than wrapped
     desktop pills. This catches the forms/anchors that do not use .mp-btn. */
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-actions-v5034{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    width:100% !important;
    gap:.5rem !important;
  }
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-actions-v5034 > *,
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-actions-v5034 form,
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-actions-v5034 a,
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-actions-v5034 button{
    width:100% !important;
    max-width:100% !important;
  }
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-actions-v5034 a,
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-actions-v5034 button{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:44px !important;
    text-align:center;
    white-space:normal;
  }

  /* Reduce nested desktop padding so a 360 px phone keeps a useful content
     column instead of spending ~80 px on card-within-card gutters. */
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-profile-head-v5034{
    padding:1rem !important;
  }
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-summary-grid-v5034{
    padding:1rem !important;
    gap:.65rem !important;
  }
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-biodata-v5034,
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-olevel-v5034,
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-decision-v5034,
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-documents-v5034,
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-payment-v5034{
    padding:1rem !important;
    border-radius:18px !important;
  }

  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-profile-layout-v5034{
    gap:.85rem !important;
  }
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-person-v5034{
    gap:.75rem !important;
    align-items:center !important;
  }
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-person-v5034 img,
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-person-v5034 > div:first-child:not(:last-child){
    width:4rem !important;
    height:4rem !important;
    flex:0 0 4rem !important;
    border-radius:14px !important;
  }
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-person-v5034 .text-2xl{
    font-size:1.12rem !important;
    line-height:1.35 !important;
    overflow-wrap:anywhere;
  }
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-person-v5034 .text-sm{
    font-size:.8rem !important;
    line-height:1.45 !important;
  }

  /* Application number + status are small enough to stay side-by-side on a
     phone; this opt-out intentionally overrides the generic phone one-column
     rescue rule. */
  html.mp-phone-layout #mp-main .mp-admission-review-page-v5034 .mp-admission-review-key-status-v5034,
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-key-status-v5034{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:.55rem !important;
    width:100% !important;
  }
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-key-status-v5034 > div{
    padding:.7rem !important;
    border-radius:13px !important;
  }

  /* Summary metadata reads better as compact rows on a phone. */
  html.mp-phone-layout #mp-main .mp-admission-review-page-v5034 .mp-admission-review-summary-grid-v5034,
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-summary-grid-v5034{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
  }
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-summary-grid-v5034 > div{
    padding:.72rem .8rem !important;
    border-radius:13px !important;
  }

  /* A card per biodata field in one column created an unnecessarily huge
     review page. Short fields now form a readable two-column fact grid; long
     fields keep the full row. */
  html.mp-phone-layout #mp-main .mp-admission-review-page-v5034 .mp-admission-biodata-grid-v5034,
  #mp-main .mp-admission-review-page-v5034 .mp-admission-biodata-grid-v5034{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:.55rem !important;
    margin-top:.8rem !important;
  }
  #mp-main .mp-admission-review-page-v5034 .mp-admission-biodata-item-v5034{
    padding:.68rem .72rem !important;
    border-radius:13px !important;
  }
  #mp-main .mp-admission-review-page-v5034 .mp-admission-biodata-item--wide-v5034{
    grid-column:1 / -1 !important;
  }
  #mp-main .mp-admission-review-page-v5034 .mp-admission-biodata-item-v5034 .text-xs{
    font-size:.625rem !important;
    line-height:1.3 !important;
  }
  #mp-main .mp-admission-review-page-v5034 .mp-admission-biodata-item-v5034 .text-sm{
    font-size:.79rem !important;
    line-height:1.42 !important;
  }

  /* Workflow checkpoints should never show a cut-off next card on a phone.
     The previous v24 rule intentionally made this a horizontal carousel; a
     2x2 grid is clearer for four backend-controlled checkpoints. */
  html.mp-phone-layout #mp-main .mp-admission-review-page-v5034 .mp-admission-clearance-grid-v24,
  #mp-main .mp-admission-review-page-v5034 .mp-admission-clearance-grid-v24{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:.5rem !important;
    overflow:visible !important;
    padding-bottom:0 !important;
    scroll-snap-type:none !important;
  }
  #mp-main .mp-admission-review-page-v5034 .mp-admission-clearance-step-v24{
    width:100% !important;
    min-width:0 !important;
    padding:.6rem !important;
    gap:.48rem !important;
    scroll-snap-align:none !important;
  }
  #mp-main .mp-admission-review-page-v5034 .mp-admission-clearance-step-index-v24{
    width:1.55rem;
    height:1.55rem;
  }
  #mp-main .mp-admission-review-page-v5034 .mp-admission-clearance-step-copy-v24 strong{
    font-size:.7rem;
    overflow-wrap:anywhere;
  }
  #mp-main .mp-admission-review-page-v5034 .mp-admission-clearance-step-copy-v24 small{
    font-size:.62rem;
  }

  /* Section navigation now wraps within the phone rather than requiring a
     hidden horizontal gesture. */
  #mp-main .mp-admission-review-page-v5034 + .mp-applicant-review-nav-v20,
  #mp-main .mp-admission-review-page-v5034 .mp-applicant-review-nav-v20{
    position:static !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:.42rem !important;
    overflow:visible !important;
    padding:.45rem !important;
  }
  #mp-main .mp-applicant-review-v20 .mp-applicant-review-nav-v20 .mp-applicant-review-nav-link-v20{
    width:100%;
    min-width:0;
    justify-content:center;
    text-align:center;
    white-space:normal;
    line-height:1.25;
    padding:.48rem .45rem;
  }

  /* Touch forms use >=16 px field text: prevents iOS focus zoom and gives the
     decision panel a native mobile scale. */
  #mp-main .mp-admission-review-page-v5034 input:not([type="hidden"]),
  #mp-main .mp-admission-review-page-v5034 select,
  #mp-main .mp-admission-review-page-v5034 textarea{
    font-size:16px !important;
    max-width:100% !important;
  }
  #mp-main .mp-admission-review-page-v5034 textarea{
    min-height:7rem !important;
  }
  #mp-main .mp-admission-review-page-v5034 button,
  #mp-main .mp-admission-review-page-v5034 a.rounded-xl,
  #mp-main .mp-admission-review-page-v5034 a.rounded-2xl{
    max-width:100%;
  }

  #mp-main .mp-admission-review-page-v5034 .mp-admission-document-card-v5034{
    padding:.72rem !important;
    border-radius:13px !important;
  }
  #mp-main .mp-admission-review-page-v5034 .mp-admission-document-row-v5034{
    gap:.6rem !important;
  }
  #mp-main .mp-admission-review-page-v5034 .mp-admission-document-row-v5034 > a,
  #mp-main .mp-admission-review-page-v5034 .mp-admission-document-row-v5034 > span.shrink-0{
    width:100% !important;
    justify-content:center !important;
    text-align:center;
  }

  /* Long application/payment references must wrap rather than widening the
     viewport. */
  #mp-main .mp-admission-review-page-v5034 .font-mono,
  #mp-main .mp-admission-review-page-v5034 [class*="break-all"],
  #mp-main .mp-admission-review-page-v5034 td{
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }
}

@media (max-width:359px){
  html.mp-phone-layout #mp-main .mp-admission-review-page-v5034 .mp-admission-review-key-status-v5034,
  html.mp-phone-layout #mp-main .mp-admission-review-page-v5034 .mp-admission-biodata-grid-v5034,
  html.mp-phone-layout #mp-main .mp-admission-review-page-v5034 .mp-admission-clearance-grid-v24,
  #mp-main .mp-admission-review-page-v5034 .mp-admission-review-key-status-v5034,
  #mp-main .mp-admission-review-page-v5034 .mp-admission-biodata-grid-v5034,
  #mp-main .mp-admission-review-page-v5034 .mp-admission-clearance-grid-v24{
    grid-template-columns:minmax(0,1fr) !important;
  }
  #mp-main .mp-admission-review-page-v5034 .mp-admission-biodata-item--wide-v5034{
    grid-column:auto !important;
  }
  #mp-main .mp-applicant-review-v20 .mp-applicant-review-nav-v20{
    grid-template-columns:minmax(0,1fr) !important;
  }
}
\n\n/* ---- v50.3.14 Admission Action Center modal rendering hotfix ----\n   Dedicated component CSS prevents a stale/missed Tailwind utility extraction from\n   leaving the modal hero white while its title/message remain white and invisible. */\n.mp-admission-action-modal{\n  overscroll-behavior:contain;\n}\n.mp-admission-action-dialog{\n  max-height:calc(100dvh - 2rem);\n  overflow-y:auto !important;\n  overscroll-behavior:contain;\n  background:#fff;\n}\n.mp-admission-action-hero{\n  position:relative;\n  overflow:hidden;\n  padding:1.5rem;\n  color:#fff;\n  background:\n    radial-gradient(circle at 86% 12%,rgba(255,255,255,.17),transparent 28%),\n    linear-gradient(135deg,#047857 0%,#059669 48%,#1e3a8a 100%);\n}\n.mp-admission-action-hero::after{\n  content:'';\n  position:absolute;\n  right:-2.5rem;\n  bottom:-4rem;\n  width:11rem;\n  height:11rem;\n  border-radius:999px;\n  background:rgba(255,255,255,.08);\n  pointer-events:none;\n}\n.mp-admission-action-eyebrow{\n  position:relative;\n  z-index:1;\n  color:#d1fae5;\n  font-size:.72rem;\n  line-height:1rem;\n  font-weight:850;\n  text-transform:uppercase;\n  letter-spacing:.18em;\n}\n.mp-admission-action-title{\n  position:relative;\n  z-index:1;\n  margin:.5rem 0 0;\n  color:#fff !important;\n  font-size:1.65rem;\n  line-height:2rem;\n  font-weight:900;\n  letter-spacing:-.025em;\n}\n.mp-admission-action-message{\n  position:relative;\n  z-index:1;\n  margin:.5rem 0 0;\n  max-width:34rem;\n  color:#ecfdf5 !important;\n  font-size:.9rem;\n  line-height:1.55rem;\n}\nbody.dark .mp-admission-action-dialog{ background:#0f172a; border-color:rgba(148,163,184,.24); }\n@media (max-width:640px){\n  .mp-admission-action-modal{ align-items:flex-start !important; padding:.75rem !important; }\n  .mp-admission-action-dialog{ max-height:calc(100dvh - 1.5rem); border-radius:1.35rem !important; }\n  .mp-admission-action-hero{ padding:1.15rem; }\n  .mp-admission-action-title{ font-size:1.35rem; line-height:1.7rem; }\n  .mp-admission-action-message{ font-size:.84rem; line-height:1.35rem; }\n}\n