@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";


@layer components;

/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */

@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-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-outline-style: solid;
      --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;
      --tw-content: "";
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
    }
  }
}

@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-100: oklch(93.6% .032 17.717);
    --color-red-500: oklch(63.7% .237 25.331);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-blue-700: oklch(48.8% .243 264.376);
    --color-slate-50: oklch(98.4% .003 247.858);
    --color-slate-100: oklch(96.8% .007 247.896);
    --color-slate-600: oklch(44.6% .043 257.281);
    --color-slate-700: oklch(37.2% .044 257.287);
    --color-slate-900: oklch(20.8% .042 265.755);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-sm: 24rem;
    --container-lg: 32rem;
    --container-2xl: 42rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .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-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -.025em;
    --tracking-widest: .1em;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-xs: .125rem;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-sm: 8px;
    --blur-2xl: 40px;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    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;
    -webkit-text-decoration: 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 {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.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 {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :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)) {
      ::placeholder {
        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 {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer utilities {
  .\@container\/card-header {
    container: card-header / inline-size;
  }

  .\@container\/field-group {
    container: field-group / inline-size;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

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

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .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-12 {
    top: calc(var(--spacing) * -12);
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-3\.5 {
    top: calc(var(--spacing) * 3.5);
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .top-\[1px\] {
    top: 1px;
  }

  .top-\[50\%\] {
    top: 50%;
  }

  .top-\[60\%\] {
    top: 60%;
  }

  .top-full {
    top: 100%;
  }

  .-right-12 {
    right: calc(var(--spacing) * -12);
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-1 {
    right: calc(var(--spacing) * 1);
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .-bottom-12 {
    bottom: calc(var(--spacing) * -12);
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .-left-12 {
    left: calc(var(--spacing) * -12);
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-2 {
    left: calc(var(--spacing) * 2);
  }

  .left-\[50\%\] {
    left: 50%;
  }

  .isolate {
    isolation: isolate;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-50 {
    z-index: 50;
  }

  .z-\[1\] {
    z-index: 1;
  }

  .order-first {
    order: -9999;
  }

  .order-last {
    order: 9999;
  }

  .col-start-2 {
    grid-column-start: 2;
  }

  .row-span-2 {
    grid-row: span 2 / span 2;
  }

  .row-start-1 {
    grid-row-start: 1;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .\!m-0 {
    margin: calc(var(--spacing) * 0) !important;
  }

  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .mx-3\.5 {
    margin-inline: calc(var(--spacing) * 3.5);
  }

  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .-my-2 {
    margin-block: calc(var(--spacing) * -2);
  }

  .my-0 {
    margin-block: calc(var(--spacing) * 0);
  }

  .my-0\.5 {
    margin-block: calc(var(--spacing) * .5);
  }

  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }

  .-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-auto {
    margin-top: auto;
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .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-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .-ml-4 {
    margin-left: calc(var(--spacing) * -4);
  }

  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }

  .ml-auto {
    margin-left: auto;
  }

  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .table-caption {
    display: table-caption;
  }

  .table-cell {
    display: table-cell;
  }

  .table-row {
    display: table-row;
  }

  .field-sizing-content {
    field-sizing: content;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .size-\(--cell-size\) {
    width: var(--cell-size);
    height: var(--cell-size);
  }

  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .size-auto {
    width: auto;
    height: auto;
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .h-\(--cell-size\) {
    height: var(--cell-size);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-16 {
    height: calc(var(--spacing) * 16);
  }

  .h-\[1\.15rem\] {
    height: 1.15rem;
  }

  .h-\[500px\] {
    height: 500px;
  }

  .h-\[calc\(100\%-1px\)\] {
    height: calc(100% - 1px);
  }

  .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
    height: var(--radix-navigation-menu-viewport-height);
  }

  .h-\[var\(--radix-select-trigger-height\)\] {
    height: var(--radix-select-trigger-height);
  }

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .h-svh {
    height: 100svh;
  }

  .max-h-\(--radix-context-menu-content-available-height\) {
    max-height: var(--radix-context-menu-content-available-height);
  }

  .max-h-\(--radix-dropdown-menu-content-available-height\) {
    max-height: var(--radix-dropdown-menu-content-available-height);
  }

  .max-h-\(--radix-select-content-available-height\) {
    max-height: var(--radix-select-content-available-height);
  }

  .max-h-\[300px\] {
    max-height: 300px;
  }

  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }

  .min-h-4 {
    min-height: calc(var(--spacing) * 4);
  }

  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .min-h-svh {
    min-height: 100svh;
  }

  .w-\(--cell-size\) {
    width: var(--cell-size);
  }

  .w-\(--sidebar-width\) {
    width: var(--sidebar-width);
  }

  .w-0 {
    width: calc(var(--spacing) * 0);
  }

  .w-1 {
    width: calc(var(--spacing) * 1);
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-3\/4 {
    width: 75%;
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-16 {
    width: calc(var(--spacing) * 16);
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-\[100px\] {
    width: 100px;
  }

  .w-\[400px\] {
    width: 400px;
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-max {
    width: max-content;
  }

  .w-px {
    width: 1px;
  }

  .max-w-\(--skeleton-width\) {
    max-width: var(--skeleton-width);
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-\[calc\(100\%-2rem\)\] {
    max-width: calc(100% - 2rem);
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-max {
    max-width: max-content;
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .min-w-\(--cell-size\) {
    min-width: var(--cell-size);
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }

  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }

  .min-w-9 {
    min-width: calc(var(--spacing) * 9);
  }

  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }

  .min-w-\[8rem\] {
    min-width: 8rem;
  }

  .min-w-\[12rem\] {
    min-width: 12rem;
  }

  .min-w-\[var\(--radix-select-trigger-width\)\] {
    min-width: var(--radix-select-trigger-width);
  }

  .flex-1 {
    flex: 1;
  }

  .flex-shrink-0, .shrink-0 {
    flex-shrink: 0;
  }

  .grow {
    flex-grow: 1;
  }

  .grow-0 {
    flex-grow: 0;
  }

  .basis-full {
    flex-basis: 100%;
  }

  .caption-bottom {
    caption-side: bottom;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .origin-\(--radix-context-menu-content-transform-origin\) {
    transform-origin: var(--radix-context-menu-content-transform-origin);
  }

  .origin-\(--radix-dropdown-menu-content-transform-origin\) {
    transform-origin: var(--radix-dropdown-menu-content-transform-origin);
  }

  .origin-\(--radix-hover-card-content-transform-origin\) {
    transform-origin: var(--radix-hover-card-content-transform-origin);
  }

  .origin-\(--radix-menubar-content-transform-origin\) {
    transform-origin: var(--radix-menubar-content-transform-origin);
  }

  .origin-\(--radix-popover-content-transform-origin\) {
    transform-origin: var(--radix-popover-content-transform-origin);
  }

  .origin-\(--radix-select-content-transform-origin\) {
    transform-origin: var(--radix-select-content-transform-origin);
  }

  .origin-\(--radix-tooltip-content-transform-origin\) {
    transform-origin: var(--radix-tooltip-content-transform-origin);
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-px {
    --tw-translate-x: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-px {
    --tw-translate-x: 1px;
    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);
  }

  .translate-y-0\.5 {
    --tw-translate-y: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[calc\(-50\%_-_2px\)\] {
    --tw-translate-y: calc(-50% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .rotate-90 {
    rotate: 90deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-caret-blink {
    animation: 1.25s ease-out infinite caret-blink;
  }

  .animate-in {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-text {
    cursor: text;
  }

  .touch-none {
    touch-action: none;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .scroll-my-1 {
    scroll-margin-block: calc(var(--spacing) * 1);
  }

  .scroll-py-1 {
    scroll-padding-block: calc(var(--spacing) * 1);
  }

  .list-disc {
    list-style-type: disc;
  }

  .list-none {
    list-style-type: none;
  }

  .auto-rows-min {
    grid-auto-rows: min-content;
  }

  .grid-cols-\[0_1fr\] {
    grid-template-columns: 0 1fr;
  }

  .grid-rows-\[auto_auto\] {
    grid-template-rows: auto auto;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-col-reverse {
    flex-direction: column-reverse;
  }

  .flex-row {
    flex-direction: row;
  }

  .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-start {
    justify-content: flex-start;
  }

  .justify-items-start {
    justify-items: start;
  }

  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }

  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * .5);
  }

  .self-start {
    align-self: flex-start;
  }

  .self-stretch {
    align-self: stretch;
  }

  .justify-self-end {
    justify-self: flex-end;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-\[2px\] {
    border-radius: 2px;
  }

  .rounded-\[4px\] {
    border-radius: 4px;
  }

  .rounded-\[10px\] {
    border-radius: 10px;
  }

  .rounded-\[20px\] {
    border-radius: 20px;
  }

  .rounded-\[calc\(var\(--radius\)-5px\)\] {
    border-radius: calc(var(--radius)  - 5px);
  }

  .rounded-\[inherit\] {
    border-radius: inherit;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-sm {
    border-radius: var(--radius-sm);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-xs {
    border-radius: var(--radius-xs);
  }

  .rounded-l-md {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }

  .rounded-tl-sm {
    border-top-left-radius: var(--radius-sm);
  }

  .rounded-r-md {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }

  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .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-\(--color-border\) {
    border-color: var(--color-border);
  }

  .border-\[rgba\(0\,0\,0\,0\.08\)\] {
    border-color: #00000014;
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-t-transparent {
    border-top-color: #0000;
  }

  .border-l-transparent {
    border-left-color: #0000;
  }

  .bg-\(--color-bg\) {
    background-color: var(--color-bg);
  }

  .bg-\[\#1a1a19\] {
    background-color: #1a1a19;
  }

  .bg-\[\#f8f8f7\] {
    background-color: #f8f8f7;
  }

  .bg-black\/50 {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }

  .bg-red-100 {
    background-color: var(--color-red-100);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\/80 {
    background-color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/80 {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .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));
  }

  .to-slate-100 {
    --tw-gradient-to: var(--color-slate-100);
    --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));
  }

  .fill-current {
    fill: currentColor;
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .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-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-\[3px\] {
    padding: 3px;
  }

  .p-px {
    padding: 1px;
  }

  .px-\(--cell-size\) {
    padding-inline: var(--cell-size);
  }

  .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-0\.5 {
    padding-block: calc(var(--spacing) * .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);
  }

  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }

  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }

  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

  .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .align-middle {
    vertical-align: middle;
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .font-sans {
    font-family: var(--font-sans);
  }

  .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-sm\/relaxed {
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
  }

  .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-\[0\.8rem\] {
    font-size: .8rem;
  }

  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .leading-\[26px\] {
    --tw-leading: 26px;
    line-height: 26px;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .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\.44px\] {
    --tw-tracking: -.44px;
    letter-spacing: -.44px;
  }

  .tracking-\[-0\.154px\] {
    --tw-tracking: -.154px;
    letter-spacing: -.154px;
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .text-balance {
    text-wrap: balance;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .whitespace-break-spaces {
    white-space: break-spaces;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .text-\[\#34322d\] {
    color: #34322d;
  }

  .text-\[\#858481\] {
    color: #858481;
  }

  .text-current {
    color: currentColor;
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-slate-600 {
    color: var(--color-slate-600);
  }

  .text-slate-700 {
    color: var(--color-slate-700);
  }

  .text-slate-900 {
    color: var(--color-slate-900);
  }

  .text-white {
    color: var(--color-white);
  }

  .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-offset-4 {
    text-underline-offset: 4px;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-70 {
    opacity: .7;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    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_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_4px_11px_0px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0px 4px 11px 0px var(--tw-shadow-color, #00000014);
    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, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    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, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    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, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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);
  }

  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .outline-hidden {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .filter {
    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-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, );
  }

  .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, 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-\[color\,box-shadow\] {
    transition-property: color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[left\,right\,width\] {
    transition-property: left, right, width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[margin\,opacity\] {
    transition-property: margin, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\,height\,padding\] {
    transition-property: width, height, padding;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    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));
  }

  .transition-none {
    transition-property: none;
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-1000 {
    --tw-duration: 1s;
    transition-duration: 1s;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .fade-in-0 {
    --tw-enter-opacity: 0;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .zoom-in-95 {
    --tw-enter-scale: .95;
  }

  .\[--cell-size\:--spacing\(8\)\] {
    --cell-size: calc(var(--spacing) * 8);
  }

  .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) {
    opacity: 1;
  }

  @media (hover: hover) {
    .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) {
      opacity: 1;
    }
  }

  .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *) {
    padding-right: calc(var(--spacing) * 8);
  }

  .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation="horizontal"]) *) {
    text-wrap: balance;
  }

  .group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot="item-description"]) *) {
    --tw-translate-y: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has([data-slot="item-description"]) *) {
    align-self: flex-start;
  }

  .group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has( > input) *) {
    padding-top: calc(var(--spacing) * 2.5);
  }

  .group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has( > input) *) {
    padding-bottom: calc(var(--spacing) * 2.5);
  }

  .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible="icon"] *) {
    margin-top: calc(var(--spacing) * -8);
  }

  .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible="icon"] *) {
    display: none;
  }

  .group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--spacing) * 8) !important;
    height: calc(var(--spacing) * 8) !important;
  }

  .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible="icon"] *) {
    width: var(--sidebar-width-icon);
  }

  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--sidebar-width-icon)  + (calc(var(--spacing) * 4)));
  }

  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--sidebar-width-icon)  + (calc(var(--spacing) * 4))  + 2px);
  }

  .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible="icon"] *) {
    overflow: hidden;
  }

  .group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible="icon"] *) {
    padding: calc(var(--spacing) * 0) !important;
  }

  .group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible="icon"] *) {
    padding: calc(var(--spacing) * 2) !important;
  }

  .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible="icon"] *) {
    opacity: 0;
  }

  .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) {
    right: calc(var(--sidebar-width) * -1);
  }

  .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) {
    left: calc(var(--sidebar-width) * -1);
  }

  .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
    width: calc(var(--spacing) * 0);
  }

  .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
    pointer-events: none;
  }

  .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *), .group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled="true"] *), .group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled="true"] *) {
    opacity: .5;
  }

  .group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused="true"] *) {
    position: relative;
  }

  .group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused="true"] *) {
    z-index: 10;
  }

  .group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused="true"] *) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);
  }

  .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side="left"] *) {
    right: calc(var(--spacing) * -4);
  }

  .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side="left"] *) {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *) {
    left: calc(var(--spacing) * 0);
  }

  .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side="right"] *) {
    rotate: 180deg;
  }

  .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side="right"] *) {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state="open"] *) {
    rotate: 180deg;
  }

  .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant="floating"] *) {
    border-radius: var(--radius-lg);
  }

  .group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant="floating"] *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant="floating"] *) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant="outline"] *) {
    margin-bottom: calc(var(--spacing) * -2);
  }

  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
    display: block;
  }

  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *), .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="top"] *) {
    text-align: center;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    top: 100%;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    overflow: hidden;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    border-radius: var(--radius-md);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }

  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
    opacity: .5;
  }

  .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
    top: calc(var(--spacing) * 1.5);
  }

  .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
    top: calc(var(--spacing) * 2.5);
  }

  .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
    top: calc(var(--spacing) * 1);
  }

  .file\:inline-flex::file-selector-button {
    display: inline-flex;
  }

  .file\:h-7::file-selector-button {
    height: calc(var(--spacing) * 7);
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .file\:bg-transparent::file-selector-button {
    background-color: #0000;
  }

  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:-inset-2:after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * -2);
  }

  .after\:inset-y-0:after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 0);
  }

  .after\:left-1\/2:after {
    content: var(--tw-content);
    left: 50%;
  }

  .after\:w-1:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 1);
  }

  .after\:w-\[2px\]:after {
    content: var(--tw-content);
    width: 2px;
  }

  .after\:-translate-x-1\/2:after {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *):after {
    content: var(--tw-content);
    left: 100%;
  }

  .first\:rounded-l-md:first-child {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }

  .first\:border-l:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .last\:mt-0:last-child {
    margin-top: calc(var(--spacing) * 0);
  }

  .last\:rounded-r-md:last-child {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  @media (hover: hover) {
    .hover\:bg-\[\#1a1a19\]\/90:hover {
      background-color: oklab(21.7386% -.000547238 .00184049 / .9);
    }

    .hover\:bg-blue-700:hover {
      background-color: var(--color-blue-700);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:opacity-90:hover {
      opacity: .9;
    }

    .hover\:opacity-100:hover {
      opacity: 1;
    }

    .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent)));
      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-lg:hover {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:ring-4:hover {
      --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\:z-10:focus {
    z-index: 10;
  }

  .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-offset-2:focus {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus\:outline-hidden:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .focus\:outline-hidden:focus {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .focus-visible\:z-10:focus-visible {
    z-index: 10;
  }

  .focus-visible\:ring-0:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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-visible\:ring-1:focus-visible {
    --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);
  }

  .focus-visible\:ring-2:focus-visible {
    --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-visible\:ring-4:focus-visible {
    --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-visible\:ring-\[3px\]:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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-visible\:ring-offset-1:focus-visible {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:outline-hidden:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .focus-visible\:outline-hidden:focus-visible {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .focus-visible\:outline-1:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  :where([data-side="left"]) .in-data-\[side\=left\]\:cursor-w-resize {
    cursor: w-resize;
  }

  :where([data-side="right"]) .in-data-\[side\=right\]\:cursor-e-resize {
    cursor: e-resize;
  }

  .has-focus\:ring-\[3px\]:has(:focus) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);
  }

  .has-disabled\:opacity-50:has(:disabled) {
    opacity: .5;
  }

  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) {
    grid-template-columns: 1fr auto;
  }

  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot="input-group-control"]:focus-visible) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);
  }

  .has-\[\>\[data-align\=block-end\]\]\:h-auto:has( > [data-align="block-end"]) {
    height: auto;
  }

  .has-\[\>\[data-align\=block-end\]\]\:flex-col:has( > [data-align="block-end"]) {
    flex-direction: column;
  }

  .has-\[\>\[data-align\=block-start\]\]\:h-auto:has( > [data-align="block-start"]) {
    height: auto;
  }

  .has-\[\>\[data-align\=block-start\]\]\:flex-col:has( > [data-align="block-start"]) {
    flex-direction: column;
  }

  .has-\[\>\[data-slot\=button-group\]\]\:gap-2:has( > [data-slot="button-group"]) {
    gap: calc(var(--spacing) * 2);
  }

  .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has( > [data-slot="checkbox-group"]) {
    gap: calc(var(--spacing) * 3);
  }

  .has-\[\>\[data-slot\=field-content\]\]\:items-start:has( > [data-slot="field-content"]) {
    align-items: flex-start;
  }

  .has-\[\>\[data-slot\=field\]\]\:w-full:has( > [data-slot="field"]) {
    width: 100%;
  }

  .has-\[\>\[data-slot\=field\]\]\:flex-col:has( > [data-slot="field"]) {
    flex-direction: column;
  }

  .has-\[\>\[data-slot\=field\]\]\:rounded-md:has( > [data-slot="field"]) {
    border-radius: var(--radius-md);
  }

  .has-\[\>\[data-slot\=field\]\]\:border:has( > [data-slot="field"]) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has( > [data-slot="radio-group"]) {
    gap: calc(var(--spacing) * 3);
  }

  .has-\[\>button\]\:mr-\[-0\.45rem\]:has( > button) {
    margin-right: -.45rem;
  }

  .has-\[\>button\]\:ml-\[-0\.45rem\]:has( > button) {
    margin-left: -.45rem;
  }

  .has-\[\>kbd\]\:mr-\[-0\.35rem\]:has( > kbd) {
    margin-right: -.35rem;
  }

  .has-\[\>kbd\]\:ml-\[-0\.35rem\]:has( > kbd) {
    margin-left: -.35rem;
  }

  .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has( > svg) {
    grid-template-columns: calc(var(--spacing) * 4) 1fr;
  }

  .has-\[\>svg\]\:gap-x-3:has( > svg) {
    column-gap: calc(var(--spacing) * 3);
  }

  .has-\[\>svg\]\:p-0:has( > svg) {
    padding: calc(var(--spacing) * 0);
  }

  .has-\[\>svg\]\:px-2:has( > svg) {
    padding-inline: calc(var(--spacing) * 2);
  }

  .has-\[\>svg\]\:px-2\.5:has( > svg) {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .has-\[\>svg\]\:px-3:has( > svg) {
    padding-inline: calc(var(--spacing) * 3);
  }

  .has-\[\>svg\]\:px-4:has( > svg) {
    padding-inline: calc(var(--spacing) * 4);
  }

  .has-\[\>textarea\]\:h-auto:has( > textarea) {
    height: auto;
  }

  .aria-disabled\:pointer-events-none[aria-disabled="true"] {
    pointer-events: none;
  }

  .aria-disabled\:opacity-50[aria-disabled="true"] {
    opacity: .5;
  }

  .data-\[active\=true\]\:z-10[data-active="true"] {
    z-index: 10;
  }

  .data-\[active\=true\]\:font-medium[data-active="true"] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .data-\[active\=true\]\:ring-\[3px\][data-active="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);
  }

  .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }

  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: .5;
  }

  .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
    pointer-events: none;
  }

  .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
    opacity: .5;
  }

  .data-\[inset\]\:pl-8[data-inset] {
    padding-left: calc(var(--spacing) * 8);
  }

  .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] {
    --tw-enter-translate-x: calc(52 * var(--spacing));
  }

  .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] {
    --tw-enter-translate-x: calc(52 * var(--spacing) * -1);
  }

  .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] {
    --tw-exit-translate-x: calc(52 * var(--spacing));
  }

  .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] {
    --tw-exit-translate-x: calc(52 * var(--spacing) * -1);
  }

  .data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] {
    --tw-enter-opacity: 0;
  }

  .data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"] {
    --tw-exit-opacity: 0;
  }

  .data-\[orientation\=horizontal\]\:h-1\.5[data-orientation="horizontal"] {
    height: calc(var(--spacing) * 1.5);
  }

  .data-\[orientation\=horizontal\]\:h-full[data-orientation="horizontal"] {
    height: 100%;
  }

  .data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"] {
    height: 1px;
  }

  .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] {
    width: 100%;
  }

  .data-\[orientation\=vertical\]\:h-auto[data-orientation="vertical"] {
    height: auto;
  }

  .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] {
    height: 100%;
  }

  .data-\[orientation\=vertical\]\:min-h-44[data-orientation="vertical"] {
    min-height: calc(var(--spacing) * 44);
  }

  .data-\[orientation\=vertical\]\:w-1\.5[data-orientation="vertical"] {
    width: calc(var(--spacing) * 1.5);
  }

  .data-\[orientation\=vertical\]\:w-auto[data-orientation="vertical"] {
    width: auto;
  }

  .data-\[orientation\=vertical\]\:w-full[data-orientation="vertical"] {
    width: 100%;
  }

  .data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"] {
    width: 1px;
  }

  .data-\[orientation\=vertical\]\:flex-col[data-orientation="vertical"] {
    flex-direction: column;
  }

  .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"] {
    height: 1px;
  }

  .data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"] {
    width: 100%;
  }

  .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"] {
    flex-direction: column;
  }

  .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 1);
  }

  .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]:after {
    content: var(--tw-content);
    width: 100%;
  }

  .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]:after {
    content: var(--tw-content);
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]:after {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[range-end\=true\]\:rounded-md[data-range-end="true"] {
    border-radius: var(--radius-md);
  }

  .data-\[range-end\=true\]\:rounded-r-md[data-range-end="true"] {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }

  .data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] {
    border-radius: 0;
  }

  .data-\[range-start\=true\]\:rounded-md[data-range-start="true"] {
    border-radius: var(--radius-md);
  }

  .data-\[range-start\=true\]\:rounded-l-md[data-range-start="true"] {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }

  .data-\[selected\=true\]\:rounded-none[data-selected="true"] {
    border-radius: 0;
  }

  .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
    --tw-translate-y: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
    --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
  }

  .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  .data-\[side\=right\]\:translate-x-1[data-side="right"] {
    --tw-translate-x: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
    --tw-enter-translate-y: calc(2 * var(--spacing));
  }

  .data-\[size\=default\]\:h-9[data-size="default"] {
    height: calc(var(--spacing) * 9);
  }

  .data-\[size\=sm\]\:h-8[data-size="sm"] {
    height: calc(var(--spacing) * 8);
  }

  .data-\[slot\=checkbox-group\]\:gap-3[data-slot="checkbox-group"] {
    gap: calc(var(--spacing) * 3);
  }

  :is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot="command-input-wrapper"] {
    height: calc(var(--spacing) * 12);
  }

  :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot="navigation-menu-link"]:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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);
  }

  :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot="navigation-menu-link"]:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
    display: flex;
  }

  :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
    align-items: center;
  }

  :is(.\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot="select-value"] {
    gap: calc(var(--spacing) * 2);
  }

  .data-\[state\=active\]\:shadow-sm[data-state="active"] {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state="checked"] {
    --tw-translate-x: calc(100% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] {
    animation: accordion-up var(--tw-animation-duration, var(--tw-duration, .2s)) var(--tw-ease, ease-out) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=closed\]\:animate-out[data-state="closed"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=closed\]\:duration-300[data-state="closed"] {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
    --tw-exit-opacity: 0;
  }

  .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
    --tw-exit-scale: .95;
  }

  .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
    --tw-exit-translate-y: 100%;
  }

  .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
    --tw-exit-translate-x: -100%;
  }

  .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
    --tw-exit-translate-x: 100%;
  }

  .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] {
    --tw-exit-translate-y: -100%;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"] {
    --tw-exit-opacity: 0;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"] {
    --tw-exit-scale: .95;
  }

  .data-\[state\=hidden\]\:animate-out[data-state="hidden"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=hidden\]\:fade-out[data-state="hidden"] {
    --tw-exit-opacity: 0;
  }

  .data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
    animation: accordion-down var(--tw-animation-duration, var(--tw-duration, .2s)) var(--tw-ease, ease-out) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=open\]\:animate-in[data-state="open"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=open\]\:opacity-100[data-state="open"] {
    opacity: 1;
  }

  .data-\[state\=open\]\:duration-500[data-state="open"] {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .data-\[state\=open\]\:fade-in-0[data-state="open"] {
    --tw-enter-opacity: 0;
  }

  .data-\[state\=open\]\:zoom-in-90[data-state="open"] {
    --tw-enter-scale: .9;
  }

  .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
    --tw-enter-scale: .95;
  }

  .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
    --tw-enter-translate-y: 100%;
  }

  .data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
    --tw-enter-translate-x: -100%;
  }

  .data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
    --tw-enter-translate-x: 100%;
  }

  .data-\[state\=open\]\:slide-in-from-top[data-state="open"] {
    --tw-enter-translate-y: -100%;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"] {
    --tw-enter-opacity: 0;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"] {
    --tw-enter-scale: .95;
  }

  .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[state\=visible\]\:animate-in[data-state="visible"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=visible\]\:fade-in[data-state="visible"] {
    --tw-enter-opacity: 0;
  }

  .data-\[variant\=label\]\:text-sm[data-variant="label"] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .data-\[variant\=legend\]\:text-base[data-variant="legend"] {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .data-\[variant\=outline\]\:border-l-0[data-variant="outline"] {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .data-\[variant\=outline\]\:shadow-xs[data-variant="outline"] {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[variant\=outline\]\:first\:border-l[data-variant="outline"]:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction="bottom"] {
    inset-inline: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction="bottom"] {
    bottom: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction="bottom"] {
    margin-top: calc(var(--spacing) * 24);
  }

  .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction="bottom"] {
    max-height: 80vh;
  }

  .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction="bottom"] {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }

  .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction="bottom"] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction="left"] {
    inset-block: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction="left"] {
    left: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction="left"] {
    width: 75%;
  }

  .data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction="left"] {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction="right"] {
    inset-block: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction="right"] {
    right: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction="right"] {
    width: 75%;
  }

  .data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction="right"] {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction="top"] {
    inset-inline: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction="top"] {
    top: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction="top"] {
    margin-bottom: calc(var(--spacing) * 24);
  }

  .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction="top"] {
    max-height: 80vh;
  }

  .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction="top"] {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }

  .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction="top"] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .nth-last-2\:-mt-1:nth-last-child(2) {
    margin-top: calc(var(--spacing) * -1);
  }

  @media (min-width: 40rem) {
    .sm\:block {
      display: block;
    }

    .sm\:flex {
      display: flex;
    }

    .sm\:max-w-lg {
      max-width: var(--container-lg);
    }

    .sm\:max-w-sm {
      max-width: var(--container-sm);
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:justify-end {
      justify-content: flex-end;
    }

    .sm\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5);
    }

    .sm\:pr-2\.5 {
      padding-right: calc(var(--spacing) * 2.5);
    }

    .sm\:pl-2\.5 {
      padding-left: calc(var(--spacing) * 2.5);
    }

    .sm\:text-left {
      text-align: left;
    }

    .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction="left"], .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction="right"] {
      max-width: var(--container-sm);
    }
  }

  @media (min-width: 48rem) {
    .md\:absolute {
      position: absolute;
    }

    .md\:block {
      display: block;
    }

    .md\:flex {
      display: flex;
    }

    .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
      width: var(--radix-navigation-menu-viewport-width);
    }

    .md\:w-auto {
      width: auto;
    }

    .md\:flex-row {
      flex-direction: row;
    }

    .md\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }

    .md\:p-12 {
      padding: calc(var(--spacing) * 12);
    }

    .md\:text-left {
      text-align: left;
    }

    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .md\:opacity-0 {
      opacity: 0;
    }

    .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant="inset"] ~ *) {
      margin: calc(var(--spacing) * 2);
    }

    .md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant="inset"] ~ *) {
      margin-left: calc(var(--spacing) * 0);
    }

    .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant="inset"] ~ *) {
      border-radius: var(--radius-xl);
    }

    .md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant="inset"] ~ *) {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant="inset"] ~ *):is(:where(.peer)[data-state="collapsed"] ~ *) {
      margin-left: calc(var(--spacing) * 2);
    }

    .md\:after\:hidden:after {
      content: var(--tw-content);
      display: none;
    }
  }

  @container field-group (min-width: 28rem) {
    .\@md\/field-group\:flex-row {
      flex-direction: row;
    }

    .\@md\/field-group\:items-center {
      align-items: center;
    }

    .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has( > [data-slot="field-content"]) {
      align-items: flex-start;
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-transparent {
      background-color: #0000;
    }
  }

  .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] {
    stroke: #0000;
  }

  .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] {
    stroke: #0000;
  }

  .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
    padding-inline: calc(var(--spacing) * 2);
  }

  .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
    padding-inline: calc(var(--spacing) * 2);
  }

  .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] {
    padding-top: calc(var(--spacing) * 0);
  }

  .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
    height: calc(var(--spacing) * 5);
  }

  .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
    width: calc(var(--spacing) * 5);
  }

  .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
    height: calc(var(--spacing) * 12);
  }

  .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
    padding-inline: calc(var(--spacing) * 2);
  }

  .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
    padding-block: calc(var(--spacing) * 3);
  }

  .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
    height: calc(var(--spacing) * 5);
  }

  .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
    width: calc(var(--spacing) * 5);
  }

  .\[\&_img\]\:size-full img {
    width: 100%;
    height: 100%;
  }

  .\[\&_img\]\:object-cover img {
    object-fit: cover;
  }

  .\[\&_p\]\:leading-relaxed p {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .\[\&_tr\]\:border-b tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .\[\&_tr\:last-child\]\:border-0 tr:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&\+\[data-slot\=item-content\]\]\:flex-none + [data-slot="item-content"] {
    flex: none;
  }

  .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected="true"] button {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }

  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
    padding-right: calc(var(--spacing) * 0);
  }

  .\[\.border-b\]\:pb-3.border-b {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .\[\.border-b\]\:pb-6.border-b {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .\[\.border-t\]\:pt-3.border-t {
    padding-top: calc(var(--spacing) * 3);
  }

  .\[\.border-t\]\:pt-6.border-t {
    padding-top: calc(var(--spacing) * 6);
  }

  :is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_next > svg), :is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_previous > svg) {
    rotate: 180deg;
  }

  .\[a\]\:transition-colors:is(a) {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
    display: flex;
  }

  :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
    align-items: center;
  }

  :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
    gap: calc(var(--spacing) * 2);
  }

  .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected="true"] button {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }

  .\[\&\>\*\]\:w-full > * {
    width: 100%;
  }

  .\[\&\>\*\]\:focus-visible\:relative > :focus-visible {
    position: relative;
  }

  .\[\&\>\*\]\:focus-visible\:z-10 > :focus-visible {
    z-index: 10;
  }

  .\[\&\>\*\]\:data-\[slot\=field\]\:p-4 > [data-slot="field"] {
    padding: calc(var(--spacing) * 4);
  }

  @container field-group (min-width: 28rem) {
    .\@md\/field-group\:\[\&\>\*\]\:w-auto > * {
      width: auto;
    }
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none > :not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none > :not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0 > :not(:first-child) {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0 > :not(:first-child) {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none > :not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none > :not(:last-child) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .\[\&\>\.sr-only\]\:w-auto > .sr-only {
    width: auto;
  }

  .\[\&\>\[data-slot\=field-group\]\]\:gap-4 > [data-slot="field-group"] {
    gap: calc(var(--spacing) * 4);
  }

  .\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot="field-label"] {
    flex: auto;
  }

  @container field-group (min-width: 28rem) {
    .\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot="field-label"] {
      flex: auto;
    }
  }

  .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden="true"]:last-child)) > [data-slot="select-trigger"]:last-of-type {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }

  .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit > [data-slot="select-trigger"]:not([class*="w-"]) {
    width: fit-content;
  }

  .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role="checkbox"] {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) > [role="checkbox"], .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) [role="radio"] {
    margin-top: 1px;
  }

  @container field-group (min-width: 28rem) {
    .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) > [role="checkbox"], .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) [role="radio"] {
      margin-top: 1px;
    }
  }

  .\[\&\>a\]\:underline > a {
    text-decoration-line: underline;
  }

  .\[\&\>a\]\:underline-offset-4 > a {
    text-underline-offset: 4px;
  }

  .\[\&\>button\]\:hidden > button {
    display: none;
  }

  .\[\&\>input\]\:flex-1 > input {
    flex: 1;
  }

  .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has( > [data-align="block-end"]) > input {
    padding-top: calc(var(--spacing) * 3);
  }

  .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has( > [data-align="block-start"]) > input {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has( > [data-align="inline-end"]) > input {
    padding-right: calc(var(--spacing) * 2);
  }

  .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has( > [data-align="inline-start"]) > input {
    padding-left: calc(var(--spacing) * 2);
  }

  .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] > kbd {
    border-radius: calc(var(--radius)  - 5px);
  }

  .\[\&\>span\]\:text-xs > span {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .\[\&\>span\]\:opacity-70 > span {
    opacity: .7;
  }

  .\[\&\>span\:last-child\]\:truncate > span:last-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .\[\&\>svg\]\:pointer-events-none > svg {
    pointer-events: none;
  }

  .\[\&\>svg\]\:size-3 > svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&\>svg\]\:size-3\.5 > svg {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&\>svg\]\:size-4 > svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&\>svg\]\:h-2\.5 > svg {
    height: calc(var(--spacing) * 2.5);
  }

  .\[\&\>svg\]\:h-3 > svg {
    height: calc(var(--spacing) * 3);
  }

  .\[\&\>svg\]\:w-2\.5 > svg {
    width: calc(var(--spacing) * 2.5);
  }

  .\[\&\>svg\]\:w-3 > svg {
    width: calc(var(--spacing) * 3);
  }

  .\[\&\>svg\]\:shrink-0 > svg {
    flex-shrink: 0;
  }

  .\[\&\>svg\]\:translate-y-0\.5 > svg {
    --tw-translate-y: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .\[\&\>svg\]\:text-current > svg {
    color: currentColor;
  }

  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 > svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 > svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&\>tr\]\:last\:border-b-0 > tr:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction="vertical"] > div {
    rotate: 90deg;
  }

  .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg {
    rotate: 180deg;
  }

  [data-side="left"][data-collapsible="offcanvas"] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
    right: calc(var(--spacing) * -2);
  }

  [data-side="left"][data-state="collapsed"] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
    cursor: e-resize;
  }

  [data-side="right"][data-collapsible="offcanvas"] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
    left: calc(var(--spacing) * -2);
  }

  [data-side="right"][data-state="collapsed"] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
    cursor: w-resize;
  }

  [data-slot="card-content"] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent, [data-slot="popover-content"] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent {
    background-color: #0000;
  }

  [data-variant="legend"] + .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 {
    margin-top: calc(var(--spacing) * -1.5);
  }
}

@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}

@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}

@property --tw-animation-duration {
  syntax: "*";
  inherits: false
}

@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

:root {
  color: #ecf0f8;
  font-synthesis: none;
  background: #050d1d;
  font-family: Manrope, sans-serif;
}

* {
  box-sizing: border-box;
}

body {
  background: #050d1d;
  min-width: 320px;
  margin: 0;
}

button, input {
  font: inherit;
}

button {
  border: 0;
}

button:focus-visible, input:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #d6ae5a;
}

.game-shell {
  color: #eef2fb;
  background: #050d1d;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

.game-canvas {
  opacity: .74;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0;
}

.game-vignette {
  pointer-events: none;
  background: radial-gradient(circle at 70% 38%, #0000 0, #050d1d2e 42%, #050d1df0 100%), linear-gradient(90deg, #050d1da6, #0000 48%, #050d1d80);
  position: fixed;
  inset: 0;
}

.game-shell:after {
  content: "";
  opacity: .055;
  pointer-events: none;
  mix-blend-mode: screen;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
  position: fixed;
  inset: 0;
}

.central-onboarding {
  z-index: 2;
  background: radial-gradient(circle at 50% 0, #185f6147, #0000 31%), linear-gradient(160deg, #050d1dc2, #050d1df5);
  place-items: center;
  min-height: 100vh;
  padding: clamp(18px, 4vw, 48px);
  display: grid;
  position: relative;
  overflow: hidden;
}

.central-onboarding-grid {
  opacity: .24;
  background-image: linear-gradient(30deg, #0000 49.4%, #d6ae5a29 50%, #0000 50.6%), linear-gradient(150deg, #0000 49.4%, #68d6a41f 50%, #0000 50.6%);
  background-size: 88px 154px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#0000, #000 20% 80%, #0000);
  mask-image: linear-gradient(#0000, #000 20% 80%, #0000);
}

.central-onboarding-brand {
  z-index: 1;
  top: max(20px, env(safe-area-inset-top));
  align-items: center;
  gap: 10px;
  display: flex;
  position: absolute;
  left: clamp(20px, 5vw, 72px);
}

.central-onboarding-brand img {
  object-fit: contain;
  width: 34px;
  height: 34px;
}

.central-onboarding-brand div {
  gap: 3px;
  display: grid;
}

.central-onboarding-brand span {
  color: #91a0b7;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 700;
}

.central-onboarding-brand strong {
  color: #f1ca72;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Space Grotesk;
  font-size: 11px;
}

.central-onboarding-main {
  z-index: 1;
  gap: clamp(14px, 2.2vw, 24px);
  width: min(100%, 1000px);
  min-width: 0;
  padding-top: 32px;
  display: grid;
  position: relative;
}

.central-onboarding-hero {
  grid-template-columns: minmax(0, 1fr) minmax(300px, .82fr);
  align-items: center;
  gap: clamp(22px, 4vw, 58px);
  min-width: 0;
  display: grid;
}

.central-onboarding-intro {
  text-align: left;
  max-width: 590px;
}

.central-onboarding-intro h1 {
  margin: 10px 0 12px;
  font-size: clamp(40px, 6.3vw, 76px);
  line-height: .9;
}

.central-onboarding-intro h1 em {
  color: #d6ae5a;
  font-size: .7em;
  font-style: italic;
}

.central-onboarding-intro p {
  color: #aab8c9;
  max-width: 510px;
  font-size: 13px;
  line-height: 1.6;
}

.central-founders-hero {
  background: #071321;
  border: 1px solid #d6ae5a6b;
  min-height: 250px;
  margin: 0;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 58px #00000057;
}

.central-founders-hero:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, #050d1d7a, #0000 55%), linear-gradient(0deg, #050d1dcc, #0000 48%);
  position: absolute;
  inset: 0;
}

.central-founders-hero img {
  object-fit: cover;
  object-position: center right;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.central-founders-hero figcaption {
  z-index: 1;
  text-align: right;
  gap: 3px;
  display: grid;
  position: absolute;
  bottom: 13px;
  right: 15px;
}

.central-founders-hero figcaption span {
  color: #f3d58d;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Space Grotesk;
  font-size: 9px;
  font-weight: 800;
}

.central-founders-hero figcaption small {
  color: #d5dfeb;
  font-size: 9px;
}

.central-onboarding-ledger {
  background: linear-gradient(125deg, #050d1df0, #09343ae0);
  border: 1px solid #d6ae5a8f;
  grid-template-columns: 1.2fr minmax(240px, .8fr);
  align-items: center;
  gap: 18px 28px;
  padding: clamp(24px, 4vw, 40px);
  display: grid;
  position: relative;
  box-shadow: 0 22px 70px #00000061, inset 0 1px #ffffff14;
}

.central-onboarding-ledger:before {
  content: "";
  pointer-events: none;
  border: 1px solid #cedcf614;
  position: absolute;
  inset: 7px;
}

.central-ledger-notch {
  background: #0a1e2e;
  border: 1px solid #d6ae5a8f;
  border-top: 0;
  justify-content: center;
  align-items: baseline;
  gap: 6px;
  min-width: 110px;
  padding: 6px 12px;
  display: flex;
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
}

.central-ledger-notch span {
  color: #f0ca73;
  font-family: Space Grotesk;
  font-size: 15px;
}

.central-ledger-notch small {
  color: #91a0b7;
  letter-spacing: .11em;
  text-transform: uppercase;
  font-size: 8px;
}

.central-ledger-copy h2 {
  margin: 7px 0;
  font-size: clamp(26px, 3.2vw, 40px);
}

.central-ledger-copy p {
  color: #aab8c9;
  max-width: 440px;
  font-size: 12px;
  line-height: 1.6;
}

.central-card-preview {
  background-size: cover;
  border: 1px solid;
  align-self: stretch;
  min-height: 164px;
  padding: 17px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 16px 35px #0000003d;
}

.central-card-preview:after {
  content: "";
  opacity: .4;
  background: linear-gradient(135deg, #0000 36%, #ffffff2e, #0000 64%);
  position: absolute;
  inset: 0;
}

.central-card-preview > * {
  z-index: 1;
  position: relative;
}

.central-card-preview > div {
  color: #071529;
  letter-spacing: .08em;
  justify-content: space-between;
  gap: 10px;
  font-size: 8px;
  font-weight: 900;
  display: flex;
}

.central-card-preview i {
  background: #ffecb057;
  border: 1px solid #ffffff80;
  border-radius: 4px;
  width: 28px;
  height: 21px;
  margin-top: 14px;
}

.central-card-preview b {
  color: #f5e4b4;
  letter-spacing: .08em;
  align-self: end;
  font-family: Space Grotesk;
  font-size: clamp(13px, 1.6vw, 19px);
}

.central-card-preview small {
  color: #fff0c5e0;
  letter-spacing: .12em;
  font-size: 8px;
}

.central-name-field {
  grid-column: 1 / -1;
  gap: 8px;
  display: grid;
}

.central-name-field span {
  color: #8ea0b6;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 800;
}

.central-name-field input {
  color: #eaf0f8;
  background: #050d1d9e;
  border: 1px solid #cedcf638;
  min-height: 48px;
  padding: 11px 13px;
}

.central-name-field input::placeholder {
  color: #718198;
}

.central-bank-selector {
  padding: 2px 0 0;
}

.central-section-heading {
  justify-content: space-between;
  align-items: end;
  gap: 16px;
  padding: 0 2px 11px;
  display: flex;
}

.central-section-heading h2 {
  margin-top: 5px;
  font-size: clamp(23px, 3vw, 31px);
}

.central-section-heading > small {
  color: #91a0b7;
  font-size: 10px;
}

.central-bank-rail {
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  gap: 10px;
  padding: 2px 2px 8px;
  display: flex;
  overflow-x: auto;
}

.central-bank-rail::-webkit-scrollbar {
  display: none;
}

.central-bank-rail button {
  color: #d9e1ec;
  text-align: left;
  cursor: pointer;
  scroll-snap-align: start;
  background: #050d1dad;
  border: 1px solid #cedcf624;
  flex: 0 0 168px;
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 8px;
  min-height: 64px;
  padding: 11px;
  display: grid;
}

.central-bank-rail button.selected {
  background: #d6ae5a1a;
  border-color: #d6ae5a;
}

.central-bank-rail button i {
  grid-row: span 2;
  width: 8px;
  height: 32px;
}

.central-bank-rail strong {
  font-size: 11px;
}

.central-bank-rail small {
  color: #8d9cb0;
  font-size: 9px;
}

.central-start-signals {
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  display: grid;
}

.central-start-signals article {
  background: #050d1da8;
  border: 1px solid #cedcf624;
  gap: 9px;
  padding: 13px;
  display: flex;
}

.central-start-signals svg {
  color: #d6ae5a;
  flex: none;
}

.central-start-signals div {
  gap: 4px;
  display: grid;
}

.central-start-signals strong {
  color: #e9eef6;
  font-size: 10px;
}

.central-start-signals small {
  color: #8d9cb0;
  font-size: 9px;
  line-height: 1.4;
}

.central-start-button {
  color: #071529;
  cursor: pointer;
  letter-spacing: .03em;
  background: linear-gradient(110deg, #bf8825, #f0cc77, #bf8825);
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: min(100%, 520px);
  min-height: 56px;
  margin: 0 auto;
  font-size: 11px;
  font-weight: 900;
  display: inline-flex;
  box-shadow: 0 16px 34px #d6ae5a2e;
}

.central-start-button:hover {
  transform: translateY(-2px);
}

.central-start-button:active {
  transform: scale(.98);
}

@media (max-width: 700px) {
  .central-onboarding {
    padding: max(78px, calc(env(safe-area-inset-top)  + 62px)) 18px max(28px, env(safe-area-inset-bottom));
    display: block;
  }

  .central-onboarding-brand {
    left: 18px;
  }

  .central-onboarding-main {
    gap: 16px;
    padding-top: 0;
  }

  .central-onboarding-hero {
    grid-template-columns: minmax(0, 1fr);
    gap: 15px;
  }

  .central-onboarding-intro {
    text-align: left;
  }

  .central-onboarding-intro h1 {
    font-size: clamp(38px, 12vw, 55px);
  }

  .central-onboarding-intro p {
    margin: 0;
  }

  .central-founders-hero {
    min-height: 218px;
  }

  .central-onboarding-ledger {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 36px 18px 19px;
  }

  .central-card-preview {
    min-height: 145px;
  }

  .central-name-field {
    grid-column: auto;
  }

  .central-section-heading {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }

  .central-start-signals {
    grid-template-columns: 1fr;
  }

  .central-start-signals article {
    min-height: 58px;
  }

  .central-start-button {
    width: 100%;
  }
}

.central-onboarding-main-orbit {
  width: min(100%, 1080px);
}

.central-launch-orbit {
  isolation: isolate;
  place-items: center;
  width: min(100%, 660px);
  min-height: 410px;
  margin: -4px auto 0;
  display: grid;
  position: relative;
}

.central-launch-ring, .central-launch-axis {
  z-index: -1;
  pointer-events: none;
  position: absolute;
}

.central-launch-ring {
  border: 1px solid #d6ae5a47;
  border-radius: 50%;
  box-shadow: inset 0 0 34px #68d6a40d, 0 0 50px #d6ae5a12;
}

.central-launch-ring-one {
  width: 352px;
  height: 352px;
}

.central-launch-ring-two {
  border-color: #6fbbdc3d;
  width: 492px;
  height: 236px;
  transform: rotate(-18deg);
}

.central-launch-axis {
  background: linear-gradient(90deg, #0000, #d6ae5a73, #0000);
  width: 72%;
  height: 1px;
}

.central-launch-axis-one {
  transform: rotate(28deg);
}

.central-launch-axis-two {
  transform: rotate(-28deg);
}

.central-launch-node {
  color: #d6ae5a;
  text-align: center;
  background: radial-gradient(circle at 34% 26%, #ffffff2e, #d6ae5a17 43%, #050d1df0 72%);
  border: 1px solid;
  border-radius: 50%;
  place-content: center;
  gap: 4px;
  width: 116px;
  height: 116px;
  padding: 12px;
  display: grid;
  position: absolute;
  box-shadow: inset 0 1px #ffffff21, 0 14px 32px #00000047;
}

.central-launch-node svg {
  justify-self: center;
}

.central-launch-node strong {
  color: #f3e7c5;
  font-size: 11px;
}

.central-launch-node small {
  color: #aebcd0;
  font-size: 8px;
}

.central-launch-node.gold {
  top: 16px;
  left: 10%;
}

.central-launch-node.emerald {
  color: #68d6a4;
  background: radial-gradient(circle at 34% 26%, #ffffff29, #68d6a41a 42%, #050d1df0 72%);
  top: 16px;
  right: 10%;
}

.central-launch-node.sky {
  color: #72bde9;
  background: radial-gradient(circle at 34% 26%, #ffffff29, #72bde91a 42%, #050d1df0 72%);
  bottom: 8px;
  left: 10%;
}

.central-launch-node.ruby {
  color: #f4867e;
  background: radial-gradient(circle at 34% 26%, #ffffff29, #f4867e1a 42%, #050d1df0 72%);
  bottom: 8px;
  right: 10%;
}

.central-launch-core {
  text-align: center;
  background: radial-gradient(circle at 35% 22%, #f6de9952, #bd882533 36%, #071627fa 71%);
  border: 1px solid #d6ae5a;
  border-radius: 50%;
  align-content: center;
  place-items: center;
  gap: 6px;
  width: 210px;
  height: 210px;
  display: grid;
  box-shadow: inset 0 0 0 9px #d6ae5a0f, inset 0 0 48px #d6ae5a2e, 0 20px 54px #0000006b;
}

.central-launch-core > span {
  color: #f3ce78;
  letter-spacing: .16em;
  font-family: Space Grotesk;
  font-size: 8px;
}

.central-launch-core img {
  object-fit: contain;
  filter: drop-shadow(0 4px 9px #d6ae5a66);
  width: 38px;
  height: 38px;
}

.central-launch-core strong {
  color: #fff4d5;
  font-family: DM Serif Display;
  font-size: 27px;
  font-weight: 400;
  line-height: .86;
}

.central-launch-core small {
  color: #b9c6d7;
  max-width: 124px;
  font-size: 9px;
  line-height: 1.35;
}

.central-onboarding-ledger {
  grid-template-columns: 1.15fr minmax(236px, .85fr);
}

.central-onboarding-ledger .central-name-field {
  grid-column: 1 / -1;
}

.command-orbit {
  border-bottom: 1px solid #cedcf624;
  padding: 6px 0 27px;
  position: relative;
}

.command-orbit-heading {
  justify-content: space-between;
  align-items: end;
  gap: 16px;
  padding: 0 2px 12px;
  display: flex;
}

.command-orbit-heading h2 {
  margin: 5px 0 0;
  font-size: clamp(25px, 3vw, 36px);
}

.command-orbit-signal {
  color: #68d6a4;
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  gap: 6px;
  font-size: 9px;
  font-weight: 700;
  display: inline-flex;
}

.command-orbit-signal.is-risk {
  color: #f4867e;
}

.command-orbit-field {
  isolation: isolate;
  background: radial-gradient(circle at 50% 47%, #d6ae5a21, #0000 26%), linear-gradient(150deg, #07182bb8, #050d1d5c);
  place-items: center;
  min-height: 430px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.command-orbit-ring, .command-orbit-axis {
  z-index: -1;
  pointer-events: none;
  position: absolute;
}

.command-orbit-ring {
  border: 1px solid #d6ae5a40;
  border-radius: 50%;
}

.command-orbit-ring-one {
  width: 330px;
  height: 330px;
  box-shadow: inset 0 0 50px #d6ae5a17, 0 0 70px #d6ae5a0f;
}

.command-orbit-ring-two {
  border-color: #68d6a438;
  width: 590px;
  height: 250px;
  transform: rotate(-20deg);
}

.command-orbit-axis {
  background: linear-gradient(90deg, #0000, #d6ae5a6b, #0000);
  width: 68%;
  height: 1px;
}

.command-orbit-axis-one {
  transform: rotate(31deg);
}

.command-orbit-axis-two {
  transform: rotate(-31deg);
}

.command-orbit-node {
  color: #d6ae5a;
  cursor: pointer;
  text-align: center;
  background: radial-gradient(circle at 34% 26%, #ffffff2b, #d6ae5a1a 42%, #050d1df5 73%);
  border: 1px solid;
  border-radius: 50%;
  place-content: center;
  gap: 5px;
  width: 118px;
  height: 118px;
  transition: transform .18s cubic-bezier(.23, 1, .32, 1), background .18s;
  display: grid;
  position: absolute;
  box-shadow: inset 0 1px #ffffff29, 0 15px 32px #00000052;
}

.command-orbit-node:hover {
  background: radial-gradient(circle at 34% 26%, #ffffff40, #d6ae5a2e 42%, #050d1df5 73%);
  transform: translateY(-5px)scale(1.04);
}

.command-orbit-node:active {
  transform: scale(.96);
}

.command-orbit-node svg {
  justify-self: center;
}

.command-orbit-node strong {
  color: #f3e7c5;
  font-size: 11px;
}

.command-orbit-node small {
  color: #aebcd0;
  font-size: 8px;
}

.command-orbit-node.gold {
  top: 15px;
  left: calc(50% - 270px);
}

.command-orbit-node.emerald {
  color: #68d6a4;
  background: radial-gradient(circle at 34% 26%, #ffffff29, #68d6a41c 42%, #050d1df5 73%);
  top: 15px;
  right: calc(50% - 270px);
}

.command-orbit-node.sky {
  color: #72bde9;
  background: radial-gradient(circle at 34% 26%, #ffffff29, #72bde91c 42%, #050d1df5 73%);
  bottom: 15px;
  left: calc(50% - 270px);
}

.command-orbit-node.ruby {
  color: #f4867e;
  background: radial-gradient(circle at 34% 26%, #ffffff29, #f4867e1c 42%, #050d1df5 73%);
  bottom: 15px;
  right: calc(50% - 270px);
}

.command-orbit-core {
  color: #f3e7c5;
  cursor: pointer;
  background: radial-gradient(circle at 35% 20%, #f6de9961, #bd88253d 38%, #061424fa 72%);
  border: 1px solid #d6ae5a;
  border-radius: 50%;
  align-content: center;
  place-items: center;
  gap: 9px;
  width: 205px;
  height: 205px;
  transition: transform .18s cubic-bezier(.23, 1, .32, 1), box-shadow .18s;
  display: grid;
  box-shadow: inset 0 0 0 9px #d6ae5a12, inset 0 0 52px #d6ae5a29, 0 22px 54px #00000075;
}

.command-orbit-core:hover {
  transform: scale(1.035);
  box-shadow: inset 0 0 0 9px #d6ae5a17, inset 0 0 60px #d6ae5a40, 0 22px 60px #00000080;
}

.command-orbit-core:active {
  transform: scale(.97);
}

.command-orbit-core span {
  color: #d7e0ec;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 8px;
}

.command-orbit-core strong {
  color: #fff0c4;
  letter-spacing: -.06em;
  font-family: Space Grotesk;
  font-size: clamp(22px, 3vw, 31px);
}

.command-orbit-core small {
  color: #f3ce78;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  font-weight: 800;
  display: inline-flex;
}

.command-orbit-caption {
  color: #91a1b6;
  text-align: center;
  max-width: 540px;
  margin: 12px auto 0;
  font-size: 10px;
  line-height: 1.55;
}

.expansion-library {
  background: linear-gradient(145deg, #103a50e6, #071b2bf2 60%, #041220fa);
  border: 1px solid #d6ae5a7a;
  width: 100%;
  max-width: 1040px;
  margin: 4px auto 8px;
  box-shadow: inset 0 1px #ffffff14, 0 8px 20px #00000029;
}

.expansion-library-header {
  background: linear-gradient(90deg, #0f4861e0, #071f326b);
  border-bottom: 1px solid #d6ae5a47;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  min-height: 32px;
  padding: 3px 14px;
  display: flex;
}

.expansion-library-header .eyebrow {
  margin-bottom: 0;
  font-size: 7px;
}

.expansion-library-header h2 {
  color: #f6e6bd;
  margin: 0;
  font-family: DM Serif Display;
  font-size: 19px;
  font-weight: 400;
  line-height: .94;
}

.expansion-library-count {
  color: #e4c16f;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Space Grotesk;
  font-size: 7px;
  font-weight: 700;
}

.expansion-library-shell {
  align-items: center;
  min-height: 76px;
  padding: 3px 36px;
  display: flex;
  position: relative;
}

.expansion-library-rail {
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: #d6ae5ab8 transparent;
  outline: none;
  gap: 5px;
  width: 100%;
  display: flex;
  overflow-x: auto;
}

.expansion-library-rail::-webkit-scrollbar {
  height: 3px;
}

.expansion-library-rail::-webkit-scrollbar-thumb {
  background: #d6ae5ab8;
}

.expansion-library-rail:focus-visible {
  box-shadow: inset 0 0 0 2px #d6ae5a;
}

.expansion-library-folder {
  color: #d6ae5a;
  cursor: pointer;
  scroll-snap-align: center;
  text-align: center;
  background: none;
  border: 0;
  flex: 1 0 106px;
  align-content: center;
  place-items: center;
  gap: 2px;
  min-width: 106px;
  max-width: 128px;
  padding: 1px 4px 3px;
  transition: transform .18s cubic-bezier(.23, 1, .32, 1);
  display: grid;
}

.expansion-library-folder:hover {
  transform: translateY(-2px);
}

.expansion-library-folder:active {
  transform: scale(.96);
}

.expansion-library-folder:focus-visible {
  outline-offset: -2px;
  outline: 2px solid #f5d582;
}

.expansion-library-orb {
  background: radial-gradient(circle at 35% 25%, #ffffff2e, #d6ae5a29 39%, #051c2ffa 74%);
  border: 1px solid #d6ae5a;
  border-radius: 50%;
  place-items: center;
  width: 52px;
  height: 52px;
  display: grid;
  box-shadow: inset 0 0 11px #d6ae5a26, 0 4px 9px #0000003d;
}

.expansion-library-orb svg {
  width: 18px;
  height: 18px;
}

.expansion-library-folder strong {
  color: #f5e8c6;
  white-space: nowrap;
  font-size: 9px;
  line-height: 1;
}

.expansion-library-folder small {
  color: #aebfd1;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  min-height: 10px;
  font-size: 6px;
  line-height: 1;
  overflow: hidden;
}

.expansion-library-folder.emerald, .expansion-library-folder.sky, .expansion-library-folder.violet, .expansion-library-folder.ruby {
  color: #d6ae5a;
}

.expansion-library-folder.emerald .expansion-library-orb, .expansion-library-folder.sky .expansion-library-orb, .expansion-library-folder.violet .expansion-library-orb, .expansion-library-folder.ruby .expansion-library-orb {
  background: radial-gradient(circle at 35% 25%, #ffffff2e, #d6ae5a29 39%, #051c2ffa 74%);
}

.expansion-library-control {
  z-index: 1;
  color: #f5d582;
  cursor: pointer;
  background: none;
  border: 0;
  place-items: center;
  width: 44px;
  height: 44px;
  display: grid;
  position: absolute;
}

.expansion-library-control:before {
  content: "";
  background: #041b2deb;
  border: 1px solid #d6ae5a8c;
  width: 22px;
  height: 28px;
  position: absolute;
}

.expansion-library-control svg {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: relative;
}

.expansion-library-control:hover:before {
  background: #144d65e0;
}

.expansion-library-control:focus-visible {
  outline-offset: 1px;
  outline: 2px solid #f5d582;
}

.expansion-library-control.previous {
  left: -6px;
}

.expansion-library-control.next {
  right: -6px;
}

.expansion-library-status {
  color: #aec1cf;
  text-align: center;
  background: #031423bf;
  border-top: 1px solid #d6ae5a40;
  justify-content: center;
  align-items: center;
  gap: 5px;
  min-height: 19px;
  padding: 1px 10px;
  font-size: 7px;
  display: flex;
}

.expansion-library-status span {
  color: #f0c65c;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: Space Grotesk;
  font-weight: 800;
}

.expansion-library-status i {
  background: #d6ae5a;
  border-radius: 50%;
  width: 3px;
  height: 3px;
}

.expansion-library-status b {
  color: #c4d2dc;
  font-weight: 500;
}

@media (max-width: 700px) {
  .central-onboarding-main, .central-onboarding-main-orbit, .central-onboarding-intro, .central-onboarding-ledger, .central-bank-selector {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .central-onboarding-intro {
    margin-left: 0;
    margin-right: 0;
  }

  .central-launch-orbit {
    width: calc(100vw - 36px);
    max-width: calc(100vw - 36px);
    min-height: 355px;
    margin-left: 0;
    margin-right: 0;
  }

  .central-launch-ring-one {
    width: 270px;
    height: 270px;
  }

  .central-launch-ring-two {
    width: 390px;
    height: 190px;
  }

  .central-launch-node {
    width: 92px;
    height: 92px;
    padding: 8px;
  }

  .central-launch-node strong {
    font-size: 9px;
  }

  .central-launch-node small {
    font-size: 7px;
  }

  .central-launch-node.gold {
    top: 12px;
    left: 3%;
  }

  .central-launch-node.emerald {
    top: 12px;
    right: 3%;
  }

  .central-launch-node.sky {
    bottom: 5px;
    left: 3%;
  }

  .central-launch-node.ruby {
    bottom: 5px;
    right: 3%;
  }

  .central-launch-core {
    width: 174px;
    height: 174px;
  }

  .central-launch-core strong {
    font-size: 23px;
  }

  .central-onboarding-ledger {
    grid-template-columns: minmax(0, 1fr);
  }

  .command-orbit {
    padding: 3px 0 6px;
  }

  .command-orbit-heading {
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
    padding: 0 2px 4px;
  }

  .command-orbit-heading .eyebrow {
    font-size: 6px;
  }

  .command-orbit-heading h2 {
    margin: 2px 0 0;
    font-size: 22px;
    line-height: 1;
  }

  .command-orbit-signal {
    font-size: 6px;
    line-height: 1;
  }

  .command-orbit-signal svg {
    width: 10px;
    height: 10px;
  }

  .command-orbit-signal:not(.is-risk) {
    display: none;
  }

  .command-orbit-field {
    min-height: 220px;
  }

  .command-orbit-ring-one {
    width: 156px;
    height: 156px;
  }

  .command-orbit-ring-two {
    width: 282px;
    height: 112px;
  }

  .command-orbit-axis {
    width: 58%;
  }

  .command-orbit-node {
    gap: 2px;
    width: 64px;
    height: 64px;
    padding: 3px;
  }

  .command-orbit-node svg {
    width: 14px;
    height: 14px;
  }

  .command-orbit-node strong {
    font-size: 8px;
  }

  .command-orbit-node small {
    font-size: 6px;
  }

  .command-orbit-node.gold {
    top: 4px;
    left: 4%;
  }

  .command-orbit-node.emerald {
    top: 4px;
    right: 4%;
  }

  .command-orbit-node.sky {
    bottom: 4px;
    left: 4%;
  }

  .command-orbit-node.ruby {
    bottom: 4px;
    right: 4%;
  }

  .command-orbit-core {
    gap: 4px;
    width: 116px;
    height: 116px;
    box-shadow: inset 0 0 0 5px #d6ae5a12, inset 0 0 28px #d6ae5a29, 0 11px 28px #0006;
  }

  .command-orbit-core span {
    font-size: 6px;
  }

  .command-orbit-core strong {
    font-size: 19px;
  }

  .command-orbit-core small {
    font-size: 8px;
  }

  .command-orbit-core small svg {
    width: 11px;
    height: 11px;
  }

  .command-orbit-caption {
    display: none;
  }

  .expansion-library {
    margin: 2px auto 4px;
  }

  .expansion-library-header {
    min-height: 26px;
    padding: 1px 8px;
  }

  .expansion-library-header .eyebrow {
    display: none;
  }

  .expansion-library-header h2 {
    font-size: 15px;
    line-height: 1;
  }

  .expansion-library-count {
    font-size: 5px;
  }

  .expansion-library-shell {
    min-height: 52px;
    padding: 1px 24px;
  }

  .expansion-library-folder {
    flex-basis: 90px;
    gap: 1px;
    min-width: 90px;
    max-width: 90px;
    padding: 0 2px 1px;
  }

  .expansion-library-orb {
    width: 40px;
    height: 40px;
  }

  .expansion-library-orb svg {
    width: 14px;
    height: 14px;
  }

  .expansion-library-folder strong {
    font-size: 7px;
  }

  .expansion-library-folder small {
    display: none;
  }

  .expansion-library-control:before {
    width: 18px;
    height: 24px;
  }

  .expansion-library-control.previous {
    left: -10px;
  }

  .expansion-library-control.next {
    right: -10px;
  }

  .expansion-library-status {
    display: none;
  }
}

.eyebrow {
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #8e9bb0;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  display: block;
}

.gold {
  color: #d6ae5a;
}

.green-text {
  color: #68d6a4 !important;
}

.ruby-text {
  color: #f4867e !important;
}

.topbar {
  z-index: 2;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #050d1dc2;
  border-bottom: 1px solid #cedcf621;
  grid-template-columns: minmax(188px, 1fr) minmax(0, auto) minmax(220px, 300px) 34px;
  align-items: center;
  gap: 16px;
  min-height: 76px;
  padding: 18px 34px;
  display: grid;
  position: relative;
}

.brand-lockup {
  align-items: center;
  gap: 12px;
  display: flex;
}

.brand-mark {
  object-fit: contain;
  filter: drop-shadow(0 4px 14px #d6ae5a40);
  width: 36px;
  height: 36px;
}

.brand-lockup strong {
  letter-spacing: .06em;
  font-family: Space Grotesk, sans-serif;
  font-size: 15px;
  line-height: 1;
  display: block;
}

.brand-lockup em {
  color: #d6ae5a;
  font-style: normal;
}

.ticker {
  white-space: nowrap;
  text-overflow: ellipsis;
  letter-spacing: .13em;
  color: #a6b2c6;
  align-items: center;
  gap: 12px;
  min-width: 0;
  font-size: 10px;
  display: flex;
  overflow: hidden;
}

.ticker-dot, .market-status span {
  background: #68d6a4;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  display: inline-block;
  box-shadow: 0 0 12px #68d6a4;
}

.ticker-separator {
  background: #cedcf640;
  width: 1px;
  height: 13px;
}

.icon-button {
  color: #bec8d8;
  cursor: pointer;
  background: #ffffff0a;
  border: 1px solid #cedcf62b;
  place-items: center;
  width: 34px;
  height: 34px;
  transition: transform .16s, background .16s;
  display: grid;
}

.icon-button:hover {
  background: #ffffff1a;
  transform: rotate(12deg);
}

.dashboard {
  z-index: 1;
  grid-template-columns: 190px minmax(500px, 1fr) 235px;
  gap: 32px;
  max-width: 1550px;
  margin: 0 auto;
  padding: 35px 34px 48px;
  display: grid;
  position: relative;
}

.centered-dashboard {
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  max-width: 1184px;
  padding: 24px clamp(16px, 3vw, 32px) 76px;
}

.centered-dashboard .side-rail {
  z-index: 3;
  padding: 0;
  position: relative;
}

.centered-dashboard .identity, .centered-dashboard .rail-note {
  display: none;
}

.centered-dashboard .compact-primary-nav {
  scrollbar-width: none;
  background: #050d1dc2;
  border: 1px solid #cedcf624;
  align-items: center;
  gap: 7px;
  padding: 8px;
  display: flex;
  overflow-x: auto;
}

.centered-dashboard .compact-primary-nav::-webkit-scrollbar {
  display: none;
}

.centered-dashboard .compact-primary-nav > .eyebrow {
  display: none;
}

.centered-dashboard .compact-primary-link {
  border: 1px solid #0000;
  flex: none;
  width: auto;
  min-height: 38px;
  margin: 0;
  padding: 8px 10px;
}

.centered-dashboard .compact-primary-link.active {
  border-color: #d6ae5a75;
  border-left-style: solid;
  border-left-width: 1px;
}

.centered-dashboard .compact-subnav {
  z-index: 5;
  background: #050d1df5;
  border: 1px solid #d6ae5a59;
  min-width: 230px;
  margin: 0;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  box-shadow: 0 18px 38px #00000057;
}

.centered-dashboard .right-rail {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 0;
  display: grid;
}

.centered-dashboard .right-rail > * {
  margin: 0;
}

.centered-dashboard .hero-row, .centered-dashboard .quick-jump-nav, .centered-dashboard .metrics-grid {
  display: none;
}

.centered-content-area {
  width: min(100%, 1184px);
  margin: 0 auto;
}

.empire-pulse {
  gap: 14px;
  margin: 0 auto 22px;
  display: grid;
}

.empire-pulse-topline {
  padding-top: max(4px, env(safe-area-inset-top));
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.pulse-status {
  color: #68d6a4;
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  gap: 6px;
  font-size: 9px;
  display: inline-flex;
}

.pulse-status.is-risk {
  color: #f4867e;
}

.empire-pulse-ledger {
  background: linear-gradient(118deg, #081428f5, #0a373fd4);
  border: 1px solid #d6ae5a85;
  grid-template-columns: 1fr minmax(270px, .92fr);
  gap: 24px;
  min-height: 208px;
  padding: clamp(22px, 4vw, 42px);
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff17, 0 22px 52px #00000042;
}

.empire-pulse-ledger:before {
  content: "";
  pointer-events: none;
  opacity: .24;
  background: linear-gradient(135deg, #0000 0 48%, #d6ae5a2e 49% 50%, #0000 51%), repeating-linear-gradient(90deg, #0000 0 47px, #d6ae5a14 48px 49px);
  position: absolute;
  inset: 0;
}

.pulse-ledger-copy, .pulse-ledger-main {
  z-index: 1;
  position: relative;
}

.pulse-ledger-copy > span, .pulse-ledger-main > span {
  color: #9aa9bc;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 9px;
}

.pulse-ledger-copy h1 {
  max-width: 560px;
  margin: 11px 0 10px;
  font-size: clamp(34px, 5vw, 61px);
  line-height: .92;
}

.pulse-ledger-copy h1 em {
  color: #d6ae5a;
  font-size: .58em;
  font-style: italic;
}

.pulse-ledger-copy p {
  color: #b6c2d1;
  max-width: 440px;
  font-size: 12px;
  line-height: 1.6;
}

.pulse-ledger-main {
  border-left: 1px solid #d6ae5a59;
  align-self: center;
  padding: 18px 0 18px 24px;
}

.pulse-ledger-main strong {
  color: #f2cb75;
  letter-spacing: -.07em;
  white-space: nowrap;
  margin: 9px 0 6px;
  font-family: Space Grotesk;
  font-size: clamp(29px, 4vw, 47px);
  display: block;
}

.pulse-ledger-main small {
  color: #68d6a4;
  font-size: 10px;
}

.pulse-route-mark {
  z-index: 0;
  opacity: .45;
  width: 220px;
  height: 110px;
  position: absolute;
  bottom: 11px;
  right: -14px;
  transform: rotate(-8deg);
}

.pulse-route-mark i {
  transform-origin: 100%;
  background: linear-gradient(90deg, #0000, #d6ae5a);
  height: 1px;
  display: block;
  position: absolute;
}

.pulse-route-mark i:first-child {
  width: 190px;
  top: 12px;
  right: 0;
  transform: rotate(16deg);
}

.pulse-route-mark i:nth-child(2) {
  background: linear-gradient(90deg, #0000, #68d6a4);
  width: 130px;
  top: 45px;
  right: 28px;
  transform: rotate(-4deg);
}

.pulse-route-mark i:nth-child(3) {
  width: 165px;
  top: 82px;
  right: 2px;
  transform: rotate(23deg);
}

.empire-pulse-metrics {
  background: #050d1dbd;
  border: 1px solid #cedcf626;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.empire-pulse-metrics > div {
  border-right: 1px solid #cedcf61f;
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 9px;
  min-height: 76px;
  padding: 13px 16px;
  display: grid;
}

.empire-pulse-metrics > div:last-child {
  border-right: 0;
}

.empire-pulse-metrics svg {
  color: #d6ae5a;
  grid-row: span 2;
}

.empire-pulse-metrics span {
  color: #8796aa;
  letter-spacing: .11em;
  text-transform: uppercase;
  font-size: 8px;
}

.empire-pulse-metrics strong {
  color: #ecf2fb;
  letter-spacing: -.04em;
  white-space: nowrap;
  font-family: Space Grotesk;
  font-size: clamp(14px, 2vw, 21px);
}

.empire-pulse-actions {
  justify-content: center;
  gap: 10px;
  display: flex;
}

.pulse-advance, .pulse-secondary {
  cursor: pointer;
  letter-spacing: .02em;
  justify-content: center;
  align-items: center;
  gap: 9px;
  min-height: 48px;
  padding: 12px 18px;
  font-size: 11px;
  font-weight: 800;
  display: inline-flex;
}

.pulse-advance {
  color: #071529;
  background: linear-gradient(110deg, #c9922a, #f0ca73, #c9922a);
  min-width: min(100%, 310px);
  box-shadow: 0 10px 26px #d6ae5a33;
}

.pulse-secondary {
  color: #d6ae5a;
  background: #d6ae5a14;
  border: 1px solid #d6ae5a6b;
}

.pulse-advance:hover, .pulse-secondary:hover {
  transform: translateY(-2px);
}

.pulse-advance:active, .pulse-secondary:active {
  transform: scale(.97);
}

.business-motion {
  border-top: 1px solid #cedcf624;
  padding: 18px 0 4px;
}

.business-motion-heading {
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  padding: 0 2px 12px;
  display: flex;
}

.business-motion-heading h2 {
  margin: 5px 0 4px;
  font-size: clamp(25px, 3vw, 34px);
}

.business-motion-heading p {
  color: #93a1b4;
  font-size: 11px;
}

.business-motion-controls {
  gap: 6px;
  display: flex;
}

.business-motion-controls button {
  color: #d6ae5a;
  cursor: pointer;
  background: #d6ae5a12;
  border: 1px solid #d6ae5a66;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
}

.business-motion-controls button:hover {
  background: #d6ae5a29;
}

.business-motion-rail {
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  overscroll-behavior-inline: contain;
  gap: 12px;
  padding: 2px 2px 12px;
  display: flex;
  overflow-x: auto;
}

.business-motion-rail::-webkit-scrollbar {
  display: none;
}

.business-motion-card {
  scroll-snap-align: start;
  background: #071226;
  border: 1px solid #cedcf62e;
  flex: 0 0 clamp(270px, 78vw, 320px);
  min-height: 300px;
  position: relative;
  overflow: hidden;
}

.business-motion-card.owned {
  border-color: #68d6a480;
}

.business-motion-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.business-motion-shade {
  background: linear-gradient(#040b190d 0%, #040b1933 35%, #040b19f5 100%);
  position: absolute;
  inset: 0;
}

.business-motion-copy {
  z-index: 1;
  flex-direction: column;
  min-height: 300px;
  padding: 15px;
  display: flex;
  position: relative;
}

.business-motion-meta {
  letter-spacing: .09em;
  text-transform: uppercase;
  justify-content: space-between;
  gap: 8px;
  font-size: 8px;
  display: flex;
}

.business-motion-meta span {
  color: #e6edf8;
}

.business-motion-meta b {
  color: #68d6a4;
  font-size: 8px;
}

.business-motion-copy h3 {
  margin: auto 0 7px;
  font-family: DM Serif Display;
  font-size: 28px;
  font-weight: 400;
}

.business-motion-copy > p {
  color: #ccd5e2;
  align-items: center;
  gap: 5px;
  font-size: 10px;
  display: flex;
}

.business-motion-copy dl {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 14px 0 12px;
  display: grid;
}

.business-motion-copy dl div {
  gap: 3px;
  display: grid;
}

.business-motion-copy dt {
  color: #94a3b7;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 8px;
}

.business-motion-copy dd {
  color: #f1c96e;
  margin: 0;
  font-family: Space Grotesk;
  font-size: 11px;
}

.business-motion-copy button {
  color: #f5d783;
  cursor: pointer;
  background: none;
  align-items: center;
  gap: 7px;
  width: fit-content;
  font-size: 10px;
  font-weight: 800;
  display: inline-flex;
}

.business-motion-footer {
  color: #8e9cb0;
  grid-template-columns: auto minmax(80px, 1fr) auto;
  align-items: center;
  gap: 10px;
  font-size: 9px;
  display: grid;
}

.business-motion-footer > div {
  background: #cedcf629;
  height: 2px;
  overflow: hidden;
}

.business-motion-footer i {
  background: #d6ae5a;
  height: 100%;
  transition: width .2s;
  display: block;
}

.business-motion-footer button {
  color: #d6ae5a;
  cursor: pointer;
  background: none;
  align-items: center;
  gap: 5px;
  font-size: 10px;
  display: inline-flex;
}

@media (max-width: 960px) {
  .centered-dashboard {
    padding: 16px 16px 92px;
    display: block;
  }

  .centered-dashboard .side-rail, .centered-dashboard .right-rail {
    display: none;
  }

  .empire-pulse {
    gap: 12px;
  }

  .empire-pulse-ledger {
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 24px 20px;
  }

  .pulse-ledger-main {
    border-top: 1px solid #d6ae5a59;
    border-left: 0;
    padding: 15px 0 0;
  }

  .pulse-ledger-main strong {
    white-space: normal;
  }

  .empire-pulse-metrics {
    grid-template-columns: 1fr;
  }

  .empire-pulse-metrics > div {
    border-bottom: 1px solid #cedcf61f;
    border-right: 0;
    min-height: 58px;
  }

  .empire-pulse-metrics > div:last-child {
    border-bottom: 0;
  }

  .empire-pulse-actions {
    grid-template-columns: 1fr;
    display: grid;
  }

  .pulse-advance, .pulse-secondary {
    width: 100%;
  }

  .business-motion-heading {
    flex-direction: column;
    align-items: flex-start;
  }

  .business-motion-controls {
    align-self: flex-end;
    margin-top: -44px;
  }

  .business-motion-footer {
    grid-template-columns: 1fr auto;
  }

  .business-motion-footer > div {
    grid-area: 2 / 1 / auto / -1;
  }

  .centered-dashboard .hero-row, .centered-dashboard .quick-jump-nav, .centered-dashboard .metrics-grid {
    display: none;
  }
}

.side-rail, .right-rail {
  min-width: 0;
}

.side-rail {
  padding-top: 12px;
}

.identity {
  border-bottom: 1px solid #cedcf61f;
  align-items: center;
  gap: 10px;
  padding-bottom: 31px;
  display: flex;
}

.avatar {
  color: #d6ae5a;
  border: 1px solid #d6ae5a;
  place-items: center;
  width: 35px;
  height: 35px;
  font-family: Space Grotesk;
  font-weight: 700;
  display: grid;
}

.identity strong {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 110px;
  margin-top: 5px;
  font-size: 13px;
  display: block;
  overflow: hidden;
}

.rail-section {
  padding-top: 28px;
}

.rail-section > .eyebrow {
  margin-bottom: 14px;
}

.rail-link {
  color: #8c99ac;
  cursor: pointer;
  text-align: left;
  background: none;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 3px 0;
  padding: 11px 10px;
  font-size: 12px;
  transition: color .18s, background .18s;
  display: flex;
}

.rail-link svg:last-child {
  opacity: .35;
  margin-left: auto;
}

.rail-link:hover, .rail-link.active {
  color: #f1f4fa;
  background: #d6ae5a1a;
}

.rail-link.active {
  border-left: 2px solid #d6ae5a;
}

.rail-note {
  color: #d6ae5a;
  border-left: 1px solid #d6ae5a;
  margin-top: 100px;
  padding: 3px 0 3px 12px;
}

.rail-note p {
  color: #c5cedd;
  margin: 8px 0 0;
  font-family: DM Serif Display;
  font-size: 15px;
  line-height: 1.35;
}

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

.hero-row {
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
  margin-bottom: 31px;
  display: flex;
}

h1, h2, h3, p {
  margin: 0;
}

h1 {
  letter-spacing: -.035em;
  margin: 12px 0 17px;
  font-family: DM Serif Display, serif;
  font-size: clamp(38px, 4vw, 58px);
  font-weight: 400;
  line-height: .95;
}

h1 span {
  color: #d6ae5a;
  font-style: italic;
}

.hero-copy {
  color: #a0aec1;
  max-width: 480px;
  font-size: 13px;
  line-height: 1.65;
}

.advance-button, .primary-button {
  color: #0b1425;
  letter-spacing: .02em;
  cursor: pointer;
  white-space: nowrap;
  background: #d6ae5a;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 13px 16px;
  font-size: 11px;
  font-weight: 800;
  transition: transform .16s, background .16s;
  display: inline-flex;
}

.advance-button:hover, .primary-button:hover {
  background: #f0ca73;
  transform: translateY(-2px);
}

.advance-button:active, .primary-button:active {
  transform: scale(.97);
}

.metrics-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 38px;
  display: grid;
}

.metric {
  background: #0712269e;
  border-top: 1px solid #cedcf638;
  min-width: 0;
  padding: 17px 16px 15px;
}

.metric strong {
  letter-spacing: -.05em;
  white-space: nowrap;
  margin: 9px 0 5px;
  font-family: Space Grotesk;
  font-size: clamp(21px, 2vw, 29px);
  display: block;
}

.metric-detail {
  color: #8090a7;
  white-space: nowrap;
  font-size: 10px;
}

.metric-gold {
  border-color: #d6ae5a;
}

.metric-blue {
  border-color: #54a8ff;
}

.metric-ruby {
  border-color: #e66a63;
}

.metric-green {
  border-color: #68d6a4;
}

.section-stack {
  animation: .32s cubic-bezier(.23, 1, .32, 1) both rise;
}

@keyframes rise {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

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

.section-heading {
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  margin-bottom: 18px;
  display: flex;
}

h2 {
  letter-spacing: -.02em;
  margin-top: 8px;
  font-family: DM Serif Display;
  font-size: 29px;
  font-weight: 400;
}

.ghost-button {
  color: #d6ae5a;
  cursor: pointer;
  background: none;
  align-items: center;
  gap: 7px;
  padding: 7px 0;
  font-size: 11px;
  display: inline-flex;
}

.business-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 11px;
  display: grid;
}

.business-card {
  background: #071226db;
  border: 1px solid #cedcf61f;
  min-height: 245px;
  padding: 17px;
  transition: border-color .2s, transform .2s, background .2s;
  position: relative;
}

.business-card:hover {
  background: #0a1a35eb;
  border-color: #d6ae5a9e;
  transform: translateY(-3px);
}

.business-card-top {
  align-items: center;
  gap: 8px;
  display: flex;
}

.business-icon {
  place-items: center;
  display: grid;
}

.owned-badge {
  color: #68d6a4;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-left: auto;
  font-size: 9px;
}

.fictional-mark {
  --mark-hue: var(--fictional-mark-hue, 218);
  border: 1px solid hsl(var(--mark-hue) 70% 68% / .68);
  background: linear-gradient(145deg, hsl(var(--mark-hue) 72% 58%), hsl(calc(var(--mark-hue)  + 36) 62% 28%));
  color: #fff9de;
  letter-spacing: -.06em;
  vertical-align: middle;
  border-radius: 50% 50% 44% 44%;
  place-items: center;
  width: 1.8em;
  height: 1.8em;
  font-size: .82em;
  font-weight: 900;
  line-height: 1;
  display: inline-grid;
  box-shadow: inset 0 1px #ffffff42, 0 3px 8px #00000038;
}

.fictional-mark--club {
  clip-path: polygon(50% 0, 92% 18%, 84% 76%, 50% 100%, 16% 76%, 8% 18%);
  border-radius: 42% 42% 52% 52%;
}

.fictional-mark--channel {
  border-radius: 38% 62%;
}

.ownership-club-tab, .business-card-top .eyebrow {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.ownership-club-tab > span:last-child {
  text-align: left;
  gap: 2px;
  display: grid;
}

.business-card h3 {
  letter-spacing: -.03em;
  margin: 17px 0 9px;
  font-family: Space Grotesk;
  font-size: 16px;
}

.business-card p {
  color: #8998ac;
  min-height: 49px;
  font-size: 11px;
  line-height: 1.5;
}

.business-stats {
  border-top: 1px solid #cedcf61a;
  gap: 23px;
  margin-top: 15px;
  padding-top: 12px;
  display: flex;
}

.business-stats span {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.business-stats small, .range-meta, .loan-row small {
  color: #74839a;
  font-size: 9px;
}

.business-stats strong {
  color: #eef2f8;
  font-size: 12px;
}

.business-action {
  color: #d6ae5a;
  cursor: pointer;
  background: none;
  align-items: center;
  gap: 6px;
  padding: 0;
  font-size: 10px;
  font-weight: 700;
  display: flex;
  position: absolute;
  bottom: 14px;
  left: 17px;
}

.business-action:hover {
  color: #f0ca73;
}

.callout {
  background: linear-gradient(100deg, #d6ae5a1c, #0000);
  border: 1px solid #d6ae5a3d;
  align-items: flex-start;
  gap: 13px;
  margin-top: 17px;
  padding: 16px;
  display: flex;
}

.callout-mark {
  color: #d6ae5a;
}

.callout p {
  color: #adb8c9;
  margin-top: 6px;
  font-size: 11px;
  line-height: 1.55;
}

.right-rail {
  padding-top: 12px;
}

.event-card, .progress-card, .history-card {
  background: #071226bf;
  border: 1px solid #cedcf61f;
  margin-bottom: 12px;
  padding: 17px;
}

.event-icon {
  color: #f4867e;
  background: #e66a631f;
  place-items: center;
  width: 27px;
  height: 27px;
  margin: 18px 0 12px;
  display: grid;
}

.event-card p {
  color: #c2ccda;
  font-family: DM Serif Display;
  font-size: 17px;
  line-height: 1.3;
}

.progress-line {
  background: #cedcf626;
  height: 3px;
  margin: 20px 0 8px;
}

.progress-line span {
  background: #d6ae5a;
  height: 100%;
  display: block;
  box-shadow: 0 0 12px #d6ae5ab3;
}

.progress-meta {
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.progress-meta strong {
  color: #d6ae5a;
  font-family: Space Grotesk;
}

.progress-meta span {
  color: #7d8b9f;
  font-size: 9px;
}

.history-item {
  grid-template-columns: 24px 1fr;
  gap: 7px;
  margin-top: 15px;
  display: grid;
}

.history-item > span {
  color: #d6ae5a;
  font-family: Space Grotesk;
  font-size: 10px;
}

.history-item p {
  color: #9daabc;
  font-size: 10px;
  line-height: 1.45;
}

.world-map {
  background: linear-gradient(145deg, #0f2c52bf, #071226e6), url("/manus-storage/trillionaire-tycoon-market-map_2d3f71a0.jpg") center / cover;
  border: 1px solid #cedcf626;
  min-height: 290px;
  margin-bottom: 12px;
  position: relative;
  overflow: hidden;
}

.map-controls {
  z-index: 2;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #050d1dd9;
  border: 1px solid #cedcf629;
  align-items: center;
  gap: 6px;
  padding: 7px 8px;
  display: flex;
  position: absolute;
  top: 12px;
  right: 12px;
  transform: none;
}

.map-controls span {
  color: #8392a8;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-right: 3px;
  font-size: 8px;
}

.map-controls button {
  color: #d6ae5a;
  cursor: pointer;
  background: #d6ae5a1a;
  min-width: 24px;
  height: 22px;
  font-size: 13px;
}

.map-controls strong {
  color: #f1f4fb;
  font-family: Space Grotesk;
  font-size: 10px;
}

.world-map svg {
  width: 100%;
  height: 100%;
  transform: translate(var(--pan-x), var(--pan-y));
  transition: transform .18s cubic-bezier(.23, 1, .32, 1);
  position: absolute;
  inset: 0;
}

.world-map.pan-active svg {
  transition: none;
}

.world-map.pan-active {
  cursor: grabbing;
}

.world-map line {
  stroke-width: .45px;
  vector-effect: non-scaling-stroke;
  stroke-dasharray: 2 2;
}

.route-active {
  stroke: #d6ae5a;
  filter: drop-shadow(0 0 3px #d6ae5ab3);
}

.route-inactive {
  stroke: #8eaed573;
}

.map-node {
  transform: translate(calc(-50% + var(--pan-x)), calc(-50% + var(--pan-y)));
  color: #edf2f9;
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  font-size: 9px;
  display: flex;
  position: absolute;
}

.map-node span {
  border-radius: 50%;
  width: 9px;
  height: 9px;
  box-shadow: 0 0 0 4px #ffffff0f, 0 0 14px;
}

.map-node strong {
  text-shadow: 0 2px 6px #050d1d;
  font-weight: 700;
}

.map-node.selected {
  z-index: 3;
  color: #f0ca73;
}

.map-node.selected span {
  box-shadow: 0 0 0 6px #d6ae5a29, 0 0 20px;
}

.region-detail {
  background: linear-gradient(100deg, #d6ae5a1a, #071226bf);
  border: 1px solid #d6ae5a3d;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 18px;
  margin-bottom: 12px;
  padding: 14px 16px;
  display: grid;
}

.region-detail h3 {
  margin-top: 5px;
  font-family: DM Serif Display;
  font-size: 21px;
  font-weight: 400;
}

.region-detail p {
  color: #96a4b8;
  margin-top: 3px;
  font-size: 10px;
}

.region-stat {
  text-align: right;
  flex-direction: column;
  gap: 5px;
  display: flex;
}

.region-stat small {
  color: #8392a8;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 8px;
}

.region-stat strong {
  color: #d6ae5a;
  font-family: Space Grotesk;
  font-size: 15px;
}

.competitor-card .competitor-profile {
  color: #9daabc;
  margin: 8px 0;
  font-size: 10px;
  line-height: 1.45;
}

.strategy-badge {
  color: #68d6a4;
  text-transform: uppercase;
  letter-spacing: .08em;
  border: 1px solid #68d6a44d;
  padding: 4px 6px;
  font-size: 8px;
  display: inline-flex;
}

.signature-move {
  color: #d6ae5a;
  letter-spacing: .03em;
  font-size: 9px;
  display: block;
}

.map-node:after {
  content: attr(data-specialty);
  color: #8290a6;
  opacity: .9;
  font-size: 7px;
  position: absolute;
  top: 15px;
  left: 15px;
}

.route-list {
  gap: 7px;
  margin-bottom: 30px;
  display: grid;
}

.route-row {
  background: #071226d1;
  border: 1px solid #cedcf61a;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  display: flex;
}

.route-row > div {
  flex-direction: column;
  flex: 1;
  gap: 5px;
  display: flex;
}

.route-row strong {
  font-size: 12px;
}

.route-row small {
  color: #8392a8;
  font-size: 9px;
}

.route-row .business-action {
  white-space: nowrap;
  position: static;
}

.competitor-heading {
  margin-top: 20px;
}

.competitor-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  display: grid;
}

.competitor-card {
  background: #071226d1;
  border: 1px solid #e66a6338;
  min-height: 165px;
  padding: 16px;
  position: relative;
}

.competitor-card.acquired {
  border-color: #68d6a466;
}

.competitor-card h3 {
  margin: 15px 0 8px;
  font-size: 15px;
}

.competitor-card p {
  color: #8c9aae;
  min-height: 35px;
  font-size: 10px;
  line-height: 1.5;
}

.competitor-card .business-action {
  bottom: 14px;
}

.event-panel {
  background: linear-gradient(125deg, #26304ee6, #071226d9);
  border: 1px solid #d6ae5a59;
  margin-bottom: 14px;
  padding: 22px;
  position: relative;
}

.event-panel.danger {
  background: linear-gradient(125deg, #5223348f, #071226e6);
  border-color: #f4867e73;
}

.event-panel.critical {
  background: linear-gradient(125deg, #691e2c9e, #071226f2);
  border-color: #f45c5cbf;
}

.agiota-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 12px;
  display: grid;
}

.agiota-card {
  color: #dce5f2;
  text-align: left;
  cursor: pointer;
  background: #071226d1;
  border: 1px solid #cedcf61f;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  min-height: 138px;
  padding: 15px;
  transition: transform .18s, border-color .18s, background .18s;
  display: flex;
}

.agiota-card:hover, .agiota-card.selected {
  background: #142643e6;
  border-color: #d6ae5a;
  transform: translateY(-2px);
}

.agiota-card strong {
  font-family: DM Serif Display;
  font-size: 23px;
  font-weight: 400;
}

.agiota-card span:not(.agiota-sigil) {
  color: #99a8bc;
  font-size: 9px;
}

.agiota-card b {
  color: #d6ae5a;
  margin-top: auto;
  font-family: Space Grotesk;
  font-size: 12px;
}

.agiota-sigil {
  border: 1px solid;
  border-radius: 50%;
  place-items: center;
  width: 28px;
  height: 28px;
  font-family: DM Serif Display;
  font-size: 16px;
  display: grid;
}

.agiota-profile {
  background: #d6ae5a12;
  border: 1px solid #d6ae5a3d;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 18px;
  margin-bottom: 12px;
  padding: 15px 16px;
  display: grid;
}

.agiota-profile p {
  color: #9eacc0;
  max-width: 460px;
  margin-top: 6px;
  font-size: 11px;
  line-height: 1.5;
}

.agiota-portrait {
  align-items: center;
  gap: 11px;
  display: flex;
}

.agiota-avatar {
  object-fit: cover;
  filter: saturate(.88) contrast(1.04);
  border: 1px solid #d6ae5a80;
  border-radius: 50%;
  width: 52px;
  height: 52px;
}

.agiota-portrait-ring {
  background: #ffffff08;
  border: 1px solid;
  border-radius: 50%;
  place-items: center;
  width: 42px;
  height: 42px;
  font-family: DM Serif Display;
  font-size: 24px;
  display: grid;
}

.voice-line {
  font-family: DM Serif Display;
  color: #d7dee9 !important;
}

.tax-risk-panel {
  background: linear-gradient(105deg, #5723345c, #071226c7);
  border: 1px solid #f4867e45;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  margin-top: 14px;
  padding: 16px;
  display: flex;
}

.tax-risk-panel h3 {
  margin-top: 6px;
  font-family: DM Serif Display;
  font-size: 20px;
  font-weight: 400;
}

.tax-risk-panel p {
  color: #aab6c6;
  max-width: 500px;
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.5;
}

.pf-alert {
  color: #98a8bb;
  text-transform: uppercase;
  letter-spacing: .08em;
  grid-template-columns: auto minmax(120px, 1fr) auto;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  font-size: 9px;
  display: grid;
}

.pf-alert > div {
  background: #cedcf624;
  height: 4px;
  overflow: hidden;
}

.pf-alert i {
  background: linear-gradient(90deg, #68d6a4, #d6ae5a, #f4867e);
  height: 100%;
  transition: width .25s;
  display: block;
}

.pf-alert strong {
  color: #f4867e;
  font-family: Space Grotesk;
  font-size: 9px;
}

.judgment-panel {
  background: linear-gradient(125deg, #481f31a8, #071226e6);
  border: 1px solid #f4867e6b;
  min-width: min(650px, 100%);
  padding: 16px;
}

.judgment-panel h3 {
  color: #f2e8de;
  margin: 7px 0;
  font-family: DM Serif Display;
  font-size: 24px;
  font-weight: 400;
}

.judgment-panel > p {
  margin-bottom: 12px;
}

.defense-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  display: grid;
}

.defense-card {
  color: #dce5f2;
  text-align: left;
  cursor: pointer;
  background: #071226cc;
  border: 1px solid #cedcf624;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  min-height: 112px;
  padding: 12px;
  transition: transform .18s, border-color .18s, background .18s;
  display: flex;
}

.defense-card:hover {
  background: #142643eb;
  border-color: #d6ae5a;
  transform: translateY(-2px);
}

.defense-card strong {
  font-size: 12px;
}

.defense-card span {
  color: #d6ae5a;
  font-family: Space Grotesk;
  font-size: 13px;
}

.defense-card small {
  color: #91a0b5;
  font-size: 9px;
  line-height: 1.4;
}

.court-selection {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 14px 0 10px;
  display: grid;
}

.court-options {
  gap: 6px;
  margin-top: 8px;
  display: grid;
}

.court-option {
  color: #dce5f2;
  text-align: left;
  cursor: pointer;
  background: #071226b8;
  border: 1px solid #cedcf621;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  display: flex;
}

.court-option:hover, .court-option.selected {
  background: #d6ae5a1f;
  border-color: #d6ae5a;
}

.court-option strong {
  font-size: 10px;
}

.court-option small {
  color: #8e9bb0;
  white-space: nowrap;
  font-size: 8px;
}

.court-summary {
  color: #9eacbf;
  background: #0712268f;
  border-left: 2px solid #d6ae5a;
  margin-bottom: 12px;
  padding: 9px 10px;
  font-size: 9px;
}

.court-summary strong {
  color: #d6ae5a;
  font-family: Space Grotesk;
}

.alert-history {
  background: linear-gradient(105deg, #391c3057, #071226b8);
  border: 1px solid #f4867e38;
  margin-top: 14px;
  padding: 16px;
}

.alert-history .section-heading {
  margin-bottom: 8px;
}

.alert-history h3 {
  margin-top: 5px;
  font-family: DM Serif Display;
  font-size: 20px;
  font-weight: 400;
}

.alert-history .section-heading > strong {
  color: #f4867e;
  font-family: Space Grotesk;
  font-size: 18px;
}

.alert-chart {
  background: repeating-linear-gradient(to top, #0000 0 27px, #cedcf614 28px);
  border-bottom: 1px solid #cedcf62e;
  align-items: flex-end;
  gap: 6px;
  height: 86px;
  padding: 8px 5px 0;
  display: flex;
}

.alert-chart-bar {
  background: linear-gradient(to top, #68d6a4, #d6ae5a 64%, #f4867e);
  flex: 1;
  min-width: 6px;
  transition: height .25s;
  box-shadow: 0 0 10px #f4867e29;
}

.alert-chart-axis {
  color: #77869c;
  text-transform: uppercase;
  letter-spacing: .08em;
  justify-content: space-between;
  margin-top: 7px;
  font-size: 8px;
  display: flex;
}

.calendar-strip {
  background: #071226b8;
  border: 1px solid #cedcf61f;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  padding: 13px 15px;
  display: flex;
}

.calendar-strip > div {
  flex-direction: column;
  flex: 1;
  gap: 5px;
  display: flex;
}

.calendar-strip strong {
  color: #eef2f9;
  font-family: Space Grotesk;
  font-size: 11px;
}

.calendar-week {
  color: #7e8da3;
  border: 1px solid #cedcf626;
  place-items: center;
  width: 30px;
  height: 26px;
  font-size: 9px;
  display: grid;
}

.calendar-week.current {
  color: #f0ca73;
  border-color: #d6ae5a;
  box-shadow: 0 0 10px #d6ae5a33;
}

.calendar-week.done {
  color: #68d6a4;
  border-color: #68d6a473;
}

.defeat-screen {
  background: radial-gradient(circle at 50% 35%, #691e2c6b, #0000 45%), #050d1d;
  place-items: center;
  min-height: 100vh;
  padding: 24px;
  display: grid;
}

.defeat-card {
  text-align: center;
  background: #071226eb;
  border: 1px solid #f4867e80;
  width: min(520px, 100%);
  padding: 42px;
  box-shadow: 0 25px 80px #0000006b;
}

.defeat-card h1 {
  margin: 16px 0 12px;
  font-family: DM Serif Display;
  font-size: clamp(42px, 8vw, 74px);
  font-weight: 400;
}

.defeat-card p {
  color: #c3ccd9;
  line-height: 1.6;
}

.defeat-card strong {
  color: #f4867e;
  margin: 15px 0 24px;
  font-size: 11px;
  display: block;
}

.agiota-profile-stat {
  text-align: right;
  flex-direction: column;
  gap: 5px;
  display: flex;
}

.agiota-profile-stat small {
  color: #8392a8;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 8px;
}

.agiota-profile-stat strong {
  color: #d6ae5a;
  font-family: Space Grotesk;
  font-size: 15px;
}

.agiota-contract {
  grid-template-columns: 1.1fr .9fr;
  gap: 12px;
  display: grid;
}

.danger-button {
  color: #f4867e;
  cursor: pointer;
  background: #f4867e14;
  border: 1px solid #f4867e59;
  align-items: center;
  gap: 6px;
  padding: 10px 12px;
  font-size: 10px;
  display: inline-flex;
}

.danger-button:hover {
  background: #f4867e29;
}

.event-panel.growth {
  border-color: #68d6a466;
}

.event-panel-icon {
  color: #d6ae5a;
  border: 1px solid;
  place-items: center;
  width: 33px;
  height: 33px;
  margin-bottom: 16px;
  display: grid;
}

.event-panel.danger .event-panel-icon {
  color: #f4867e;
}

.event-panel h3 {
  margin: 9px 0;
  font-family: DM Serif Display;
  font-size: 31px;
  font-weight: 400;
}

.event-panel p {
  color: #b4c0d0;
  max-width: 570px;
  font-size: 12px;
  line-height: 1.6;
}

.event-actions {
  align-items: center;
  gap: 14px;
  margin-top: 21px;
  display: flex;
}

.event-actions .ghost-button {
  color: #c5cedc;
}

.muted-copy {
  color: #8290a6;
  margin-top: 16px;
  font-size: 11px;
}

.event-history {
  margin-top: 12px;
}

.synergy-panel {
  margin-top: 18px;
}

.synergy-row {
  background: #0823277a;
  border: 1px solid #68d6a438;
  align-items: center;
  gap: 12px;
  padding: 13px;
  display: flex;
}

.synergy-dot {
  background: #68d6a4;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  box-shadow: 0 0 13px #68d6a4;
}

.synergy-row > div {
  flex: 1;
}

.synergy-row strong {
  font-size: 12px;
}

.synergy-row p {
  color: #8fa1ad;
  margin-top: 4px;
  font-size: 10px;
}

.synergy-row b {
  color: #68d6a4;
  font-family: Space Grotesk;
  font-size: 15px;
}

.market-banner {
  background: linear-gradient(115deg, #1943786b, #071226d9);
  border: 1px solid #54a8ff38;
  justify-content: space-between;
  min-height: 130px;
  margin-bottom: 14px;
  padding: 19px;
  display: flex;
}

.market-banner h3 {
  margin: 8px 0 4px;
  font-family: DM Serif Display;
  font-size: 25px;
  font-weight: 400;
}

.market-banner p {
  color: #aab7ca;
  max-width: 420px;
  font-size: 11px;
  line-height: 1.5;
}

.signal-chart {
  align-items: flex-end;
  gap: 5px;
  width: 130px;
  padding: 12px 4px;
  display: flex;
}

.signal-chart span {
  opacity: .75;
  background: #68d6a4;
  flex: 1;
  transform: skew(-18deg);
}

.signal-chart span:first-child {
  height: 30%;
}

.signal-chart span:nth-child(2) {
  height: 44%;
}

.signal-chart span:nth-child(3) {
  height: 38%;
}

.signal-chart span:nth-child(4) {
  background: #d6ae5a;
  height: 65%;
}

.signal-chart span:nth-child(5) {
  height: 52%;
}

.signal-chart span:nth-child(6) {
  height: 79%;
}

.signal-chart span:nth-child(7) {
  background: #d6ae5a;
  height: 95%;
}

.market-status {
  color: #68d6a4;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  display: flex;
}

.risk-label, .risk-chip {
  color: #f4867e;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-left: auto;
  font-size: 9px;
}

.bank-list {
  gap: 8px;
  display: grid;
}

.bank-row {
  text-align: left;
  color: #ecf0f8;
  cursor: pointer;
  background: #071226cc;
  border: 1px solid #cedcf61f;
  align-items: center;
  gap: 13px;
  width: 100%;
  padding: 13px;
  display: flex;
}

.bank-row:hover, .bank-row.selected {
  background: #12223cd9;
  border-color: #d6ae5a99;
}

.bank-seal {
  border: 1px solid;
  border-radius: 50%;
  place-items: center;
  width: 33px;
  height: 33px;
  font-family: DM Serif Display;
  font-size: 17px;
  display: grid;
}

.bank-row-copy {
  flex-direction: column;
  flex: 1;
  gap: 5px;
  display: flex;
}

.bank-row-copy strong {
  font-size: 13px;
}

.bank-row-copy small, .bank-rate small {
  color: #8e9bb0;
  font-size: 10px;
}

.bank-rate {
  text-align: right;
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.bank-rate strong {
  color: #d6ae5a;
  font-family: Space Grotesk;
}

.risk-chip {
  border: 1px solid;
  padding: 7px 10px;
}

.risk-chip.safe {
  color: #68d6a4;
}

.credit-layout {
  grid-template-columns: 1.15fr .85fr;
  gap: 12px;
  display: grid;
}

.loan-form, .quote-panel {
  background: #071226d1;
  border: 1px solid #cedcf621;
  padding: 18px;
}

.field-label {
  color: #8795a9;
  text-transform: uppercase;
  letter-spacing: .08em;
  justify-content: space-between;
  margin: 0 0 10px;
  font-size: 10px;
  display: flex;
}

.field-label strong {
  color: #d6ae5a;
  letter-spacing: 0;
  font-family: Space Grotesk;
  font-size: 13px;
}

input[type="range"] {
  accent-color: #d6ae5a;
  width: 100%;
}

.range-meta {
  justify-content: space-between;
  margin: 7px 0 22px;
  display: flex;
}

.term-buttons {
  gap: 6px;
  margin-bottom: 20px;
  display: flex;
}

.term-buttons button {
  color: #98a6b9;
  cursor: pointer;
  background: #ffffff0a;
  flex: 1;
  padding: 9px;
  font-size: 11px;
}

.term-buttons button.selected, .collateral-buttons button.selected {
  color: #f0ca73;
  background: #d6ae5a29;
  outline: 1px solid #d6ae5a;
}

.collateral-buttons {
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin-bottom: 20px;
  display: grid;
}

.collateral-buttons button {
  text-align: left;
  color: #96a3b7;
  cursor: pointer;
  background: #ffffff0a;
  flex-direction: column;
  gap: 5px;
  padding: 9px;
  font-size: 10px;
  display: flex;
}

.collateral-buttons strong {
  color: #edf2fa;
  font-size: 11px;
}

.quote-panel {
  background: linear-gradient(145deg, #0d264bd9, #071226d1);
}

.quote-main {
  align-items: baseline;
  gap: 8px;
  margin: 20px 0;
  display: flex;
}

.quote-main strong {
  color: #d6ae5a;
  letter-spacing: -.06em;
  font-family: Space Grotesk;
  font-size: 38px;
}

.quote-main span {
  color: #8e9bb0;
  font-size: 10px;
}

.quote-row {
  color: #8e9bb0;
  border-top: 1px solid #cedcf61c;
  justify-content: space-between;
  padding: 11px 0;
  font-size: 10px;
  display: flex;
}

.quote-row strong {
  color: #eaf0f8;
  font-family: Space Grotesk;
}

.quote-warning {
  color: #f4867e;
  gap: 8px;
  margin-top: 15px;
  font-size: 10px;
  line-height: 1.45;
  display: flex;
}

.loan-list {
  margin-top: 12px;
}

.loan-row, .empty-loans {
  background: #071226bd;
  border: 1px solid #cedcf61a;
  align-items: center;
  gap: 12px;
  padding: 13px;
  display: flex;
}

.loan-row span {
  flex-direction: column;
  flex: 1;
  gap: 4px;
  display: flex;
}

.loan-row b {
  font-size: 10px;
}

.empty-loans {
  color: #8e9bb0;
  font-size: 11px;
}

.toast {
  z-index: 5;
  color: #e9eff9;
  background: #0d1f3bf2;
  border: 1px solid #d6ae5a8c;
  align-items: center;
  gap: 9px;
  max-width: 390px;
  padding: 12px 14px;
  font-size: 11px;
  animation: .22s both rise;
  display: flex;
  position: fixed;
  bottom: 24px;
  right: 24px;
  box-shadow: 0 12px 34px #00000059;
}

.toast svg {
  color: #68d6a4;
}

.toast button {
  color: #9daabc;
  cursor: pointer;
  background: none;
  margin-left: 7px;
}

.onboarding {
  z-index: 1;
  grid-template-columns: minmax(0, 1.28fr) minmax(390px, .72fr);
  min-height: 100vh;
  display: grid;
  position: relative;
}

.cover-panel {
  background-position: center;
  background-size: cover;
  min-height: 100vh;
  position: relative;
}

.cover-copy {
  padding: 11vh 8vw;
}

.cover-copy h1 {
  margin-top: 24px;
  font-size: clamp(54px, 7vw, 104px);
}

.cover-copy p {
  color: #eef2f8;
  font-family: DM Serif Display;
  font-size: 30px;
}

.cover-footer {
  color: #a6b2c4;
  letter-spacing: .12em;
  text-transform: uppercase;
  justify-content: space-between;
  font-size: 9px;
  display: flex;
  position: absolute;
  bottom: 30px;
  left: 8vw;
  right: 8vw;
}

.setup-panel {
  background: #050d1ded;
  border-left: 1px solid #cedcf629;
  flex-direction: column;
  justify-content: flex-start;
  padding: 28px 4vw 30px;
  display: flex;
}

.setup-heading h2 {
  color: #f3f6fb;
  white-space: nowrap;
  margin: 0 0 8px;
  font-size: clamp(25px, 2.5vw, 32px);
  line-height: 1;
}

.setup-heading p {
  color: #8f9db1;
  max-width: 320px;
  margin: 0;
  font-size: 10px;
  line-height: 1.45;
}

.card-preview {
  aspect-ratio: 1.78;
  color: #2e230f;
  background-position: center;
  background-size: cover;
  border-radius: 3px;
  margin: 16px 0 12px;
  padding: 12px;
  box-shadow: 0 17px 34px #00000047;
}

.card-top, .card-bottom {
  letter-spacing: .09em;
  justify-content: space-between;
  font-family: Space Grotesk;
  font-size: 8px;
  font-weight: 700;
  display: flex;
}

.chip {
  background: linear-gradient(135deg, #fff1b4e6, #9b661266);
  border: 1px solid #4d320a80;
  border-radius: 4px;
  width: 28px;
  height: 20px;
  margin: 14px 0 10px;
}

.card-number {
  letter-spacing: .13em;
  margin-bottom: 12px;
  font-family: Space Grotesk;
  font-size: 12px;
}

.console-signals {
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  margin: -3px 0 11px;
  padding: 5px 0 0;
  display: grid;
  position: relative;
}

.console-signal {
  background: #ffffff09;
  border: 1px solid #cedcf624;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 6px 7px;
  display: flex;
}

.console-signal span {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.console-signal b {
  font-family: Space Grotesk;
  font-size: 9px;
}

.console-signal small {
  color: #8998ac;
  font-size: 7px;
  line-height: 1.15;
}

.console-signal.growth {
  color: #68d6a4;
  border-color: #68d6a44d;
}

.console-signal.danger {
  color: #f4867e;
  border-color: #f4867e4d;
}

.route-lines {
  opacity: .55;
  width: 90px;
  height: 22px;
  position: absolute;
  top: -16px;
  right: 0;
  overflow: hidden;
}

.route-lines i {
  transform-origin: 100%;
  background: linear-gradient(90deg, #0000, #d6ae5a);
  height: 1px;
  display: block;
  position: absolute;
  transform: rotate(-14deg);
}

.route-lines i:first-child {
  width: 78px;
  top: 6px;
  right: 0;
}

.route-lines i:nth-child(2) {
  background: linear-gradient(90deg, #0000, #68d6a4);
  width: 58px;
  top: 13px;
  right: 10px;
}

.route-lines i:nth-child(3) {
  background: linear-gradient(90deg, #0000, #f4867e);
  width: 40px;
  top: 19px;
  right: 7px;
}

.opening-sound-toggle {
  color: #aeb9c9;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: .08em;
  background: none;
  border: 0;
  align-self: flex-start;
  align-items: center;
  gap: 7px;
  margin: 0 0 9px;
  padding: 6px 0;
  font-family: Space Grotesk;
  font-size: 9px;
  display: inline-flex;
}

.opening-sound-toggle svg {
  color: #d6ae5a;
}

.opening-sound-toggle small {
  color: #73839a;
  text-transform: lowercase;
  letter-spacing: 0;
  font-size: 8px;
}

.opening-sound-toggle:hover, .opening-sound-toggle:focus-visible {
  color: #f0ca73;
  outline-offset: 3px;
  outline: 1px solid #d6ae5aa6;
}

.text-input {
  color: #edf2fa;
  letter-spacing: .08em;
  background: #ffffff0a;
  border: 1px solid #cedcf633;
  width: 100%;
  margin-bottom: 12px;
  padding: 10px 12px;
  font-size: 12px;
}

.bank-mini-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin-bottom: 12px;
  display: grid;
}

.bank-mini {
  color: #c1cad7;
  cursor: pointer;
  text-align: left;
  background: #ffffff0a;
  border: 1px solid #0000;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  min-height: 55px;
  padding: 8px;
  display: flex;
}

.bank-mini.selected {
  background: #d6ae5a1a;
  border-color: #d6ae5a;
}

.bank-mini-dot {
  border-radius: 50%;
  width: 7px;
  height: 7px;
}

.bank-mini span:not(.bank-mini-dot) {
  font-size: 9px;
  font-weight: 700;
}

.bank-mini small {
  color: #8090a7;
  font-size: 8px;
}

.setup-panel > .primary-button {
  width: 100%;
}

@media (max-width: 1120px) {
  .dashboard {
    grid-template-columns: 155px minmax(450px, 1fr);
  }

  .right-rail {
    display: none;
  }

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

@media (max-width: 960px) {
  .agiota-grid, .agiota-contract, .defense-grid, .court-selection {
    grid-template-columns: 1fr;
  }

  .tax-risk-panel {
    flex-direction: column;
    align-items: stretch;
  }

  .agiota-profile {
    grid-template-columns: 1fr 1fr;
  }

  .agiota-profile > div:first-child {
    grid-column: 1 / -1;
  }

  .agiota-profile-stat {
    text-align: left;
  }

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

  .cover-panel {
    min-height: 41vh;
  }

  .cover-copy {
    padding: 48px 28px 30px;
  }

  .cover-copy h1 {
    font-size: 58px;
  }

  .cover-footer {
    left: 28px;
    right: 28px;
  }

  .setup-panel {
    border-left: 0;
    padding: 38px 28px 48px;
  }

  .topbar {
    padding: 16px 18px;
  }

  .ticker {
    display: none;
  }

  .dashboard {
    padding: 24px 18px 42px;
    display: block;
  }

  .side-rail {
    display: none;
  }

  .hero-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .advance-button {
    width: 100%;
  }

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

  .business-grid, .credit-layout, .competitor-grid {
    grid-template-columns: 1fr;
  }

  .section-heading {
    flex-direction: column;
    align-items: flex-start;
  }

  .ghost-button {
    padding-top: 0;
  }

  .market-banner {
    flex-direction: column;
  }

  .signal-chart {
    width: 100%;
    height: 60px;
  }

  .collateral-buttons {
    grid-template-columns: 1fr;
  }

  .region-detail {
    grid-template-columns: 1fr 1fr;
  }

  .region-stat {
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

.setup-panel {
  min-width: 0;
}

.setup-panel > .wealth-card-carousel-onboarding {
  margin-bottom: 18px;
}

.cover-copy {
  padding: 0;
  position: absolute;
  inset: 0;
}

.cover-copy .cover-mantra {
  color: #d9b966;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  text-shadow: 0 2px 12px #050d1db3;
  margin: 0;
  font-family: Space Grotesk;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  position: absolute;
  top: 9%;
  left: 8%;
}

.cover-copy h1 {
  letter-spacing: -.055em;
  text-shadow: 0 4px 20px #050d1d7a;
  max-width: 39%;
  margin: 0;
  font-size: clamp(54px, 5.45vw, 84px);
  line-height: .9;
  position: absolute;
  top: 31%;
  left: 8%;
}

.cover-copy h1 span {
  color: #d6ae5a;
  display: block;
}

.cover-crown {
  object-fit: contain;
  filter: drop-shadow(0 3px 10px #0000007a);
  width: 38px;
  height: 38px;
  position: absolute;
  bottom: 6%;
  left: 8%;
}

.cover-footer {
  display: none;
}

.soundtrack-selector {
  border: 0;
  border-top: 1px solid #cedcf621;
  margin: 0 0 18px;
  padding: 12px 0 0;
}

.soundtrack-selector legend {
  color: #d6ae5a;
  letter-spacing: .1em;
  text-transform: uppercase;
  align-items: center;
  gap: 7px;
  font-family: Space Grotesk;
  font-size: 9px;
  display: flex;
}

.soundtrack-selector legend small {
  color: #8291a6;
  letter-spacing: .08em;
  font-size: 8px;
}

.soundtrack-selector > p {
  color: #8e9db1;
  margin: 6px 0 10px;
  font-size: 9px;
  line-height: 1.4;
}

.soundtrack-options {
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  display: grid;
}

.soundtrack-options button {
  color: #9fadc0;
  text-align: left;
  cursor: pointer;
  background: #ffffff09;
  border: 1px solid #cedcf621;
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 6px;
  min-height: 48px;
  padding: 8px;
  display: grid;
}

.soundtrack-options button:hover, .soundtrack-options button:focus-visible, .soundtrack-options button.selected {
  color: #eff4fb;
  background: #d6ae5a1a;
  border-color: #d6ae5ab8;
  outline: none;
}

.soundtrack-options button svg {
  color: #d6ae5a;
}

.soundtrack-options button strong {
  font-size: 9px;
}

.soundtrack-options button small {
  color: #8291a6;
  grid-column: 2;
  font-size: 8px;
}

.soundtrack-options button.selected small {
  color: #e1bc6c;
}

@media (max-width: 480px) {
  .soundtrack-options {
    grid-template-columns: 1fr;
  }

  .soundtrack-options button {
    min-height: 42px;
  }

  .soundtrack-options button small {
    grid-area: 1 / 2;
    justify-self: end;
  }
}

@media (max-width: 960px) {
  .cover-copy {
    padding: 0;
  }

  .cover-copy .cover-mantra {
    letter-spacing: .08em;
    white-space: nowrap;
    font-size: 6px;
    line-height: 1.2;
    top: 9%;
    left: 7%;
  }

  .cover-copy h1 {
    letter-spacing: -.045em;
    max-width: 46%;
    font-size: clamp(31px, 8.75vw, 38px);
    line-height: .92;
    top: 43%;
    left: 7%;
  }

  .cover-crown {
    width: 28px;
    height: 28px;
    bottom: 7%;
    left: 7%;
  }

  .setup-panel {
    padding: 20px 21px 28px;
  }

  .setup-heading h2 {
    font-size: clamp(23px, 6.4vw, 28px);
  }

  .setup-heading p {
    font-size: 9px;
  }

  .card-preview {
    margin-top: 14px;
  }

  .console-signals {
    margin-bottom: 8px;
  }

  .opening-sound-toggle {
    margin-bottom: 7px;
  }
}

.property-filters {
  background: #07122694;
  border: 1px solid #d6ae5a33;
  flex-wrap: wrap;
  align-items: end;
  gap: 8px;
  margin: 14px 0 12px;
  padding: 10px 12px;
  display: flex;
}

.property-filters label {
  color: #8797ac;
  letter-spacing: .12em;
  text-transform: uppercase;
  flex-direction: column;
  gap: 5px;
  min-width: 142px;
  font-size: 8px;
  display: flex;
}

.property-filters select {
  color: #e8edf5;
  cursor: pointer;
  background: #09172e;
  border: 1px solid #cedcf62e;
  padding: 9px 10px;
  font-family: Space Grotesk;
  font-size: 10px;
}

.property-filters select:focus {
  border-color: #d6ae5a;
  outline: 1px solid #d6ae5a;
}

.property-result-count {
  color: #d6ae5a;
  margin-left: auto;
  padding: 9px 0;
  font-size: 9px;
}

.property-empty {
  color: #a9b6c8;
  text-align: center;
  background: #0712266b;
  border: 1px dashed #d6ae5a59;
  place-items: center;
  min-height: 130px;
  padding: 20px;
  font-size: 11px;
  line-height: 1.5;
  display: grid;
}

.property-list {
  align-content: start;
  gap: 6px;
  display: grid;
}

.property-list-row {
  grid-template-columns: 1fr 28px;
  gap: 4px;
  display: grid;
}

.compare-button {
  color: #8593a8;
  cursor: pointer;
  background: #071226b8;
  border: 1px solid #cedcf61f;
  place-items: center;
  display: grid;
}

.compare-button:hover, .compare-button.selected {
  color: #d6ae5a;
  background: #d6ae5a1f;
  border-color: #d6ae5a;
}

.property-comparison {
  background: #071226b8;
  border: 1px solid #d6ae5a40;
  grid-column: 1 / -1;
  margin-top: 12px;
  padding: 14px;
}

.property-comparison h3 {
  margin: 4px 0 0;
  font-family: DM Serif Display;
  font-size: 20px;
  font-weight: 400;
}

.comparison-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  display: grid;
}

.comparison-item {
  background: #d6ae5a12;
  border-top: 2px solid #d6ae5a;
  flex-direction: column;
  gap: 5px;
  min-height: 92px;
  padding: 10px;
  display: flex;
}

.comparison-item strong {
  color: #e8edf5;
  font-size: 11px;
}

.comparison-item span {
  color: #d6ae5a;
  font-family: DM Serif Display;
  font-size: 20px;
}

.comparison-item small {
  color: #9aa9bc;
  font-size: 9px;
}

.property-list-item {
  color: #dce5f2;
  text-align: left;
  cursor: pointer;
  background: #071226b8;
  border: 1px solid #cedcf61f;
  align-items: center;
  gap: 10px;
  padding: 12px;
  display: flex;
}

.property-list-item:hover, .property-list-item.selected {
  background: #d6ae5a1a;
  border-color: #d6ae5a;
}

.property-list-item > span:nth-child(2) {
  flex-direction: column;
  flex: 1;
  gap: 4px;
  display: flex;
}

.property-list-item strong {
  font-size: 11px;
}

.property-list-item small {
  color: #8593a8;
  font-size: 8px;
}

.property-swatch {
  width: 10px;
  height: 28px;
}

.property-detail {
  background: linear-gradient(125deg, #1b2b48b8, #071226d1);
  border: 1px solid #d6ae5a40;
  padding: 20px;
}

.property-detail-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.property-detail h3 {
  margin: 7px 0 5px;
  font-family: DM Serif Display;
  font-size: 32px;
  font-weight: 400;
}

.property-detail p {
  color: #a9b6c8;
  max-width: 580px;
  font-size: 11px;
  line-height: 1.55;
}

.property-emblem {
  background: #ffffff08;
  border: 1px solid;
  place-items: center;
  width: 66px;
  height: 66px;
  display: grid;
}

.property-metrics {
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 18px 0;
  display: grid;
}

.property-actions {
  border-top: 1px solid #cedcf61f;
  border-bottom: 1px solid #cedcf61f;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
  display: flex;
}

.decoration-shop {
  margin-top: 18px;
}

.decoration-shop h3 {
  font-family: DM Serif Display;
  font-size: 20px;
}

.decoration-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  display: grid;
}

.decoration-card {
  color: #dce5f2;
  text-align: left;
  cursor: pointer;
  background: #071226bd;
  border: 1px solid #cedcf61f;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  min-height: 150px;
  padding: 12px;
  display: flex;
}

.decoration-card:hover, .decoration-card.owned {
  background: #d6ae5a1a;
  border-color: #d6ae5a;
}

.decoration-card:disabled {
  cursor: default;
}

.decoration-mark {
  font-size: 21px;
}

.decoration-card strong {
  font-size: 11px;
}

.decoration-card small {
  color: #8796aa;
  flex: 1;
  font-size: 9px;
  line-height: 1.4;
}

.decoration-card b {
  color: #d6ae5a;
  font-family: Space Grotesk;
  font-size: 10px;
}

.campaign-grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  display: grid;
}

.campaign-card {
  background: linear-gradient(120deg, #1f304cb8, #071226d6);
  border: 1px solid #d6ae5a40;
  min-height: 190px;
  padding: 16px;
}

.campaign-card.locked {
  opacity: .56;
  filter: saturate(.65);
}

.campaign-card.complete {
  border-color: #68d6a48c;
}

.campaign-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.campaign-region, .campaign-status {
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 8px;
}

.campaign-status {
  color: #68d6a4;
}

.campaign-card h3 {
  margin: 13px 0 6px;
  font-family: DM Serif Display;
  font-size: 23px;
  font-weight: 400;
}

.campaign-card p {
  color: #9eacc0;
  min-height: 36px;
  font-size: 10px;
  line-height: 1.45;
}

.campaign-progress {
  background: #cedcf626;
  height: 4px;
  margin: 17px 0 7px;
}

.campaign-progress span {
  background: linear-gradient(90deg, #68d6a4, #d6ae5a);
  height: 100%;
  display: block;
}

.campaign-card > small {
  color: #8190a5;
  font-size: 9px;
}

.campaign-card .primary-button {
  margin-top: 12px;
}

@media (max-width: 960px) {
  .property-layout, .campaign-grid {
    grid-template-columns: 1fr;
  }

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

  .property-actions {
    flex-direction: column;
    align-items: flex-start;
  }
}

.asset-section {
  background: #07122680;
  border: 1px solid #cedcf61f;
  padding: 16px;
}

.asset-section + .asset-section {
  margin-top: 10px;
}

.asset-section h3 {
  margin: 4px 0 0;
  font-family: DM Serif Display;
  font-size: 22px;
  font-weight: 400;
}

.asset-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  display: grid;
}

.industry-grid {
  grid-template-columns: repeat(3, 1fr);
}

.asset-card {
  color: #dce5f2;
  text-align: left;
  cursor: pointer;
  background: linear-gradient(135deg, #182a48bf, #071226d6);
  border: 1px solid #cedcf621;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-height: 168px;
  padding: 14px;
  display: flex;
}

.asset-card:hover, .asset-card.owned {
  background: linear-gradient(135deg, #4a3d2c9e, #071226e6);
  border-color: #d6ae5a;
}

.asset-card:disabled {
  cursor: default;
}

.asset-card strong {
  font-family: DM Serif Display;
  font-size: 20px;
  font-weight: 400;
}

.asset-card p {
  color: #9eacc0;
  min-height: 38px;
  font-size: 10px;
  line-height: 1.45;
}

.asset-card small {
  color: #8796aa;
  flex: 1;
  font-size: 9px;
}

.asset-card b {
  color: #d6ae5a;
  font-family: Space Grotesk;
  font-size: 11px;
}

.asset-type {
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 8px;
}

.export-grid {
  gap: 7px;
  display: grid;
}

.export-card {
  background: #071226b3;
  border: 1px solid #cedcf61f;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 13px;
  display: flex;
}

.export-card.active {
  border-color: #68d6a485;
}

.export-card strong, .export-card p {
  margin-top: 5px;
  display: block;
}

.export-card strong {
  font-family: DM Serif Display;
  font-size: 18px;
  font-weight: 400;
}

.export-card p {
  color: #8998ac;
  font-size: 10px;
}

.export-card .primary-button {
  white-space: nowrap;
}

.notifications-card {
  background: #071226c2;
  border: 1px solid #d6ae5a40;
  padding: 14px;
}

.notifications-card > .section-heading {
  margin-bottom: 8px;
}

.notification-item {
  border-top: 1px solid #cedcf61a;
  grid-template-columns: 42px 1fr;
  gap: 8px;
  padding: 9px 0;
  display: grid;
}

.notification-item > span {
  color: #d6ae5a;
  text-align: center;
  border: 1px solid;
  align-self: start;
  padding: 4px;
  font-size: 7px;
}

.notification-item p {
  color: #97a5b8;
  margin: 0;
  font-size: 9px;
  line-height: 1.4;
}

.notification-item strong {
  color: #e8edf5;
  margin-bottom: 2px;
  font-size: 10px;
  display: block;
}

.notification-item.risk > span {
  color: #e66a63;
}

.notification-item.campaign > span {
  color: #68d6a4;
}

.notification-empty {
  color: #8796aa;
  font-size: 10px;
  line-height: 1.45;
}

@media (max-width: 960px) {
  .asset-grid, .industry-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .export-card {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 640px) {
  .asset-grid, .industry-grid {
    grid-template-columns: 1fr;
  }
}

.property-plant {
  background: #0712269e;
  border: 1px solid #8bc8ff38;
  margin: 18px 0;
  padding: 14px;
}

.plant-header {
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  margin-bottom: 10px;
  display: flex;
}

.plant-header h3 {
  margin: 5px 0 0;
  font-family: DM Serif Display;
  font-size: 20px;
  font-weight: 400;
}

.plant-header small {
  color: #8b9aae;
  font-size: 9px;
}

.plant-canvas {
  cursor: crosshair;
  background-color: #0b1a33;
  background-image: linear-gradient(#8bc8ff14 1px, #0000 1px), linear-gradient(90deg, #8bc8ff14 1px, #0000 1px);
  background-size: 28px 28px;
  border: 1px solid #8bc8ff3d;
  min-height: 220px;
  position: relative;
  overflow: hidden;
}

.plant-canvas:after {
  content: "";
  pointer-events: none;
  border: 1px dashed #d6ae5a57;
  position: absolute;
  inset: 18px;
}

.plant-axis {
  pointer-events: none;
  background: #d6ae5a2e;
  position: absolute;
}

.plant-axis.horizontal {
  height: 1px;
  top: 50%;
  left: 0;
  right: 0;
}

.plant-axis.vertical {
  width: 1px;
  top: 0;
  bottom: 0;
  left: 50%;
}

.plant-core {
  z-index: 1;
  color: #d6ae5a;
  background: #d6ae5a26;
  border: 1px solid #d6ae5a;
  place-items: center;
  width: 62px;
  height: 42px;
  font-family: Space Grotesk;
  font-size: 10px;
  display: grid;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.plant-item {
  z-index: 2;
  background: #071226eb;
  border: 1px solid;
  place-items: center;
  width: 30px;
  height: 30px;
  font-family: DM Serif Display;
  font-size: 18px;
  display: grid;
  position: absolute;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 18px;
}

.plant-palette {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
  display: flex;
}

.plant-palette button {
  color: #dce5f2;
  cursor: pointer;
  background: #071226d9;
  border: 1px solid #cedcf624;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  padding: 7px 10px;
  font-size: 9px;
  display: flex;
}

.plant-palette button.selected {
  background: #d6ae5a1f;
  border-color: #d6ae5a;
}

.plant-palette small {
  color: #68d6a4;
  font-size: 8px;
}

.market-grid, .room-grid, .championship-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  display: grid;
}

.international-card, .room-card, .championship-card {
  background: #071226b8;
  border: 1px solid #cedcf621;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-height: 168px;
  padding: 14px;
  display: flex;
}

.international-card.active, .room-card.owned, .championship-card.resolved {
  border-color: #68d6a48c;
}

.international-card strong, .room-card strong, .championship-card strong {
  font-family: DM Serif Display;
  font-size: 19px;
  font-weight: 400;
}

.international-card p, .room-card p, .championship-card p {
  color: #99a7b9;
  flex: 1;
  font-size: 10px;
  line-height: 1.45;
}

.international-card small, .room-card small, .championship-card small {
  color: #68d6a4;
  font-size: 9px;
}

.international-card .primary-button, .room-card .primary-button {
  width: 100%;
  margin-top: auto;
}

.green-dot, .ruby-dot {
  background: #68d6a4;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  margin-right: 5px;
  display: inline-block;
}

.ruby-dot {
  background: #e66a63;
}

.negotiation-card {
  align-items: center;
}

.negotiation-controls {
  align-items: center;
  gap: 7px;
  display: flex;
}

.negotiation-controls input {
  color: #e8edf5;
  background: #09172e;
  border: 1px solid #cedcf62e;
  width: 120px;
  padding: 9px 10px;
  font-family: Space Grotesk;
  font-size: 11px;
}

.negotiation-controls input:focus {
  outline: 1px solid #d6ae5a;
}

.championship-actions {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.championship-actions button {
  font-size: 9px;
}

.operations-stack {
  margin-top: -8px;
}

@media (max-width: 960px) {
  .market-grid, .room-grid, .championship-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .negotiation-card {
    align-items: flex-start;
  }
}

@media (max-width: 640px) {
  .market-grid, .room-grid, .championship-grid {
    grid-template-columns: 1fr;
  }

  .negotiation-controls {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .negotiation-controls input, .negotiation-controls .primary-button {
    width: 100%;
  }
}

.competition-stack {
  margin-top: -8px;
}

.standings-table {
  gap: 4px;
  display: grid;
}

.standing-row {
  color: #d9e1ed;
  background: #0712269e;
  border: 1px solid #cedcf614;
  grid-template-columns: 36px 1.8fr 56px 74px 1fr;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  font-size: 11px;
  display: grid;
}

.standing-row.heading {
  color: #78889f;
  text-transform: uppercase;
  letter-spacing: .12em;
  background: #d6ae5a12;
  font-size: 8px;
}

.standing-row strong {
  color: #f2f5fa;
  font-family: DM Serif Display;
  font-size: 15px;
  font-weight: 400;
}

.form-meter {
  background: #cedcf61c;
  height: 5px;
  overflow: hidden;
}

.form-meter i {
  background: linear-gradient(90deg, #d6ae5a, #68d6a4);
  height: 100%;
  display: block;
}

.buyer-grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  display: grid;
}

.buyer-card {
  background: #071226b8;
  border: 1px solid #54a8ff2e;
  flex-direction: column;
  gap: 8px;
  min-height: 170px;
  padding: 14px;
  display: flex;
}

.buyer-card strong {
  color: #f2f5fa;
  font-family: DM Serif Display;
  font-size: 19px;
  font-weight: 400;
}

.buyer-card p {
  color: #99a7b9;
  flex: 1;
  font-size: 10px;
  line-height: 1.45;
}

.buyer-card small {
  color: #68d6a4;
  font-size: 9px;
}

.buyer-card .primary-button {
  width: 100%;
  margin-top: auto;
}

.media-alert-panel {
  background: linear-gradient(135deg, #e66a6317, #071226c7);
  border-color: #e66a6375;
}

.media-alert-panel > p {
  color: #c5cfdd;
  max-width: 650px;
  font-size: 12px;
  line-height: 1.6;
}

.media-response-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  display: grid;
}

.media-response-grid button {
  min-height: 44px;
  font-size: 10px;
}

.media-response-grid .primary-button {
  color: #061629;
  background: #68d6a4;
}

.media-response-grid .ghost-button {
  color: #f1b0a9;
  border-color: #e66a6359;
}

@media (max-width: 640px) {
  .standing-row {
    grid-template-columns: 26px 1fr 42px 52px;
    gap: 6px;
    padding: 9px 7px;
  }

  .standing-row .form-meter {
    display: none;
  }

  .buyer-grid, .media-response-grid {
    grid-template-columns: 1fr;
  }
}

.qa-page {
  color: #172033;
  background: #f6f8fb;
  min-height: 100vh;
  padding: 42px 52px;
  font-family: ui-sans-serif, system-ui, sans-serif;
}

.qa-header {
  border-bottom: 1px solid #d7deea;
  justify-content: space-between;
  align-items: end;
  max-width: 1400px;
  margin: 0 auto;
  padding-bottom: 24px;
  display: flex;
}

.qa-kicker {
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #4f46e5;
  margin: 0 0 10px;
  font: 700 11px ui-monospace, SFMono-Regular, monospace;
}

.qa-header h1 {
  letter-spacing: -.06em;
  margin: 0;
  font: 700 44px ui-monospace, SFMono-Regular, monospace;
}

.qa-subtitle {
  color: #68758a;
  margin: 12px 0 0;
  font-size: 16px;
}

.qa-run {
  color: #243047;
  align-items: center;
  gap: 9px;
  font: 700 12px ui-monospace, SFMono-Regular, monospace;
  display: flex;
}

.qa-status-dot {
  background: #16a34a;
  width: 9px;
  height: 9px;
  display: inline-block;
}

.qa-summary {
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  max-width: 1400px;
  margin: 24px auto;
  display: grid;
}

.qa-summary > div {
  background: #fff;
  border: 1px solid #d7deea;
  min-height: 96px;
  padding: 18px;
}

.qa-summary span {
  letter-spacing: .12em;
  color: #65728a;
  font: 700 10px ui-monospace, SFMono-Regular, monospace;
  display: block;
}

.qa-summary strong {
  color: #1f2b44;
  margin: 10px 0 6px;
  font: 700 24px ui-monospace, SFMono-Regular, monospace;
  display: block;
}

.qa-summary small {
  color: #778399;
  font-size: 12px;
}

.qa-warning {
  border-top: 3px solid #d97706 !important;
}

.qa-layout {
  grid-template-columns: minmax(0, 1.7fr) minmax(300px, .7fr);
  gap: 18px;
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
}

.qa-panel {
  background: #fff;
  border: 1px solid #d7deea;
}

.qa-panel-head {
  border-bottom: 1px solid #e3e8f0;
  justify-content: space-between;
  align-items: end;
  gap: 20px;
  padding: 24px;
  display: flex;
}

.qa-panel h2 {
  letter-spacing: -.04em;
  margin: 0;
  font: 700 22px ui-monospace, SFMono-Regular, monospace;
}

.qa-filters {
  gap: 8px;
  display: flex;
}

.qa-filters label {
  color: #7b879b;
  border: 1px solid #d7deea;
  align-items: center;
  gap: 7px;
  padding: 8px 10px;
  display: flex;
}

.qa-filters input, .qa-filters select {
  color: #26334c;
  background: none;
  border: 0;
  outline: 0;
  font-size: 13px;
}

.qa-filters select {
  border: 1px solid #d7deea;
  padding: 8px 10px;
}

.qa-test-row {
  text-align: left;
  color: #26334c;
  cursor: pointer;
  background: #fff;
  border: 0;
  border-bottom: 1px solid #edf0f5;
  grid-template-columns: 24px 1fr auto 18px;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 16px 22px;
  display: grid;
}

.qa-test-row:hover {
  background: #f8faff;
}

.qa-check {
  color: #16a34a;
  display: flex;
}

.qa-test-copy b {
  font-size: 14px;
  font-weight: 650;
  display: block;
}

.qa-test-copy small {
  color: #8792a6;
  margin-top: 5px;
  font-size: 12px;
  display: block;
}

.qa-test-copy em {
  color: #4f46e5;
  margin-top: 10px;
  font-size: 12px;
  font-style: normal;
  display: block;
}

.qa-pass {
  color: #15803d;
  font: 700 10px ui-monospace, SFMono-Regular, monospace;
}

.qa-rotated {
  transform: rotate(180deg);
}

.qa-side {
  flex-direction: column;
  gap: 18px;
  display: flex;
}

.qa-coverage, .qa-ready {
  padding: 24px;
}

.qa-coverage h2, .qa-ready h2 {
  margin: 0 0 18px;
}

.qa-coverage p {
  color: #68758a;
  font-size: 14px;
  line-height: 1.5;
}

.qa-coverage-mark {
  color: #b45309;
  border-top: 1px solid #f0d8a8;
  border-bottom: 1px solid #f0d8a8;
  align-items: center;
  gap: 10px;
  margin: 0 0 16px;
  padding: 15px 0;
  display: flex;
}

.qa-coverage-mark strong {
  font-size: 13px;
}

.qa-coverage code {
  color: #dbe4f3;
  background: #172033;
  margin-top: 9px;
  padding: 10px;
  font: 12px ui-monospace, SFMono-Regular, monospace;
  display: block;
  overflow: auto;
}

.qa-ready-item {
  color: #56647b;
  border-top: 1px solid #edf0f5;
  gap: 10px;
  padding: 13px 0;
  font-size: 14px;
  line-height: 1.4;
  display: flex;
}

.qa-ready-item svg {
  color: #4f46e5;
  flex: none;
}

.qa-link {
  color: #4f46e5;
  margin-top: 10px;
  font: 700 12px ui-monospace, SFMono-Regular, monospace;
  text-decoration: none;
  display: inline-block;
}

@media (max-width: 900px) {
  .qa-page {
    padding: 28px 18px;
  }

  .qa-header {
    display: block;
  }

  .qa-run {
    margin-top: 20px;
  }

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

  .qa-layout {
    grid-template-columns: 1fr;
  }

  .qa-panel-head {
    display: block;
  }

  .qa-filters {
    flex-wrap: wrap;
    margin-top: 18px;
  }

  .qa-filters label {
    flex: 1;
  }

  .qa-filters input {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 520px) {
  .qa-summary {
    grid-template-columns: 1fr;
  }

  .qa-header h1 {
    font-size: 34px;
  }

  .qa-test-row {
    grid-template-columns: 22px 1fr auto 16px;
    padding: 14px 12px;
  }

  .qa-test-copy b {
    font-size: 13px;
  }
}

.qa-coverage-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 18px 0;
  display: grid;
}

.qa-coverage-grid span {
  color: #7b879b;
  text-transform: uppercase;
  border: 1px solid #e3e8f0;
  padding: 10px;
  font: 10px ui-monospace, SFMono-Regular, monospace;
}

.qa-coverage-grid strong {
  color: #1f2b44;
  margin-top: 7px;
  font-size: 17px;
  display: block;
}

@media (max-width: 520px) {
  .qa-coverage-grid {
    grid-template-columns: 1fr;
  }
}

.industry-visual-card {
  text-align: left;
  flex-direction: column;
  align-items: stretch;
  padding-top: 0;
  display: flex;
  overflow: hidden;
}

.industry-art {
  object-fit: cover;
  border-bottom: 1px solid #d6ae5a38;
  width: 100%;
  height: 148px;
  display: block;
}

.industry-art-fallback {
  background: linear-gradient(135deg, #283653cc, #0b1427f2);
  place-items: center;
  width: 100%;
  height: 148px;
  display: grid;
}

.industry-visual-card .asset-type, .industry-visual-card strong, .industry-visual-card p, .industry-visual-card small, .industry-visual-card b {
  margin-left: 18px;
  margin-right: 18px;
}

.industry-visual-card .asset-type {
  margin-top: 16px;
}

.industry-visual-card b {
  margin-bottom: 18px;
}

.risk-command-strip {
  color: #f8e9e2;
  text-align: left;
  cursor: pointer;
  background: #5b1f2d47;
  border: 1px solid #d14b527a;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin: 0 0 22px;
  padding: 13px 16px;
  display: flex;
}

.risk-command-strip > svg {
  color: #e36d70;
  flex: none;
}

.risk-command-strip span {
  flex-direction: column;
  flex: 1;
  gap: 3px;
  display: flex;
}

.risk-command-strip strong {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
}

.risk-command-strip small {
  color: #f8e9e2ad;
  font-size: 11px;
}

.risk-command-strip:hover {
  background: #774c204d;
  border-color: #d6ae5a;
}

@media (max-width: 720px) {
  .industry-art, .industry-art-fallback {
    height: 118px;
  }

  .risk-command-strip {
    align-items: flex-start;
  }
}

.strategic-access {
  margin-top: 28px;
}

.strategic-access-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.strategic-access-card {
  color: #f7f4ed;
  text-align: left;
  cursor: pointer;
  background: linear-gradient(135deg, #14223be6, #08101ff0);
  border: 1px solid #aebfdd2e;
  align-items: center;
  gap: 13px;
  min-height: 112px;
  padding: 16px;
  display: flex;
}

.strategic-access-card:hover, .strategic-access-card.critical {
  border-color: #d6ae5ab8;
  transform: translateY(-1px);
}

.strategic-access-card.critical {
  background: linear-gradient(135deg, #491d2ce6, #111423f2);
  border-color: #d85860b3;
}

.strategic-access-card > div:nth-child(2) {
  flex: 1;
  min-width: 0;
}

.strategic-access-card strong, .strategic-access-card p {
  display: block;
}

.strategic-access-card strong {
  font-family: var(--font-display, Georgia, serif);
  margin-top: 5px;
  font-size: 20px;
}

.strategic-access-card p {
  color: #f7f4ed9e;
  margin: 7px 0 0;
  font-size: 12px;
  line-height: 1.45;
}

.access-icon {
  color: #e36d70;
  background: #5f253066;
  border: 1px solid #e36d706b;
  flex: none;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
}

.gold-icon {
  color: #d6ae5a;
  background: #774c204d;
  border-color: #d6ae5a66;
}

.mansion-icon {
  color: #c9b6e9;
  background: #3e2f5b59;
  border-color: #c9b6e95c;
}

.hoops-icon {
  color: #73c89b;
  background: #214b4059;
  border-color: #73c89b5c;
}

@media (max-width: 820px) {
  .strategic-access-grid {
    grid-template-columns: 1fr;
  }

  .strategic-access-card strong {
    font-size: 18px;
  }
}

.onboarding-features {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin: 14px 0 16px;
  display: grid;
}

.onboarding-features span {
  color: #f7f4edb3;
  letter-spacing: .035em;
  background: #0f1c319e;
  border: 1px solid #aebfdd29;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  padding: 6px 8px;
  font-size: 10px;
  display: flex;
}

.onboarding-features span:first-child {
  color: #e38b8c;
}

.onboarding-features span:nth-child(2) {
  color: #d6ae5a;
}

.onboarding-features span:nth-child(3) {
  color: #c9b6e9;
}

.onboarding-features span:nth-child(4) {
  color: #73c89b;
}

.onboarding-features svg {
  flex: none;
}

@media (max-width: 720px) {
  .onboarding-features {
    grid-template-columns: 1fr;
  }
}

.agiota-card {
  grid-template-columns: 58px 1fr;
  align-items: center;
  gap: 4px 10px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.agiota-card-avatar {
  object-fit: cover;
  object-position: center top;
  background: #111b2c;
  border: 1px solid #d6ae5a61;
  grid-row: span 5;
  width: 58px;
  height: 70px;
}

.agiota-card .agiota-sigil {
  display: none;
}

.agiota-card strong, .agiota-card > span:not(.agiota-sigil), .agiota-card > b, .agiota-card > small, .agiota-card .agiota-money-bar {
  grid-column: 2;
}

.agiota-card > small {
  color: #f7f4ed8f;
  font-size: 10px;
}

.agiota-money-bar {
  background: #ffffff1a;
  width: 100%;
  height: 5px;
  overflow: hidden;
}

.agiota-money-bar i {
  min-width: 8%;
  height: 100%;
  display: block;
}

.transport-visual-card, .industry-visual-card {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.transport-art, .industry-art {
  object-fit: cover;
  object-position: center;
  border-bottom: 1px solid #d6ae5a33;
  width: 100%;
  height: 126px;
  margin: -1px -1px 12px;
  display: block;
}

.transport-art-fallback, .industry-art-fallback {
  background: linear-gradient(135deg, #d6ae5a2e, #243a5a38);
  place-items: center;
  width: 100%;
  height: 126px;
  margin: -1px -1px 12px;
  display: grid;
}

.mansion-art {
  object-fit: cover;
  object-position: center;
  border-bottom: 1px solid #d6ae5a38;
  width: 100%;
  height: 190px;
  margin: -22px 0 20px;
  display: block;
}

@media (max-width: 720px) {
  .agiota-card-avatar {
    width: 48px;
    height: 60px;
  }

  .transport-art, .industry-art, .transport-art-fallback, .industry-art-fallback {
    height: 108px;
  }

  .mansion-art {
    height: 150px;
  }
}

.mansion-command {
  background: linear-gradient(135deg, #3c2c1c6b, #0d182bb8);
  border: 1px solid #d6ae5a40;
  margin-top: 20px;
  padding: 18px;
}

.mansion-command-stats {
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 16px 0;
  display: grid;
}

.mansion-command-stats > div {
  background: #07101f73;
  border: 1px solid #aebfdd26;
  padding: 12px;
}

.mansion-command-stats small, .mansion-command-stats strong {
  display: block;
}

.mansion-command-stats small {
  color: #f7f4ed80;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 10px;
}

.mansion-command-stats strong {
  color: #f7f4ed;
  font-family: var(--font-display, Georgia, serif);
  margin-top: 6px;
  font-size: 18px;
}

.mansion-zones {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  display: grid;
}

.mansion-zone {
  background: #07101f6b;
  border: 1px solid #aebfdd24;
  grid-template-columns: 28px 1fr auto;
  align-items: center;
  gap: 9px;
  min-height: 64px;
  padding: 10px;
  display: grid;
}

.mansion-zone.active {
  border-color: #d6ae5a61;
}

.mansion-zone.locked {
  opacity: .55;
}

.zone-mark {
  font-size: 20px;
}

.mansion-zone strong, .mansion-zone small {
  display: block;
}

.mansion-zone strong {
  color: #f7f4ed;
  font-size: 13px;
}

.mansion-zone small {
  color: #f7f4ed85;
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.35;
}

.mansion-zone b {
  color: #d6ae5a;
  white-space: nowrap;
  font-size: 11px;
}

@media (max-width: 720px) {
  .mansion-command-stats, .mansion-zones {
    grid-template-columns: 1fr;
  }
}

.property-art {
  object-fit: cover;
  object-position: center;
  border-bottom: 1px solid #d6ae5a42;
  width: 100%;
  height: 220px;
  margin: -22px 0 20px;
  display: block;
}

.property-list-item small {
  max-width: 240px;
  line-height: 1.35;
}

.property-list-item:has(small) {
  min-height: 62px;
}

@media (max-width: 720px) {
  .property-art {
    height: 165px;
  }

  .property-filters {
    flex-direction: column;
    align-items: stretch;
  }

  .property-filters label {
    min-width: 0;
  }

  .property-result-count {
    margin-left: 0;
  }

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

.property-showcase {
  background: linear-gradient(135deg, #1b2b48cc, #071226eb);
  border: 1px solid #d6ae5a47;
  padding: 18px;
}

.property-showcase h2 {
  margin: 5px 0 0;
  font-family: DM Serif Display;
  font-size: 26px;
  font-weight: 400;
}

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

.property-showcase-card {
  background: #071226d6;
  border: 1px solid #cedcf624;
  overflow: hidden;
}

.property-showcase-card > img, .property-showcase-fallback {
  object-fit: cover;
  place-items: center;
  width: 100%;
  height: 126px;
  display: grid;
}

.property-showcase-select {
  width: 100%;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  display: block;
}

.property-showcase-select img {
  object-fit: contain;
  background: #071226b3;
  place-items: center;
  width: 100%;
  height: 126px;
  display: grid;
}

.property-showcase-actions {
  gap: 6px;
  padding: 0 10px 10px;
  display: flex;
}

.property-showcase-actions button {
  flex: 1;
  min-height: 34px;
  padding: 7px 8px;
  font-size: 10px;
}

.property-detail-photo {
  object-fit: contain;
  background: #071226bf;
  border: 1px solid #d6ae5a4d;
  flex: 0 0 220px;
  width: 220px;
  height: 145px;
}

.property-showcase-fallback {
  background: radial-gradient(circle, #d6ae5a2e, #071226b3);
}

.property-showcase-body {
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  min-height: 130px;
  padding: 10px;
  display: flex;
}

.property-showcase-body strong {
  color: #e8edf5;
  font-family: DM Serif Display;
  font-size: 18px;
  font-weight: 400;
}

.property-showcase-body small {
  color: #9aa9bc;
  font-size: 9px;
}

.property-showcase-body .business-action {
  width: 100%;
  margin-top: auto;
}

.property-showcase + .section-heading {
  margin-top: 22px;
}

@media (max-width: 960px) {
  .property-showcase-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 560px) {
  .property-showcase {
    padding: 12px;
  }

  .property-showcase-grid {
    grid-template-columns: 1fr;
  }

  .property-showcase-card > img, .property-showcase-fallback, .property-showcase-select img {
    height: 150px;
  }

  .property-showcase-actions {
    padding-inline: 8px;
  }

  .property-detail-photo {
    flex-basis: auto;
    width: 100%;
    height: 150px;
  }
}

.bottom-tabs {
  z-index: 20;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #050d1df0;
  border: 1px solid #d6ae5a57;
  gap: 4px;
  width: min(820px, 100vw - 24px);
  padding: 5px;
  display: flex;
  position: fixed;
  bottom: 14px;
  right: 50%;
  overflow-x: auto;
  transform: translateX(50%);
  box-shadow: 0 14px 40px #00000052;
}

.bottom-tabs button {
  color: #8190a5;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  flex-direction: column;
  flex: 1 0 90px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 90px;
  min-height: 48px;
  font-family: Space Grotesk;
  font-size: 9px;
  display: flex;
}

.bottom-tabs button:hover, .bottom-tabs button:focus-visible {
  color: #e8edf5;
  border-color: #d6ae5a73;
  outline: none;
}

.bottom-tabs button.active {
  color: #d6ae5a;
  background: #d6ae5a1f;
  border-color: #d6ae5a80;
}

.bottom-tabs button.active svg {
  filter: drop-shadow(0 0 8px #d6ae5a6b);
}

.content-area {
  padding-bottom: 92px;
}

@media (max-width: 720px) {
  .bottom-tabs {
    width: calc(100vw - 12px);
    bottom: 10px;
  }

  .bottom-tabs button {
    flex-basis: 78px;
    min-width: 78px;
    min-height: 44px;
    font-size: 8px;
  }

  .content-area {
    padding-bottom: 82px;
  }
}

.bottom-tab-icon {
  place-items: center;
  display: grid;
  position: relative;
}

.bottom-tab-badge {
  color: #081226;
  background: #d6ae5a;
  border: 2px solid #081226;
  border-radius: 999px;
  place-items: center;
  min-width: 15px;
  height: 15px;
  padding: 0 4px;
  font-family: Space Grotesk;
  font-size: 8px;
  font-weight: 700;
  line-height: 1;
  display: grid;
  position: absolute;
  top: -9px;
  right: -13px;
}

.bottom-tab-badge.urgent {
  color: #fff2f0;
  background: #e66a63;
}

.bottom-tabs button.active .bottom-tab-badge {
  border-color: #162541;
}

.loan-terms-strip {
  background: #071226b8;
  border: 1px solid #e66a6340;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin: 12px 0;
  padding: 12px;
  display: grid;
}

.loan-terms-strip > div {
  border-right: 1px solid #cedcf61f;
  flex-direction: column;
  gap: 4px;
  min-height: 60px;
  padding-right: 8px;
  display: flex;
}

.loan-terms-strip > div:last-child {
  border-right: 0;
}

.loan-terms-strip strong {
  color: #e8edf5;
  font-family: DM Serif Display;
  font-size: 18px;
  font-weight: 400;
}

.loan-terms-strip small {
  color: #8c9aad;
  font-size: 8px;
  line-height: 1.3;
}

@media (max-width: 720px) {
  .loan-terms-strip {
    grid-template-columns: repeat(2, 1fr);
  }

  .loan-terms-strip > div:nth-child(2) {
    border-right: 0;
  }
}

.bank-row-image {
  object-fit: cover;
  border: 1px solid #cedcf62e;
  flex: 0 0 86px;
  width: 86px;
  height: 58px;
}

.legal-protection-panel {
  background: linear-gradient(135deg, #2d2012c7, #081226e0);
  border: 1px solid #d6ae5a57;
  grid-template-columns: 1.1fr .9fr;
  gap: 16px;
  margin: 12px 0;
  padding: 16px;
  display: grid;
}

.legal-protection-panel h3 {
  margin: 4px 0;
  font-family: DM Serif Display;
  font-size: 22px;
  font-weight: 400;
}

.legal-protection-panel p {
  color: #aeb9c9;
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}

.legal-protection-actions {
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  display: flex;
}

.legal-protection-actions button {
  justify-content: center;
}

.asset-card .industry-art {
  object-fit: cover;
  width: calc(100% + 2px);
  height: 132px;
  margin: -1px -1px 10px;
  display: block;
}

.bank-row {
  overflow: hidden;
}

.bank-row-copy {
  min-width: 0;
}

.bank-row-copy strong, .bank-row-copy small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

@media (max-width: 720px) {
  .legal-protection-panel {
    grid-template-columns: 1fr;
  }

  .legal-protection-actions {
    grid-template-columns: 1fr;
    display: grid;
  }

  .bank-row-image {
    flex-basis: 70px;
    width: 70px;
    height: 52px;
  }
}

.news-feed {
  background: linear-gradient(135deg, #12223cd1, #071226e6);
  border: 1px solid #cedcf626;
  padding: 16px;
}

.news-feed .section-heading {
  margin-bottom: 10px;
}

.news-feed h2 {
  margin: 4px 0 0;
  font-family: DM Serif Display;
  font-size: 24px;
  font-weight: 400;
}

.news-feed-list {
  gap: 6px;
  display: grid;
}

.news-feed-item {
  color: #dfe8f5;
  text-align: left;
  cursor: pointer;
  background: #07122694;
  border: 1px solid #cedcf61a;
  grid-template-columns: 38px 1fr 16px;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px;
  display: grid;
}

.news-feed-item:hover, .news-feed-item:focus-visible {
  border-color: #d6ae5a8c;
  outline: none;
}

.news-feed-item.risk {
  border-color: #e66a6359;
}

.news-feed-item.legal {
  background: #501c2038;
  border-color: #e66a638c;
}

.news-feed-mark {
  color: #d6ae5a;
  letter-spacing: .08em;
  border: 1px solid;
  place-items: center;
  min-height: 28px;
  font-size: 8px;
  font-weight: 700;
  display: grid;
}

.news-feed-item.risk .news-feed-mark, .news-feed-item.legal .news-feed-mark {
  color: #e66a63;
}

.news-feed-copy {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.news-feed-copy strong {
  color: #d6ae5a;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 9px;
}

.news-feed-item.legal .news-feed-copy strong, .news-feed-item.risk .news-feed-copy strong {
  color: #ff9b93;
}

.news-feed-copy span {
  color: #b4c1d2;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  overflow: hidden;
}

@media (max-width: 720px) {
  .news-feed {
    padding: 12px;
  }

  .news-feed h2 {
    font-size: 21px;
  }

  .news-feed-copy span {
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
}

.market-impact-strip {
  background: #d6ae5a0f;
  border: 1px solid #d6ae5a47;
  grid-template-columns: auto auto 1fr;
  align-items: center;
  gap: 10px;
  margin: 12px 0;
  padding: 11px 13px;
  display: grid;
}

.market-impact-strip span {
  color: #d6ae5a;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 10px;
}

.market-impact-strip strong {
  color: #f2d18a;
  font-size: 16px;
}

.market-impact-strip small {
  color: #aeb9c9;
  text-align: right;
  font-size: 11px;
}

.news-feed-impact {
  color: #aeb9c9;
  margin: 0 0 9px;
  font-size: 11px;
}

.news-feed-impact:before {
  content: "Impacto: ";
  color: #d6ae5a;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 9px;
}

.bank-rate small {
  color: #aeb9c9;
}

.bank-rate strong {
  color: #f2d18a;
}

.bank-row.selected .bank-rate strong {
  color: #fff1c6;
}

@media (max-width: 720px) {
  .market-impact-strip {
    grid-template-columns: 1fr auto;
  }

  .market-impact-strip small {
    text-align: left;
    grid-column: 1 / -1;
  }
}

.property-location {
  color: #d6ae5a;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-top: 4px;
  font-size: 11px;
  display: inline-block;
}

.property-list-thumb {
  object-fit: cover;
  background: #172236;
  border: 1px solid #d6ae5a3d;
  border-radius: 8px;
  flex: 0 0 64px;
  width: 64px;
  height: 48px;
  display: block;
}

.property-list-item {
  align-items: center;
  gap: 10px;
}

.property-list-item span {
  min-width: 0;
}

.property-list-item small {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}

@media (max-width: 700px) {
  .property-list-thumb {
    flex-basis: 54px;
    width: 54px;
    height: 42px;
  }

  .property-list-item small {
    max-width: 190px;
  }
}

.market-impact-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
  gap: 12px;
  display: grid;
}

.market-impact-strip > div {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.market-impact-strip > div span {
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #9aa9bd;
  font-size: .68rem;
}

.market-impact-strip > div strong {
  color: #f2c65c;
  font-size: 1.05rem;
}

.market-impact-strip > small {
  color: #8d9db2;
  grid-column: 1 / -1;
}

@media (max-width: 700px) {
  .market-impact-strip {
    grid-template-columns: 1fr;
  }

  .market-impact-strip > small {
    grid-column: auto;
  }
}

.property-plant {
  display: none !important;
}

.property-detail .market-impact-strip {
  margin-top: 18px;
}

.property-detail .property-metrics {
  margin-top: 14px;
}

.property-detail .market-impact-strip {
  gap: 18px;
  margin: 20px 0 14px;
  padding: 16px 18px;
}

.property-detail .market-impact-strip > div strong {
  font-size: 1.28rem;
}

.property-detail .property-metrics {
  gap: 12px;
  margin: 0 0 16px;
}

.property-detail .property-metrics .metric {
  min-height: 112px;
  padding: 18px 16px;
}

.property-detail .property-actions {
  background: #0712266b;
  gap: 12px;
  margin-top: 2px;
  padding: 16px;
}

.property-detail .property-actions .primary-button, .property-detail .property-actions .secondary-button {
  min-height: 42px;
}

@media (max-width: 700px) {
  .property-detail .market-impact-strip {
    gap: 10px;
    padding: 14px;
  }

  .property-detail .market-impact-strip > div strong {
    font-size: 1.1rem;
  }

  .property-detail .property-metrics {
    grid-template-columns: 1fr;
  }

  .property-detail .property-metrics .metric {
    min-height: 0;
  }

  .property-detail .property-actions {
    align-items: stretch;
  }

  .property-detail .property-actions .primary-button, .property-detail .property-actions .secondary-button {
    width: 100%;
  }
}

.property-list {
  max-height: 680px;
  padding-right: 4px;
  overflow: auto;
}

.property-list-row {
  position: relative;
}

.property-list-item {
  align-items: flex-start;
  min-height: 92px;
  padding: 9px;
}

.property-list-thumb {
  border-radius: 4px;
  flex-basis: 96px;
  width: 96px;
  height: 72px;
}

.property-list-item > span:nth-child(2) {
  gap: 6px;
  padding-top: 1px;
}

.property-list-item strong {
  color: #fff1c6;
  font-size: 12px;
}

.property-list-item small {
  white-space: normal;
  text-overflow: clip;
  color: #c1cddd;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-width: none;
  font-size: 9px;
  line-height: 1.55;
  display: -webkit-box;
  overflow: visible;
}

.property-list-item.selected {
  box-shadow: inset 3px 0 #d6ae5a;
}

@media (max-width: 700px) {
  .property-list {
    max-height: 480px;
  }

  .property-list-item {
    min-height: 84px;
  }

  .property-list-thumb {
    flex-basis: 82px;
    width: 82px;
    height: 62px;
  }

  .property-list-item small {
    -webkit-line-clamp: 4;
    font-size: 8.5px;
  }
}

.property-buy-button {
  color: #071226;
  letter-spacing: .04em;
  cursor: pointer;
  background: #d6ae5a;
  border: 1px solid #f2d18a;
  width: 100%;
  margin-top: 8px;
  padding: 8px 10px;
  font-size: 9px;
  font-weight: 800;
}

.property-buy-button:disabled {
  color: #8d9db2;
  cursor: not-allowed;
  background: #8b9ab121;
  border-color: #8b9ab140;
}

.fleet-quick-access {
  border-top: 1px solid #d6ae5a2e;
  margin-top: 14px;
  padding-top: 12px;
}

.rail-link.fleet-link {
  color: #f2d18a;
  background: linear-gradient(90deg, #d6ae5a1f, #1b2b4857);
  border-color: #d6ae5a5c;
}

.fleet-link b {
  color: #071226;
  background: #d6ae5a;
  margin-left: auto;
  padding: 2px 6px;
  font-size: 9px;
  line-height: 1.2;
}

.software-franchise-section {
  background: linear-gradient(135deg, #24456e47, #071226c7);
  border: 1px solid #69b6ff47;
  padding: 18px;
}

.software-franchise-section h3 {
  margin: 5px 0 0;
  font-family: DM Serif Display;
  font-size: 24px;
  font-weight: 400;
}

.software-franchise-grid {
  grid-template-columns: repeat(5, minmax(210px, 1fr));
  gap: 10px;
  padding-top: 14px;
  display: grid;
  overflow-x: auto;
}

.software-franchise-card {
  background: #09162b;
  border: 1px solid #aabeda29;
  flex-direction: column;
  min-width: 210px;
  display: flex;
}

.software-franchise-card.available {
  border-color: #69b6ffad;
}

.software-franchise-card.operational {
  border-color: #68d6a49e;
}

.software-franchise-photo {
  object-fit: cover;
  background: #172236;
  width: 100%;
  height: 126px;
  display: block;
}

.software-franchise-content {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  padding: 11px;
  display: flex;
}

.software-franchise-content h3 {
  color: #f5f7fb;
  margin: 0;
  font-family: DM Serif Display;
  font-size: 20px;
  font-weight: 400;
}

.software-franchise-content p {
  color: #aebdd0;
  margin: 0;
  font-size: 10px;
  line-height: 1.5;
}

.software-franchise-content .software-location {
  color: #f2c65c;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 700;
}

.software-franchise-stats {
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  padding-top: 3px;
  display: grid;
}

.software-franchise-stats span {
  color: #8fa1b7;
  text-transform: uppercase;
  letter-spacing: .05em;
  flex-direction: column;
  gap: 2px;
  font-size: 8px;
  display: flex;
}

.software-franchise-stats b {
  color: #e7edf7;
  text-transform: none;
  letter-spacing: 0;
  font-size: 10px;
}

.software-franchise-content .business-action {
  width: 100%;
  margin-top: auto;
}

.software-franchise-card.locked .business-action:disabled {
  opacity: .65;
  cursor: not-allowed;
}

@media (max-width: 700px) {
  .software-franchise-section {
    padding: 13px;
  }

  .software-franchise-section h3 {
    font-size: 21px;
  }

  .software-franchise-grid {
    grid-template-columns: repeat(5, 246px);
  }

  .software-franchise-card {
    min-width: 246px;
  }

  .software-franchise-photo {
    height: 148px;
  }
}

.logistics-franchise-section {
  background: linear-gradient(135deg, #5c3f0f47, #071226cc);
  border: 1px solid #f1c9654d;
  padding: 18px;
}

.logistics-franchise-section h3 {
  margin: 5px 0 0;
  font-family: DM Serif Display;
  font-size: 24px;
  font-weight: 400;
}

.logistics-franchise-grid {
  grid-template-columns: repeat(10, minmax(216px, 1fr));
  gap: 10px;
  padding-top: 14px;
  display: grid;
  overflow-x: auto;
}

.logistics-franchise-card {
  background: #10172a;
  border: 1px solid #f1c9652e;
  flex-direction: column;
  min-width: 216px;
  display: flex;
}

.logistics-franchise-card.available {
  border-color: #f1c965c2;
}

.logistics-franchise-card.operational {
  border-color: #68d6a4a8;
}

.logistics-franchise-photo {
  object-fit: cover;
  background: #1b2332;
  width: 100%;
  height: 126px;
  display: block;
}

.logistics-franchise-content {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  padding: 11px;
  display: flex;
}

.logistics-franchise-content h3 {
  color: #faf5e6;
  margin: 0;
  font-family: DM Serif Display;
  font-size: 20px;
  font-weight: 400;
}

.logistics-franchise-content p {
  color: #aebdd0;
  margin: 0;
  font-size: 10px;
  line-height: 1.5;
}

.logistics-franchise-content .business-action {
  width: 100%;
  margin-top: auto;
}

.logistics-franchise-card.locked .business-action:disabled {
  opacity: .65;
  cursor: not-allowed;
}

.logistics-crisis {
  background: linear-gradient(115deg, #6841124d, #12192deb);
  border: 1px solid #f1c9656b;
  justify-content: space-between;
  gap: 18px;
  padding: 18px;
  display: flex;
}

.logistics-crisis.critical {
  background: linear-gradient(115deg, #64222457, #12192df0);
  border-color: #e66a6399;
}

.logistics-crisis h3 {
  color: #f4f6fb;
  margin: 4px 0;
  font-family: DM Serif Display;
  font-size: 25px;
  font-weight: 400;
}

.logistics-crisis p {
  color: #bdc9d8;
  max-width: 620px;
  margin: 0;
  font-size: 11px;
  line-height: 1.55;
}

.logistics-crisis small {
  color: #f1c965;
  margin-top: 8px;
  font-size: 9px;
  line-height: 1.45;
  display: block;
}

.logistics-crisis-actions {
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 7px;
  max-width: 350px;
  display: flex;
}

.logistics-crisis-actions button {
  color: #f4f6fb;
  background: #101b30;
  border: 1px solid #f1c96573;
  padding: 9px 11px;
  font-size: 10px;
  font-weight: 700;
}

.logistics-crisis-actions button:hover {
  color: #101726;
  background: #d6ae5a;
}

@media (max-width: 700px) {
  .logistics-franchise-section {
    padding: 13px;
  }

  .logistics-franchise-section h3 {
    font-size: 21px;
  }

  .logistics-franchise-grid {
    grid-template-columns: repeat(10, 246px);
  }

  .logistics-franchise-card {
    min-width: 246px;
  }

  .logistics-franchise-photo {
    height: 148px;
  }

  .logistics-crisis {
    flex-direction: column;
    padding: 14px;
  }

  .logistics-crisis-actions {
    align-items: stretch;
    max-width: none;
  }

  .logistics-crisis-actions button {
    flex: 100%;
  }
}

.business-grid .market-card:nth-child(-n+10) {
  background-color: #11192b;
  background-position: center;
  background-size: cover;
  border-color: #f1c96547;
  min-height: 270px;
  position: relative;
  overflow: hidden;
}

.business-grid .market-card:nth-child(-n+10):before {
  content: "";
  pointer-events: none;
  background: linear-gradient(#060c1814 0%, #060c18c7 58%, #060c18fa 100%);
  position: absolute;
  inset: 0;
}

.business-grid .market-card:nth-child(-n+10) > * {
  z-index: 1;
  position: relative;
}

.business-grid .market-card:first-child {
  background-image: url("/manus-storage/fique-rico-hotel-01-boutique_b0c7eca3.jpg");
}

.business-grid .market-card:nth-child(2) {
  background-image: url("/manus-storage/fique-rico-hotel-02-executive_8d25ecf4.jpg");
}

.business-grid .market-card:nth-child(3) {
  background-image: url("/manus-storage/fique-rico-hotel-03-resort_8c9390ec.jpg");
}

.business-grid .market-card:nth-child(4) {
  background-image: url("/manus-storage/fique-rico-hotel-04-heritage_ab570dd3.jpg");
}

.business-grid .market-card:nth-child(5) {
  background-image: url("/manus-storage/fique-rico-hotel-05-coastal_9508d8ea.jpg");
}

.business-grid .market-card:nth-child(6) {
  background-image: url("/manus-storage/fique-rico-hotel-06-tower_02f06979.jpg");
}

.business-grid .market-card:nth-child(7) {
  background-image: url("/manus-storage/fique-rico-hotel-07-mountain_01563fb8.jpg");
}

.business-grid .market-card:nth-child(8) {
  background-image: url("/manus-storage/fique-rico-hotel-08-international_3ddb664a.jpg");
}

.business-grid .market-card:nth-child(9) {
  background-image: url("/manus-storage/fique-rico-hotel-09-palace_1b36bb5e.jpg");
}

.business-grid .market-card:nth-child(10) {
  background-image: url("/manus-storage/fique-rico-hotel-10-global_872a6701.jpg");
}

.business-grid .market-card:nth-child(-n+10) .business-card-top:after {
  color: #f7df9d;
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-top: 6px;
  font-size: 9px;
  font-weight: 700;
  display: block;
}

.business-grid .market-card:first-child .business-card-top:after {
  content: "São Paulo · Brasil";
}

.business-grid .market-card:nth-child(2) .business-card-top:after {
  content: "Cidade do México · México";
}

.business-grid .market-card:nth-child(3) .business-card-top:after {
  content: "Algarve · Portugal";
}

.business-grid .market-card:nth-child(4) .business-card-top:after {
  content: "Florença · Itália";
}

.business-grid .market-card:nth-child(5) .business-card-top:after {
  content: "Phuket · Tailândia";
}

.business-grid .market-card:nth-child(6) .business-card-top:after {
  content: "Dubai · Emirados Árabes Unidos";
}

.business-grid .market-card:nth-child(7) .business-card-top:after {
  content: "Hokkaido · Japão";
}

.business-grid .market-card:nth-child(8) .business-card-top:after {
  content: "Singapura · Singapura";
}

.business-grid .market-card:nth-child(9) .business-card-top:after {
  content: "Paris · França";
}

.business-grid .market-card:nth-child(10) .business-card-top:after {
  content: "Nova York · Estados Unidos";
}

.business-grid .market-card:nth-child(-n+10) .business-action:before {
  font-weight: 800;
}

.business-grid .market-card:first-child .business-action:before {
  content: "Abrir por $160 mil · ";
}

.business-grid .market-card:nth-child(2) .business-action:before {
  content: "Abrir por $430 mil · ";
}

.business-grid .market-card:nth-child(3) .business-action:before {
  content: "Abrir por $1,25 mi · ";
}

.business-grid .market-card:nth-child(4) .business-action:before {
  content: "Abrir por $3,1 mi · ";
}

.business-grid .market-card:nth-child(5) .business-action:before {
  content: "Abrir por $7,6 mi · ";
}

.business-grid .market-card:nth-child(6) .business-action:before {
  content: "Abrir por $18 mi · ";
}

.business-grid .market-card:nth-child(7) .business-action:before {
  content: "Abrir por $41 mi · ";
}

.business-grid .market-card:nth-child(8) .business-action:before {
  content: "Abrir por $92 mi · ";
}

.business-grid .market-card:nth-child(9) .business-action:before {
  content: "Abrir por $205 mi · ";
}

.business-grid .market-card:nth-child(10) .business-action:before {
  content: "Abrir por $460 mi · ";
}

.business-grid .market-card:nth-child(n+11):nth-child(-n+20) {
  background-color: #11192b;
  background-position: center;
  background-size: cover;
  border-color: #a1cad54d;
  min-height: 270px;
  position: relative;
  overflow: hidden;
}

.business-grid .market-card:nth-child(n+11):nth-child(-n+20):before {
  content: "";
  pointer-events: none;
  background: linear-gradient(#060c1814 0%, #060c18c7 58%, #060c18fa 100%);
  position: absolute;
  inset: 0;
}

.business-grid .market-card:nth-child(n+11):nth-child(-n+20) > * {
  z-index: 1;
  position: relative;
}

.business-grid .market-card:nth-child(11) {
  background-image: url("/manus-storage/fique-rico-vertex-01-materials_7b27566f.jpg");
}

.business-grid .market-card:nth-child(12) {
  background-image: url("/manus-storage/fique-rico-vertex-02-technical_aa6ed83e.jpg");
}

.business-grid .market-card:nth-child(13) {
  background-image: url("/manus-storage/fique-rico-vertex-03-urban_39e17ef6.jpg");
}

.business-grid .market-card:nth-child(14) {
  background-image: url("/manus-storage/fique-rico-vertex-04-automation_63de27c7.jpg");
}

.business-grid .market-card:nth-child(15) {
  background-image: url("/manus-storage/fique-rico-vertex-05-energy_165cd3cd.jpg");
}

.business-grid .market-card:nth-child(16) {
  background-image: url("/manus-storage/fique-rico-vertex-06-semiconductor_ec79dcf9.jpg");
}

.business-grid .market-card:nth-child(17) {
  background-image: url("/manus-storage/fique-rico-vertex-07-infrastructure_0a5f06e2.jpg");
}

.business-grid .market-card:nth-child(18) {
  background-image: url("/manus-storage/fique-rico-vertex-08-gulf_18f61ced.jpg");
}

.business-grid .market-card:nth-child(19) {
  background-image: url("/manus-storage/fique-rico-vertex-09-intercontinental_abc9e4d3.jpg");
}

.business-grid .market-card:nth-child(20) {
  background-image: url("/manus-storage/fique-rico-vertex-10-global_4ac3bb30.jpg");
}

.business-grid .market-card:nth-child(n+11):nth-child(-n+20) .business-card-top:after {
  color: #d9edf3;
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-top: 6px;
  font-size: 9px;
  font-weight: 700;
  display: block;
}

.business-grid .market-card:nth-child(11) .business-card-top:after {
  content: "Curitiba · Brasil";
}

.business-grid .market-card:nth-child(12) .business-card-top:after {
  content: "Monterrey · México";
}

.business-grid .market-card:nth-child(13) .business-card-top:after {
  content: "Chicago · Estados Unidos";
}

.business-grid .market-card:nth-child(14) .business-card-top:after {
  content: "Stuttgart · Alemanha";
}

.business-grid .market-card:nth-child(15) .business-card-top:after {
  content: "Nagoya · Japão";
}

.business-grid .market-card:nth-child(16) .business-card-top:after {
  content: "Bengaluru · Índia";
}

.business-grid .market-card:nth-child(17) .business-card-top:after {
  content: "Incheon · Coreia do Sul";
}

.business-grid .market-card:nth-child(18) .business-card-top:after {
  content: "Abu Dhabi · Emirados Árabes Unidos";
}

.business-grid .market-card:nth-child(19) .business-card-top:after {
  content: "Singapura · Singapura";
}

.business-grid .market-card:nth-child(20) .business-card-top:after {
  content: "Melbourne · Austrália";
}

.business-grid .market-card:nth-child(n+11):nth-child(-n+20) .business-action:before {
  font-weight: 800;
}

.business-grid .market-card:nth-child(11) .business-action:before {
  content: "Abrir por $220 mil · ";
}

.business-grid .market-card:nth-child(12) .business-action:before {
  content: "Abrir por $610 mil · ";
}

.business-grid .market-card:nth-child(13) .business-action:before {
  content: "Abrir por $1,75 mi · ";
}

.business-grid .market-card:nth-child(14) .business-action:before {
  content: "Abrir por $4,9 mi · ";
}

.business-grid .market-card:nth-child(15) .business-action:before {
  content: "Abrir por $13,5 mi · ";
}

.business-grid .market-card:nth-child(16) .business-action:before {
  content: "Abrir por $36 mi · ";
}

.business-grid .market-card:nth-child(17) .business-action:before {
  content: "Abrir por $97 mi · ";
}

.business-grid .market-card:nth-child(18) .business-action:before {
  content: "Abrir por $245 mi · ";
}

.business-grid .market-card:nth-child(19) .business-action:before {
  content: "Abrir por $630 mi · ";
}

.business-grid .market-card:nth-child(20) .business-action:before {
  content: "Abrir por $1,55 bi · ";
}

.atelier-nocturne-section {
  background: linear-gradient(135deg, #381f3a61, #09101fdb);
  border: 1px solid #e0b07857;
  padding: 18px;
}

.atelier-nocturne-section h3 {
  margin: 5px 0 0;
  font-family: DM Serif Display;
  font-size: 24px;
  font-weight: 400;
}

.atelier-franchise-grid {
  grid-template-columns: repeat(10, minmax(216px, 1fr));
  gap: 10px;
  padding-top: 14px;
  display: grid;
  overflow-x: auto;
}

.atelier-franchise-card {
  background: #171327;
  border: 1px solid #e8bf7733;
  flex-direction: column;
  min-width: 216px;
  display: flex;
}

.atelier-franchise-card.available {
  border-color: #e8bf77c2;
}

.atelier-franchise-card.operational {
  border-color: #68d6a4a8;
}

.atelier-franchise-photo {
  object-fit: cover;
  background: #201a2f;
  width: 100%;
  height: 126px;
  display: block;
}

.atelier-franchise-content {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  padding: 11px;
  display: flex;
}

.atelier-franchise-content h3 {
  color: #fff6ea;
  margin: 0;
  font-family: DM Serif Display;
  font-size: 20px;
  font-weight: 400;
}

.atelier-franchise-content p {
  color: #c1bbca;
  margin: 0;
  font-size: 10px;
  line-height: 1.5;
}

.atelier-location {
  letter-spacing: .04em;
  text-transform: uppercase;
  font-weight: 700;
  color: #efc785 !important;
  font-size: 9px !important;
}

.atelier-franchise-stats {
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  padding-top: 3px;
  display: grid;
}

.atelier-franchise-stats span {
  color: #aa9eb4;
  text-transform: uppercase;
  letter-spacing: .05em;
  flex-direction: column;
  gap: 2px;
  font-size: 8px;
  display: flex;
}

.atelier-franchise-stats b {
  color: #fff0d8;
  text-transform: none;
  letter-spacing: 0;
  font-size: 10px;
}

.atelier-discipline {
  color: #e7bc78;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  display: flex;
}

.atelier-franchise-content .business-action {
  width: 100%;
  margin-top: auto;
}

.atelier-franchise-card.locked .business-action:disabled {
  opacity: .65;
  cursor: not-allowed;
}

.atelier-event-panel {
  background: linear-gradient(115deg, #64273d6b, #12192df0);
  border: 1px solid #e9858580;
  justify-content: space-between;
  gap: 18px;
  padding: 18px;
  display: flex;
}

.atelier-event-panel.attention {
  background: linear-gradient(115deg, #6841264d, #12192df0);
  border-color: #e8bf777a;
}

.atelier-event-panel h4 {
  color: #fff6ea;
  margin: 4px 0;
  font-family: DM Serif Display;
  font-size: 24px;
  font-weight: 400;
}

.atelier-event-panel p {
  color: #d6d0da;
  max-width: 620px;
  margin: 0;
  font-size: 11px;
  line-height: 1.55;
}

.atelier-event-panel > div:first-child {
  gap: 11px;
  display: flex;
}

.atelier-event-icon {
  color: #f2a4a4;
}

.atelier-event-actions {
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 7px;
  max-width: 350px;
  display: flex;
}

.atelier-event-actions button {
  color: #fff4e7;
  background: #181329;
  border: 1px solid #e8bf7773;
  padding: 9px 11px;
  font-size: 10px;
  font-weight: 700;
}

.atelier-event-actions button:hover {
  color: #101726;
  background: #d6ae5a;
}

.atelier-note {
  color: #dbc6a6;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  display: flex;
}

@media (max-width: 700px) {
  .atelier-nocturne-section {
    padding: 13px;
  }

  .atelier-nocturne-section h3 {
    font-size: 21px;
  }

  .atelier-franchise-grid {
    grid-template-columns: repeat(10, 246px);
  }

  .atelier-franchise-card {
    min-width: 246px;
  }

  .atelier-franchise-photo {
    height: 148px;
  }

  .atelier-event-panel {
    flex-direction: column;
    padding: 14px;
  }

  .atelier-event-actions {
    align-items: stretch;
    max-width: none;
  }

  .atelier-event-actions button {
    flex: 100%;
  }
}

.federal-integrity-panel {
  background: linear-gradient(135deg, #3d181e94, #071226f0);
  border: 1px solid #e66a6361;
  gap: 12px;
  padding: 16px;
  display: grid;
}

.federal-integrity-hero {
  grid-template-columns: 116px 1fr;
  align-items: center;
  gap: 14px;
  display: grid;
}

.federal-integrity-hero img {
  object-fit: cover;
  background: #162136;
  border: 1px solid #e66a63ad;
  width: 116px;
  height: 116px;
}

.federal-integrity-hero h2 {
  color: #fff2f0;
  margin: 3px 0;
  font-family: DM Serif Display;
  font-size: 27px;
  font-weight: 400;
}

.federal-integrity-hero p {
  color: #c8d2df;
  margin: 0;
  font-size: 11px;
  line-height: 1.5;
}

.federal-stage-row {
  align-items: center;
  gap: 9px;
  margin-top: 9px;
  display: flex;
}

.federal-stage-row strong {
  color: #ffd1cc;
  font-size: 10px;
}

.federal-stage {
  color: #ffd2ce;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: #e66a631f;
  border: 1px solid #e66a637a;
  padding: 3px 6px;
  font-size: 8px;
  font-weight: 800;
}

.federal-stage.regular {
  color: #a4dfc3;
  background: #68d6a41a;
  border-color: #68d6a47a;
}

.federal-stage.monitoramento, .federal-stage.suspeita {
  color: #f3d68e;
  background: #d6ae5a1a;
  border-color: #d6ae5a85;
}

.federal-risk-gauge {
  background: #0a1528;
  border: 1px solid #ffffff14;
  grid-column: 1 / -1;
  height: 7px;
  overflow: hidden;
}

.federal-risk-gauge i {
  background: linear-gradient(90deg, #68d6a4, #d6ae5a, #e66a63);
  height: 100%;
  display: block;
}

.federal-integrity-grid {
  grid-template-columns: 1.1fr 1fr 1fr;
  gap: 10px;
  display: grid;
}

.federal-evidence, .federal-defense, .federal-freeze {
  background: #040d1d80;
  border: 1px solid #cedcf61f;
  min-width: 0;
  padding: 12px;
}

.federal-freeze.active {
  background: #57181e3d;
  border-color: #e66a6380;
}

.federal-block-title {
  color: #d6ae5a;
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  gap: 7px;
  font-size: 9px;
  font-weight: 800;
  display: flex;
}

.federal-block-title b {
  color: #fff1c6;
  margin-left: auto;
  font-size: 14px;
}

.federal-evidence ul {
  gap: 7px;
  margin: 9px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.federal-evidence li {
  border-bottom: 1px solid #cedcf61a;
  gap: 2px;
  padding-bottom: 6px;
  display: grid;
}

.federal-evidence strong {
  color: #e8edf5;
  font-size: 10px;
}

.federal-evidence small, .federal-evidence p, .federal-freeze p, .federal-freeze small, .federal-audit {
  color: #aeb9c9;
  font-size: 10px;
  line-height: 1.45;
}

.federal-audit {
  background: #d6ae5a12;
  border-left: 2px solid #d6ae5a;
  padding: 8px;
}

.federal-actions {
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  margin-top: 8px;
  display: grid;
}

.federal-actions button {
  color: #dce6f4;
  cursor: pointer;
  background: #101c32;
  border: 1px solid #cedcf633;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 8px;
  font-size: 9px;
  font-weight: 700;
  display: flex;
}

.federal-actions button:hover, .federal-actions button:focus-visible {
  color: #081226;
  background: #d6ae5a;
  outline: none;
}

.federal-actions .regularize {
  border-color: #68d6a473;
}

.federal-actions .appeal {
  border-color: #e66a637a;
}

.federal-max-alert {
  color: #fff0ef;
  background: #96232859;
  border: 1px solid #ff7870c7;
  gap: 11px;
  padding: 13px;
  display: flex;
}

.federal-max-alert span {
  color: #ffaaa1;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 800;
  display: block;
}

.federal-max-alert strong {
  margin-top: 3px;
  font-family: DM Serif Display;
  font-size: 21px;
  font-weight: 400;
  display: block;
}

.federal-max-alert p {
  color: #f7d5d1;
  margin: 5px 0 0;
  font-size: 10px;
  line-height: 1.45;
}

.federal-integrity-panel.risk-maximum {
  border-color: #ff7970;
  box-shadow: 0 0 0 1px #ff797029, 0 0 24px #b4232a2e;
}

@media (max-width: 720px) {
  .federal-integrity-panel {
    padding: 12px;
  }

  .federal-integrity-hero {
    grid-template-columns: 86px 1fr;
    gap: 10px;
  }

  .federal-integrity-hero img {
    width: 86px;
    height: 86px;
  }

  .federal-integrity-hero h2 {
    font-size: 23px;
  }

  .federal-integrity-grid, .federal-actions {
    grid-template-columns: 1fr;
  }

  .federal-max-alert strong {
    font-size: 18px;
  }
}

.asset-freeze-notice {
  color: #fff0ef;
  background: linear-gradient(100deg, #6f1c2375, #101627eb);
  border: 1px solid #e66a63a6;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 11px;
  padding: 13px 15px;
  display: grid;
}

.asset-freeze-notice > svg {
  color: #ff9c94;
}

.asset-freeze-notice strong {
  color: #fff3f1;
  margin-top: 3px;
  font-family: DM Serif Display;
  font-size: 20px;
  font-weight: 400;
  display: block;
}

.asset-freeze-notice p {
  color: #dec2c4;
  margin: 4px 0 0;
  font-size: 10px;
  line-height: 1.45;
}

.asset-freeze-notice > small {
  color: #ffaaa1;
  letter-spacing: .08em;
  text-transform: uppercase;
  align-self: start;
  font-size: 9px;
  font-weight: 800;
}

.federal-action-locked, .federal-action-locked:disabled {
  opacity: .52 !important;
  color: #a9b6c7 !important;
  cursor: not-allowed !important;
  background: #5f212752 !important;
  border-color: #e66a635c !important;
  position: relative !important;
}

.federal-action-locked:after {
  content: "BLOQUEADO";
  color: #ffaaa1;
  letter-spacing: .05em;
  margin-left: 5px;
  font-size: 8px;
  font-weight: 800;
}

@media (max-width: 720px) {
  .asset-freeze-notice {
    grid-template-columns: auto 1fr;
    padding: 12px;
  }

  .asset-freeze-notice > small {
    grid-column: 2;
  }

  .asset-freeze-notice strong {
    font-size: 18px;
  }
}

.stock-banner {
  background: linear-gradient(135deg, #122848f5, #0a162cf5);
  align-items: flex-end;
}

.stock-banner h2 {
  letter-spacing: -.06em;
  margin: 6px 0 8px;
  font-size: clamp(28px, 4vw, 44px);
}

.stock-banner p {
  color: #9ba9bd;
  max-width: 620px;
  line-height: 1.55;
}

.market-banner-stat {
  border-left: 1px solid #d6ae5a59;
  flex-direction: column;
  gap: 6px;
  min-width: 180px;
  padding: 15px 0 2px 20px;
  display: flex;
}

.market-banner-stat span, .market-banner-stat small {
  color: #8e9bb0;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 10px;
}

.market-banner-stat strong {
  color: #d6ae5a;
  font-family: Space Grotesk;
  font-size: 25px;
}

.stock-toolbar {
  align-items: center;
  gap: 8px;
  display: flex;
}

.stock-search {
  color: #8795a9;
  background: #071226cc;
  border: 1px solid #cedcf621;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  display: flex;
}

.stock-search input, .stock-toolbar select, .stock-order input {
  color: #ecf0f8;
  font: inherit;
  background: none;
  border: 0;
  outline: 0;
}

.stock-toolbar select {
  color: #cdd7e8;
  background: #09172e;
  border: 1px solid #cedcf621;
  min-width: 180px;
  padding: 10px 12px;
}

.stock-layout {
  grid-template-columns: 1.15fr .85fr;
  gap: 12px;
  min-width: 0;
  display: grid;
}

.stock-list {
  gap: 5px;
  max-height: 560px;
  padding-right: 2px;
  display: grid;
  overflow: auto;
}

.stock-row {
  text-align: left;
  color: #edf2fa;
  cursor: pointer;
  background: #071226bf;
  border: 1px solid #cedcf61a;
  grid-template-columns: 62px minmax(0, 1fr) 92px 38px;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 11px 12px;
  display: grid;
}

.stock-row:hover, .stock-row.selected {
  background: #12223ce6;
  border-color: #d6ae5a9e;
}

.stock-ticker {
  color: #d6ae5a;
  font-family: Space Grotesk;
  font-size: 11px;
}

.stock-company, .stock-price {
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.stock-company strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  overflow: hidden;
}

.stock-company small, .stock-price small, .stock-owned {
  color: #8e9bb0;
  font-size: 10px;
}

.stock-price {
  text-align: right;
}

.stock-price strong {
  font-family: Space Grotesk;
}

.stock-owned {
  text-align: right;
}

.stock-detail {
  background: linear-gradient(145deg, #0d264be0, #071226eb);
  border: 1px solid #d6ae5a40;
  padding: 20px;
}

.stock-detail-heading {
  justify-content: space-between;
  gap: 15px;
  display: flex;
}

.stock-detail-heading h3 {
  margin: 7px 0;
  font-size: 22px;
}

.stock-detail-heading p {
  color: #9ba9bd;
  font-size: 11px;
  line-height: 1.5;
}

.stock-change {
  align-self: flex-start;
  align-items: center;
  gap: 3px;
  padding: 6px 8px;
  font-family: Space Grotesk;
  font-size: 12px;
  display: flex;
}

.stock-change.positive {
  color: #68d6a4;
  background: #68d6a41a;
}

.stock-change.negative {
  color: #f4867e;
  background: #f4867e1a;
}

.stock-detail-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin: 22px 0;
  display: grid;
}

.stock-detail-grid div {
  border-top: 1px solid #cedcf61f;
  padding-top: 10px;
}

.stock-detail-grid small, .stock-position span {
  color: #8e9bb0;
  font-size: 10px;
  display: block;
}

.stock-detail-grid strong {
  color: #edf2fa;
  margin-top: 5px;
  font-family: Space Grotesk;
  font-size: 14px;
  display: block;
}

.stock-order {
  border-top: 1px solid #cedcf61f;
  border-bottom: 1px solid #cedcf61f;
  gap: 10px;
  padding: 13px 0;
  display: grid;
}

.stock-order label {
  color: #9ba9bd;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  display: flex;
}

.stock-order input {
  text-align: right;
  background: #ffffff0d;
  border: 1px solid #cedcf626;
  width: 70px;
  padding: 7px;
}

.stock-order > span {
  color: #8e9bb0;
  font-size: 10px;
}

.stock-order > span strong {
  color: #d6ae5a;
  font-family: Space Grotesk;
}

.stock-order > div {
  gap: 7px;
  display: flex;
}

.stock-order button {
  flex: 1;
}

.stock-position {
  gap: 5px;
  padding-top: 14px;
  display: grid;
}

.stock-position strong {
  color: #edf2fa;
  font-size: 12px;
}

.stock-position small {
  color: #8e9bb0;
  font-size: 10px;
}

@media (max-width: 960px) {
  .stock-layout {
    grid-template-columns: 1fr;
  }

  .stock-list {
    max-height: 360px;
  }

  .stock-detail {
    order: -1;
  }

  .stock-banner-stat {
    border-top: 1px solid #d6ae5a59;
    border-left: 0;
    width: 100%;
    padding: 13px 0 0;
  }

  .stock-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .stock-toolbar select {
    width: 100%;
  }

  .stock-detail-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 520px) {
  .stock-row {
    grid-template-columns: 48px minmax(0, 1fr) 76px;
  }

  .stock-owned {
    display: none;
  }

  .stock-order > div, .stock-detail-heading {
    flex-direction: column;
  }
}

.stock-chart-panel {
  border-top: 1px solid #cedcf61f;
  border-bottom: 1px solid #cedcf61f;
  margin: 16px 0;
  padding: 14px 0 6px;
}

.stock-chart-heading {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.stock-chart-heading strong {
  color: #edf2fa;
  margin-top: 5px;
  font-size: 14px;
  display: block;
}

.stock-chart-heading select {
  color: #d6ae5a;
  background: #09172e;
  border: 1px solid #d6ae5a52;
  padding: 7px 9px;
  font-size: 10px;
}

.stock-chart-wrap {
  background: linear-gradient(#0a1c34a6, #07122633);
  min-height: 190px;
  margin-top: 8px;
  position: relative;
}

.stock-chart {
  width: 100%;
  height: 190px;
  display: block;
  overflow: visible;
}

.stock-chart-area {
  fill: #d6ae5a1a;
}

.stock-chart-line {
  fill: none;
  stroke: #d6ae5a;
  stroke-width: 2.2px;
  vector-effect: non-scaling-stroke;
}

.stock-chart-dot {
  fill: #0a1a31;
  stroke: #d6ae5a;
  stroke-width: 2px;
  cursor: crosshair;
  transition: r .12s ease-out;
}

.stock-chart-tooltip {
  color: #d6ae5a;
  font: 10px Space Grotesk, sans-serif;
  position: absolute;
  top: 8px;
  right: 10px;
}

.stock-chart-axis {
  color: #718096;
  justify-content: space-between;
  gap: 8px;
  font-size: 9px;
  display: flex;
}

.stock-chart-axis span:nth-child(2) {
  text-align: center;
}

.stock-events-panel {
  background: #071226b8;
  border: 1px solid #cedcf61f;
  gap: 10px;
  margin: 14px 0;
  padding: 13px;
  display: grid;
}

.stock-events-panel > div:first-child {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.stock-events-panel > div:first-child strong {
  color: #edf2fa;
  font-size: 12px;
}

.stock-event-row {
  border-top: 1px solid #cedcf61a;
  grid-template-columns: 95px minmax(0, 1fr) 42px;
  align-items: start;
  gap: 10px;
  padding-top: 10px;
  display: grid;
}

.stock-event-row p {
  flex-direction: column;
  gap: 4px;
  margin: 0;
  display: flex;
}

.stock-event-row p strong {
  color: #edf2fa;
  font-size: 11px;
}

.stock-event-row p small {
  color: #8e9bb0;
  font-size: 10px;
  line-height: 1.4;
}

.stock-event-row b {
  text-align: right;
  font: 12px Space Grotesk, sans-serif;
}

.event-positive {
  color: #68d6a4;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 9px;
}

.event-negative {
  color: #f4867e;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 9px;
}

.stock-event-empty {
  color: #8e9bb0;
  margin: 0;
  font-size: 10px;
  line-height: 1.5;
}

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

  .stock-event-row p {
    grid-area: 2 / 1 / auto / -1;
  }

  .stock-chart-axis span:nth-child(2) {
    display: none;
  }
}

.realtime-dot {
  box-shadow: 0 0 0 3px #68d6a414;
}

.realtime-dot.connecting, .realtime-dot.reconnecting {
  background: #d6ae5a;
  box-shadow: 0 0 0 3px #d6ae5a1a;
}

.realtime-dot.error {
  background: #f4867e;
  box-shadow: 0 0 0 3px #f4867e1a;
}

.realtime-dot.offline {
  box-shadow: none;
  background: #718096;
}

.round-consequences {
  border-bottom: 1px solid #cedcf61f;
  margin: 0 0 18px;
  padding: 18px 0 2px;
}

.consequence-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.consequence-card {
  color: #e9eef7;
  text-align: left;
  background: linear-gradient(135deg, #0a1c34db, #081224a8);
  border: 1px solid #cedcf61f;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  min-height: 142px;
  padding: 14px;
  display: flex;
  position: relative;
}

.consequence-card strong {
  color: #eef3fa;
  max-width: 100%;
  font: 600 14px / 1.15 Cormorant Garamond, Georgia, serif;
}

.consequence-card p {
  color: #8f9db2;
  margin: 0;
  font-size: 10px;
  line-height: 1.45;
}

.consequence-icon {
  color: #68d6a4;
  border: 1px solid #68d6a44d;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: inline-flex;
}

.consequence-action {
  cursor: pointer;
  transition: border-color .16s ease-out, transform .16s ease-out;
}

.consequence-action:hover, .consequence-action:focus-visible {
  border-color: #d6ae5a94;
  outline: none;
  transform: translateY(-2px);
}

.consequence-action > svg {
  color: #d6ae5a;
  position: absolute;
  top: 14px;
  right: 14px;
}

.consequence-card.critical {
  border-color: #f4867e73;
}

.consequence-card.critical .consequence-icon {
  color: #f4867e;
  border-color: #f4867e5c;
}

@media (max-width: 980px) {
  .consequence-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .consequence-grid {
    grid-template-columns: 1fr;
  }

  .consequence-card {
    min-height: 0;
  }
}

.scene-loading {
  z-index: 40;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  pointer-events: none;
  background: #030a17db;
  justify-content: center;
  align-items: center;
  gap: 18px;
  display: flex;
  position: fixed;
  inset: 0;
}

.scene-loading-copy {
  flex-direction: column;
  gap: 6px;
  max-width: 280px;
  display: flex;
}

.scene-loading-copy strong {
  color: #eef3fa;
  font: 600 22px / 1.05 Cormorant Garamond, Georgia, serif;
}

.scene-loading-copy small {
  color: #a6b2c5;
  font-size: 11px;
  line-height: 1.4;
}

.scene-loading-orbit {
  border: 1px solid #d6ae5a66;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  animation: 1.6s linear infinite scene-orbit;
  position: relative;
}

.scene-loading-orbit:after {
  content: "";
  border: 1px solid #68d6a473;
  border-radius: 50%;
  position: absolute;
  inset: 7px;
}

.scene-loading-orbit span {
  background: #d6ae5a;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  position: absolute;
  top: -3px;
  left: 17px;
  box-shadow: 0 0 14px #d6ae5acc;
}

.scene-loading-orbit span:nth-child(2) {
  background: #68d6a4;
  top: 18px;
  left: -3px;
}

.scene-loading-orbit span:nth-child(3) {
  background: #8bc8ff;
  top: 35px;
  left: 30px;
}

.scene-loading-error {
  background: #190c19c7;
}

.scene-loading-error .scene-loading-orbit {
  border-color: #f4867e99;
  animation-duration: 3s;
}

.scene-loading-error .scene-loading-orbit span {
  background: #f4867e;
}

@keyframes scene-orbit {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .scene-loading-orbit {
    animation: none;
  }
}

.stock-identity {
  align-items: center;
  gap: 8px;
  min-width: 74px;
  display: flex;
}

.stock-identity img, .stock-selected-identity img {
  object-fit: cover;
  background: #0c1728;
  border: 1px solid #d6ae5a59;
  border-radius: 4px;
  width: 42px;
  height: 28px;
}

.stock-identity .stock-ticker {
  min-width: 38px;
}

.stock-symbol-fallback {
  color: #d6ae5a;
  letter-spacing: .04em;
  border: 1px solid #d6ae5a66;
  place-items: center;
  width: 42px;
  height: 28px;
  font-size: 9px;
  font-weight: 700;
  display: inline-grid;
}

.stock-selected-identity {
  align-items: flex-start;
  gap: 14px;
  display: flex;
}

.stock-selected-identity img, .stock-symbol-fallback.large {
  width: 110px;
  height: 70px;
}

.stock-symbol-fallback.large {
  font-size: 17px;
}

.stock-selected-identity > div {
  min-width: 0;
}

.stock-selected-identity h3 {
  margin-top: 4px;
}

.stock-row .stock-company {
  min-width: 0;
}

.stock-row .stock-company strong, .stock-row .stock-company small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.stock-row .stock-price {
  margin-left: auto;
}

@media (max-width: 700px) {
  .stock-selected-identity {
    gap: 10px;
  }

  .stock-selected-identity img, .stock-symbol-fallback.large {
    width: 78px;
    height: 52px;
  }

  .stock-identity img, .stock-symbol-fallback {
    width: 34px;
    height: 24px;
  }

  .stock-row {
    grid-template-columns: 74px minmax(120px, 1fr) auto;
  }

  .stock-owned {
    display: none;
  }
}

.stock-flag {
  filter: saturate(.9);
  margin-right: 4px;
  font-size: 15px;
  line-height: 1;
  display: inline-block;
}

.stock-flag-large {
  vertical-align: -2px;
  margin-right: 6px;
  font-size: 20px;
}

.stock-chart-line {
  stroke-dasharray: 900;
  stroke-dashoffset: 900px;
  animation: 1.8s ease-out forwards stock-chart-draw, 5s linear 1.8s infinite stock-chart-flow;
}

.stock-chart-dot {
  transform-box: fill-box;
  transform-origin: center;
  animation: 2.2s ease-in-out infinite stock-dot-pulse;
}

.stock-chart-dot:nth-of-type(3n) {
  animation-delay: .35s;
}

.stock-chart-dot:nth-of-type(4n) {
  animation-delay: .7s;
}

.stock-chart-line.trend-up {
  filter: drop-shadow(0 0 4px #68d6a4b3);
}

.stock-chart-line.trend-down {
  filter: drop-shadow(0 0 4px #f4867ea6);
}

.stock-chart-panel {
  position: relative;
}

.stock-chart-panel:after {
  content: "MERCADO AO VIVO";
  color: #8bc8ffb3;
  letter-spacing: .12em;
  font: 700 9px / 1 Inter, sans-serif;
  animation: 2s ease-in-out infinite stock-live-blink;
  position: absolute;
  top: 13px;
  right: 92px;
}

@keyframes stock-chart-draw {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes stock-chart-flow {
  0%, 100% {
    stroke-width: 2.2px;
  }

  50% {
    stroke-width: 3.1px;
  }
}

@keyframes stock-dot-pulse {
  0%, 100% {
    opacity: .7;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.45);
  }
}

@keyframes stock-live-blink {
  0%, 100% {
    opacity: .45;
  }

  50% {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .stock-chart-line, .stock-chart-dot, .stock-chart-panel:after {
    animation: none;
  }
}

.stock-candle-wick {
  stroke-width: 1.25px;
  stroke: currentColor;
  opacity: .9;
}

.stock-candle-body {
  stroke-width: 1px;
  rx: 1;
  animation: 2.6s ease-in-out infinite stock-candle-breathe;
}

.candle-up {
  color: #6bd6a4;
}

.candle-up .stock-candle-body {
  fill: #6bd6a4c2;
  stroke: #a5f0c9;
}

.candle-down {
  color: #f4867e;
}

.candle-down .stock-candle-body {
  fill: #f4867ec2;
  stroke: #ffb0a7;
}

.stock-chart-heading:after {
  content: "Abertura · Máxima · Mínima · Fechamento";
  color: #b8c5d7b3;
  letter-spacing: .05em;
  margin-top: 4px;
  font-size: 10px;
  display: block;
}

.stock-chart-tooltip {
  min-width: 220px;
}

.stock-chart-tooltip:before {
  content: "OHLC · ";
  color: #d6ae5a;
  font-weight: 700;
}

@keyframes stock-candle-breathe {
  0%, 100% {
    opacity: .78;
  }

  50% {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .stock-candle-body {
    animation: none;
  }
}

.stock-mobile-header {
  align-items: center;
  gap: 14px;
  padding: 4px 0 14px;
  display: flex;
}

.stock-mobile-header h2 {
  margin: 2px 0 0;
  font-size: clamp(1.55rem, 3vw, 2.35rem);
}

.stock-back-button, .stock-detail-back {
  color: #d9e0ec;
  cursor: pointer;
  background: none;
  border: 0;
}

.stock-back-button span {
  font-size: 42px;
  font-weight: 200;
  line-height: .6;
}

.stock-live-dot {
  background: #6bd6a4;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin-left: auto;
  animation: 2s ease-in-out infinite stock-live-blink;
  box-shadow: 0 0 0 5px #6bd6a41f;
}

.stock-market-heading {
  justify-content: space-between;
  align-items: end;
  gap: 16px;
  margin-top: 20px;
  display: flex;
}

.stock-market-heading h3 {
  margin-top: 4px;
}

.stock-search-wide {
  width: 100%;
  margin: 16px 0 0;
}

.stock-filter-strip, .stock-sector-strip {
  scrollbar-width: thin;
  gap: 10px;
  padding: 12px 0;
  display: flex;
  overflow-x: auto;
}

.stock-filter-strip button, .stock-sector-strip button {
  color: #d0d5df;
  cursor: pointer;
  white-space: nowrap;
  background: #222733;
  border: 1px solid #a0aec726;
  border-radius: 12px;
  flex: none;
  padding: 10px 16px;
}

.stock-filter-strip button.active, .stock-sector-strip button.active {
  color: #fff;
  background: #7155e8;
  border-color: #8b74ff;
  box-shadow: 0 8px 20px #5a3cdc3d;
}

.stock-sector-strip {
  align-items: center;
  padding-top: 0;
}

.stock-sector-strip > span {
  color: #8997ab;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 11px;
}

.stock-sector-strip select {
  display: none;
}

.stock-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.stock-card {
  text-align: left;
  color: #f0f3f8;
  cursor: pointer;
  background: linear-gradient(145deg, #252a34, #1d2028);
  border: 1px solid #97a6c01a;
  border-radius: 18px;
  min-width: 0;
  padding: 16px 14px 13px;
  box-shadow: 0 12px 26px #0000001f;
}

.stock-card:hover, .stock-card.selected {
  border-color: #8b74ffb8;
  transform: translateY(-1px);
}

.stock-card-top, .stock-card-footer, .stock-detail-topline, .stock-detail-hero {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.stock-card-emblem {
  background: #f4f5f6;
  border-radius: 14px;
  flex: none;
  place-items: center;
  width: 70px;
  height: 70px;
  display: grid;
  overflow: hidden;
}

.stock-card-emblem img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.stock-card-emblem span {
  color: #111827;
  font-size: 12px;
  font-weight: 800;
}

.stock-card-quote {
  text-align: right;
}

.stock-card-quote strong {
  color: #9b83ff;
  font-size: 1.15rem;
  display: block;
}

.stock-card-quote small {
  margin-top: 5px;
  font-size: 12px;
  display: block;
}

.stock-card-name {
  gap: 4px;
  margin: 20px 0 16px;
  display: grid;
}

.stock-card-name strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1rem;
  overflow: hidden;
}

.stock-card-name span, .stock-card-footer {
  color: #92a0b2;
  font-size: 11px;
}

.stock-card-footer {
  border-top: 1px solid #97a6c01a;
  padding-top: 10px;
}

.stock-card-footer > span:last-child {
  align-items: center;
  gap: 2px;
  display: inline-flex;
}

.stock-availability {
  color: #38d899;
}

.stock-detail-screen {
  background: linear-gradient(145deg, #20242d, #151820);
  border: 1px solid #97a6c024;
  border-radius: 22px;
  margin-top: 28px;
  padding: clamp(18px, 4vw, 32px);
  scroll-margin-top: 16px;
}

.stock-detail-topline {
  margin-bottom: 22px;
}

.stock-detail-back {
  color: #a7b1bf;
  font-size: 13px;
}

.stock-detail-hero {
  align-items: flex-start;
}

.stock-detail-hero .stock-selected-identity {
  align-items: center;
}

.stock-detail-hero .stock-selected-identity img {
  border-radius: 12px;
  width: 86px;
  height: 64px;
}

.stock-detail-hero h3 {
  margin: 4px 0;
}

.stock-detail-hero p {
  color: #9da9b9;
}

.stock-detail-grid-expanded {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 22px;
}

.stock-detail-grid-expanded div {
  background: #0a0e1652;
  border: 1px solid #97a6c01f;
  border-radius: 14px;
  gap: 5px;
  padding: 15px;
  display: grid;
}

.stock-detail-grid-expanded strong {
  color: #a28bff;
  font-size: 1.2rem;
}

.stock-detail-grid-expanded span {
  color: #8997ab;
  font-size: 11px;
}

.stock-order-hero {
  margin-top: 18px;
}

.stock-order-hero .primary-button {
  background: #7657ef;
  border-color: #927aff;
}

.stock-chart-panel {
  margin-top: 20px;
}

@media (max-width: 700px) {
  .stock-banner {
    display: none;
  }

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

  .stock-market-heading {
    margin-top: 4px;
  }

  .stock-sector-strip > span, .stock-sector-strip button:nth-of-type(n+8) {
    display: none;
  }

  .stock-sector-strip select {
    color: #d0d5df;
    background: #222733;
    border: 1px solid #a0aec726;
    border-radius: 10px;
    margin-left: auto;
    padding: 9px;
    display: block;
  }

  .stock-grid {
    gap: 10px;
  }

  .stock-card {
    border-radius: 14px;
    padding: 12px 10px 11px;
  }

  .stock-card-emblem {
    border-radius: 10px;
    width: 54px;
    height: 54px;
  }

  .stock-card-quote strong {
    font-size: 1rem;
  }

  .stock-card-name {
    margin: 14px 0 12px;
  }

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

  .stock-detail-hero {
    display: grid;
  }

  .stock-detail-hero .stock-change {
    justify-self: end;
  }

  .stock-detail-screen {
    border-radius: 16px;
    padding: 16px 12px;
  }

  .stock-order-hero {
    grid-template-columns: 1fr 1fr;
    display: grid;
  }

  .stock-order-hero > div {
    grid-column: 1 / -1;
    grid-template-columns: 1fr 1fr;
    display: grid;
  }

  .stock-order-hero button {
    width: 100%;
  }

  .stock-chart-panel:after {
    top: 42px;
    right: 10px;
  }

  .stock-chart-heading:after {
    max-width: 170px;
  }
}

.trade-desk {
  min-width: 0;
}

.trade-online {
  color: #68d6a4;
}

.trade-offline {
  color: #f4867e;
}

.trade-composer {
  background: linear-gradient(135deg, #0e2038db, #081224bd);
  border: 1px solid #d6ae5a38;
  gap: 14px;
  padding: 18px;
  display: grid;
}

.trade-form-title {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.trade-form-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.trade-composer label {
  color: #a9b6c9;
  gap: 6px;
  font-size: 11px;
  display: grid;
}

.trade-composer input, .trade-composer select {
  color: #eef3fa;
  min-width: 0;
  font: inherit;
  background: #050e1cd1;
  border: 1px solid #cedcf629;
  padding: 10px 11px;
}

.trade-composer input:focus-visible, .trade-composer select:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #8bc8ffbf;
}

.trade-notice {
  color: #d6ae5a;
}

.trade-columns {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.trade-list-heading {
  color: #eef3fa;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.trade-proposal {
  background: #0a162ab3;
  border: 1px solid #cedcf61f;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 8px;
  padding: 14px;
  display: flex;
}

.trade-proposal p {
  color: #a9b6c9;
  margin: 5px 0;
  font-size: 11px;
  line-height: 1.45;
}

.trade-proposal small {
  color: #718096;
  font-size: 10px;
}

.trade-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
  display: flex;
}

.ghost-button {
  color: #c9d4e6;
  cursor: pointer;
  background: none;
  border: 1px solid #cedcf638;
  padding: 9px 11px;
}

.trade-proposal.compact {
  align-items: flex-start;
}

.trade-desk .primary-button {
  justify-self: start;
}

.trade-desk .business-action {
  white-space: nowrap;
}

@media (max-width: 760px) {
  .trade-form-grid, .trade-columns {
    grid-template-columns: 1fr;
  }

  .trade-proposal {
    flex-direction: column;
    align-items: flex-start;
  }

  .trade-actions {
    justify-content: flex-start;
  }
}

.trade-alert-banner {
  z-index: 30;
  color: #f3f6fb;
  text-align: left;
  cursor: pointer;
  background: linear-gradient(110deg, #26304ef7, #071226f7);
  border: 1px solid #d6ae5aa6;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  width: min(360px, 100vw - 32px);
  padding: 13px 15px;
  display: grid;
  position: fixed;
  bottom: 82px;
  right: 24px;
  box-shadow: 0 16px 38px #00000059, 0 0 24px #d6ae5a1f;
}

.trade-alert-banner svg {
  color: #f0ca73;
}

.trade-alert-banner span {
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.trade-alert-banner strong {
  color: #f0ca73;
  letter-spacing: .04em;
  font-family: Space Grotesk;
  font-size: 11px;
}

.trade-alert-banner small {
  color: #b8c3d3;
  font-size: 10px;
  line-height: 1.35;
}

.trade-alert-banner:hover {
  background: linear-gradient(110deg, #343e60fa, #08162efa);
  border-color: #f0ca73;
}

.trade-alert-banner:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #68d6a4;
}

@media (max-width: 700px) {
  .trade-alert-banner {
    width: calc(100vw - 32px);
    bottom: 76px;
    right: 16px;
  }
}

.asset-inspector {
  color: #c5cfdd;
  background: #071226b8;
  border: 1px solid #68d6a438;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin: 12px 0 18px;
  padding: 12px 15px;
  display: flex;
}

.asset-inspector > div {
  flex-direction: column;
  gap: 5px;
  display: flex;
}

.asset-inspector strong {
  color: #68d6a4;
  font-family: Space Grotesk;
  font-size: 12px;
}

.asset-inspector p {
  color: #8290a6;
  font-size: 10px;
}

@media (max-width: 700px) {
  .asset-inspector {
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
  }
}

.asset-loading-state {
  color: #d6ae5a;
  letter-spacing: .06em;
  background: #071226b8;
  border: 1px solid #d6ae5a33;
  place-items: center;
  min-height: 120px;
  margin-bottom: 16px;
  font-family: Space Grotesk;
  font-size: 11px;
  display: grid;
}

.overview-command-center {
  gap: 14px;
  display: grid;
}

.overview-command-center .news-feed {
  margin-top: 0;
}

.financial-transparency-panel {
  background: linear-gradient(135deg, #0d1c32f0, #081121e6);
  border: 1px solid #d6ae5a47;
  gap: 14px;
  padding: 18px;
  display: grid;
  box-shadow: 0 14px 30px #0000002e;
}

.financial-transparency-panel > .section-heading {
  margin-bottom: 0;
}

.financial-transparency-panel > .section-heading svg {
  color: #d6ae5a;
}

.financial-transparency-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.financial-highlight {
  background: #040c198a;
  border: 1px solid #cedcf61a;
  gap: 5px;
  min-width: 0;
  padding: 13px;
  display: grid;
}

.financial-highlight span, .financial-highlight small {
  color: #91a0b4;
  font-size: 10px;
}

.financial-highlight strong {
  color: #f4f0e7;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Space Grotesk;
  font-size: 1.02rem;
  overflow: hidden;
}

.financial-cycle-status {
  color: #b7c4d6;
  background: #68d6a414;
  border: 1px solid #68d6a43d;
  align-items: center;
  gap: 9px;
  padding: 10px 12px;
  font-size: 11px;
  line-height: 1.4;
  display: flex;
}

.financial-cycle-status svg {
  color: #68d6a4;
  flex: none;
}

.financial-cycle-status strong {
  color: #dcefe4;
}

.financial-ledger {
  gap: 8px;
  display: grid;
}

.financial-ledger-title, .financial-ledger-row {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.financial-ledger-title {
  color: #d6ae5a;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
}

.financial-ledger-title span {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.financial-ledger-title small {
  color: #7f8da2;
  text-transform: none;
  font-size: 10px;
  font-weight: 400;
}

.financial-ledger-row {
  background: #050e1c75;
  border-top: 1px solid #cedcf617;
  padding: 10px 12px;
}

.financial-ledger-row > span {
  gap: 4px;
  min-width: 0;
  display: grid;
}

.financial-ledger-row > span:last-child {
  text-align: right;
}

.financial-ledger-row strong {
  color: #eaf0f7;
  font-size: 11px;
}

.financial-ledger-row small {
  color: #8391a5;
  font-size: 10px;
  line-height: 1.35;
}

.financial-transparency-panel .muted-copy {
  margin: 0;
  font-size: 11px;
}

@media (max-width: 620px) {
  .financial-transparency-panel {
    padding: 14px;
  }

  .financial-transparency-grid {
    grid-template-columns: 1fr;
  }

  .financial-highlight {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

  .financial-highlight span, .financial-highlight small {
    grid-column: 1;
  }

  .financial-highlight strong {
    text-align: right;
    grid-area: 1 / 2 / span 2;
  }

  .financial-ledger-row {
    align-items: flex-start;
  }

  .financial-ledger-row > span:last-child {
    max-width: 48%;
  }
}

.strategic-access {
  order: -1;
}

.strategic-access-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.strategic-access-card {
  min-height: 92px;
}

.news-feed {
  margin-bottom: 0;
}

@media (max-width: 920px) {
  .strategic-access-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .strategic-access-grid {
    grid-template-columns: 1fr;
  }

  .strategic-access-card {
    min-height: 78px;
  }

  .overview-command-center .news-feed-list {
    max-height: 285px;
    overflow-y: auto;
  }
}

.next-best-action {
  z-index: 8;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: linear-gradient(110deg, #131b30f5, #0b101ef5);
  border: 1px solid #d6ae5a6b;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  margin: 14px 0 18px;
  padding: 13px 15px;
  display: grid;
  position: sticky;
  top: 12px;
  box-shadow: 0 12px 28px #00000038;
}

.next-best-action-critical {
  border-color: #e568689e;
}

.next-best-action-high {
  border-color: #e0ab4c9e;
}

.next-best-action-icon {
  color: #e1bb62;
  border: 1px solid;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
}

.next-best-action-critical .next-best-action-icon {
  color: #ee8585;
}

.next-best-action-copy {
  min-width: 0;
}

.next-best-action-copy strong {
  color: #f5f1e7;
  margin-top: 2px;
  font-size: .96rem;
  line-height: 1.2;
  display: block;
}

.next-best-action-copy p {
  color: #aeb7c8;
  margin: 4px 0 0;
  font-size: .75rem;
  line-height: 1.35;
}

.next-best-action-button {
  color: #121827;
  white-space: nowrap;
  cursor: pointer;
  background: #ddb65d;
  border: 1px solid #f2d58b;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  padding: 8px 12px;
  font-size: .72rem;
  font-weight: 700;
  display: inline-flex;
}

.next-best-action-button:hover {
  background: #f0cc76;
}

.next-best-action-button:focus-visible {
  outline-offset: 3px;
  outline: 3px solid #8bc8ffd9;
}

@media (max-width: 620px) {
  .next-best-action {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    margin: 12px 0 16px;
    padding: 12px;
    position: relative;
    top: auto;
  }

  .next-best-action-button {
    grid-column: 1 / -1;
    width: 100%;
  }

  .next-best-action-copy p {
    font-size: .72rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .next-best-action-button {
    transition: none;
  }
}

.agiota-profile-nav {
  color: #9eabc0;
  text-transform: uppercase;
  letter-spacing: .08em;
  background: #d6ae5a14;
  border-left: 2px solid #d6ae5a;
  align-items: baseline;
  gap: 10px;
  margin: 10px 0 8px;
  padding: 8px 10px;
  font-size: 10px;
  display: flex;
}

.agiota-profile-nav strong {
  color: #f0ca73;
  font-size: 11px;
}

.agiota-profile-nav small {
  color: #f7f4ed80;
  text-transform: none;
  letter-spacing: 0;
  margin-left: auto;
}

.agiota-profile-header {
  display: none;
}

.agiota-card[aria-current="true"] {
  outline-offset: 2px;
  outline: 2px solid #d6ae5ad1;
}

.agiota-card:focus-visible {
  outline-offset: 3px;
  outline: 3px solid #8bc8ffe6;
}

@media (max-width: 720px) {
  .agiota-grid {
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
    gap: 10px;
    padding: 4px 3px 12px;
    display: flex;
    overflow-x: auto;
  }

  .agiota-grid > .agiota-card {
    scroll-snap-align: start;
    flex: 0 0 82vw;
    max-width: 320px;
  }

  .agiota-profile-nav {
    flex-wrap: wrap;
    gap: 4px 8px;
  }

  .agiota-profile-nav small {
    width: 100%;
    margin-left: 0;
  }

  .agiota-profile {
    grid-template-columns: 1fr;
  }

  .agiota-profile > div:first-child {
    grid-column: auto;
  }

  .agiota-profile-header {
    border-bottom: 1px solid #cedcf61f;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 12px;
    padding-bottom: 10px;
    display: flex;
  }

  .agiota-profile-header strong {
    color: #f3f0e8;
    font-family: DM Serif Display;
    font-size: 22px;
  }
}

.property-layout {
  grid-template-columns: 1fr;
  gap: 14px;
  display: grid;
}

.property-list {
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
  align-items: stretch;
  gap: 10px;
  max-height: none;
  padding: 4px 4px 12px;
  display: flex;
  overflow: auto hidden;
}

.property-list-row {
  scroll-snap-align: start;
  flex: 0 0 300px;
  min-width: 0;
}

.property-list-item {
  width: 100%;
  min-height: 104px;
}

.property-list-item small {
  max-width: none;
}

@media (max-width: 700px) {
  .property-list {
    gap: 10px;
    padding-bottom: 10px;
  }

  .property-list-row {
    flex-basis: 82vw;
    max-width: 340px;
  }

  .property-list-item {
    min-height: 92px;
  }
}

.property-detail > .property-art, .ai-lab-map-detail > .ai-map-detail-photo {
  display: none;
}

.asset-image-frame {
  background: linear-gradient(120deg, #d6ae5a14, #1e345480, #d6ae5a14);
  width: 100%;
  height: auto;
  min-height: 126px;
  display: block;
  position: relative;
  overflow: hidden;
}

.asset-image-frame:not(.asset-image-zoomable) {
  height: 126px;
}

@media (max-width: 700px) {
  .asset-image-frame:not(.asset-image-zoomable) {
    height: 148px;
  }
}

.asset-image {
  opacity: 0;
  transition: opacity .28s, transform .42s cubic-bezier(.23, 1, .32, 1);
}

.asset-image.is-loaded {
  opacity: 1;
}

.asset-image-skeleton {
  background: linear-gradient(100deg, #ffffff0a 20%, #d6ae5a2e 42%, #ffffff0a 64%) 0 0 / 220% 100%;
  animation: 1.35s linear infinite asset-skeleton-shimmer;
  display: block;
  position: absolute;
  inset: 0;
}

.asset-image-zoomable {
  cursor: zoom-in;
}

.asset-image-trigger {
  width: 100%;
  height: 100%;
  color: inherit;
  cursor: zoom-in;
  background: none;
  border: 0;
  padding: 0;
  display: block;
  position: relative;
}

.asset-image-trigger:hover .asset-image.is-loaded {
  transform: scale(1.025);
}

.asset-image-zoom-hint {
  color: #f8e3aa;
  opacity: 0;
  background: #050d1cc7;
  border: 1px solid #d6ae5a94;
  place-items: center;
  width: 30px;
  height: 30px;
  transition: opacity .18s, transform .18s;
  display: grid;
  position: absolute;
  bottom: 10px;
  right: 10px;
  transform: translateY(4px);
}

.asset-image-trigger:hover .asset-image-zoom-hint, .asset-image-trigger:focus-visible .asset-image-zoom-hint {
  opacity: 1;
  transform: translateY(0);
}

.asset-image-trigger:focus-visible {
  outline-offset: -3px;
  outline: 2px solid #8bc8ff;
}

.asset-image-lightbox {
  z-index: 100;
  background: #020712e0;
  place-items: center;
  padding: 24px;
  animation: .18s ease-out both asset-lightbox-in;
  display: grid;
  position: fixed;
  inset: 0;
}

.asset-image-lightbox-content {
  background: #08152a;
  border: 1px solid #d6ae5a8c;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  max-width: min(1080px, 94vw);
  max-height: 92vh;
  padding: 12px;
  display: flex;
  position: relative;
  box-shadow: 0 24px 80px #0000008c;
}

.asset-image-lightbox-content img {
  object-fit: contain;
  max-width: 90vw;
  max-height: 78vh;
  display: block;
}

.asset-image-lightbox-content p {
  color: #e8edf5;
  text-align: center;
  margin: 0;
  font-size: 12px;
}

.asset-image-lightbox-close {
  z-index: 1;
  color: #f7f4ed;
  cursor: pointer;
  background: #050d1cdb;
  border: 1px solid #d6ae5a8c;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
  position: absolute;
  top: 8px;
  right: 8px;
}

.asset-image-lightbox-close:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #8bc8ff;
}

@keyframes asset-skeleton-shimmer {
  from {
    background-position: 200% 0;
  }

  to {
    background-position: -20% 0;
  }
}

@keyframes asset-lightbox-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .asset-image, .asset-image-zoom-hint, .asset-image-lightbox {
    transition: none;
    animation: none;
  }
}

@media (max-width: 700px) {
  .asset-image-lightbox {
    padding: 12px;
  }

  .asset-image-lightbox-content {
    max-width: 96vw;
    padding: 8px;
  }

  .asset-image-lightbox-content img {
    max-width: 94vw;
    max-height: 75vh;
  }
}

.asset-image-lightbox-content {
  overflow: visible;
}

.asset-image-lightbox-content > img {
  -webkit-user-select: none;
  user-select: none;
  cursor: zoom-in;
  transition: transform .18s cubic-bezier(.23, 1, .32, 1);
}

.asset-image-lightbox-content > img[style*="scale(2)"], .asset-image-lightbox-content > img[style*="scale(3)"] {
  cursor: zoom-out;
}

.asset-image-lightbox-nav {
  z-index: 2;
  color: #f8e3aa;
  cursor: pointer;
  background: #050d1ce0;
  border: 1px solid #d6ae5a9e;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.asset-image-lightbox-nav.previous {
  left: -54px;
}

.asset-image-lightbox-nav.next {
  right: -54px;
}

.asset-image-lightbox-nav:disabled {
  opacity: .3;
  cursor: not-allowed;
}

.asset-image-lightbox-meta {
  color: #e8edf5;
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 12px;
  display: flex;
}

.asset-image-lightbox-meta p {
  margin: 0;
}

.asset-image-lightbox-meta small {
  color: #d6ae5a;
}

@media (max-width: 700px) {
  .asset-image-lightbox-nav.previous {
    left: 6px;
  }

  .asset-image-lightbox-nav.next {
    right: 6px;
  }

  .asset-image-lightbox-content > img {
    max-width: 94vw;
    max-height: 72vh;
  }
}

.telemetry-consent {
  z-index: 80;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  color: #f7f4eb;
  background: #09101ef5;
  border: 1px solid #d6ae5a6b;
  align-items: center;
  gap: .9rem;
  padding: 1rem 1.1rem;
  display: flex;
  position: fixed;
  bottom: 1rem;
  left: 1rem;
  right: 1rem;
  box-shadow: 0 16px 50px #00000061;
}

.telemetry-consent-icon {
  color: #e0b85f;
  border: 1px solid #e0b85f80;
  place-items: center;
  min-width: 2.25rem;
  height: 2.25rem;
  display: grid;
}

.telemetry-consent-copy {
  flex: 1;
  min-width: 0;
}

.telemetry-consent-copy strong {
  margin: .15rem 0;
  font-family: Georgia, serif;
  font-size: 1rem;
  display: block;
}

.telemetry-consent-copy p {
  color: #b8bec8;
  max-width: 54rem;
  margin: 0;
  font-size: .76rem;
  line-height: 1.45;
}

.telemetry-consent-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.telemetry-consent-actions button {
  white-space: nowrap;
}

.telemetry-consent .ghost-button {
  color: #d9dde5;
  border-color: #d9dde547;
}

@media (max-width: 700px) {
  .telemetry-consent {
    flex-wrap: wrap;
    align-items: flex-start;
    padding: .85rem;
    bottom: .65rem;
    left: .65rem;
    right: .65rem;
  }

  .telemetry-consent-icon {
    min-width: 2rem;
    height: 2rem;
  }

  .telemetry-consent-copy {
    flex-basis: calc(100% - 3rem);
  }

  .telemetry-consent-copy p {
    font-size: .72rem;
  }

  .telemetry-consent-actions {
    justify-content: flex-end;
    width: 100%;
  }

  .telemetry-consent-actions button {
    flex: 1;
    min-height: 2.5rem;
  }
}

.seasonal-campaign-panel {
  color: #f5f1e8;
  background: linear-gradient(120deg, #121d2ef5, #1a2333e0);
  border: 1px solid #d6ae5a59;
  margin: 0 0 1.15rem;
  padding: 1.05rem 1.2rem;
  position: relative;
  box-shadow: 0 14px 36px #00000029;
}

.seasonal-campaign-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  display: flex;
}

.seasonal-campaign-head h2 {
  margin: .2rem 0 .1rem;
  font-family: Georgia, serif;
  font-size: 1.2rem;
}

.seasonal-campaign-head p {
  color: #aeb7c4;
  margin: 0;
  font-size: .78rem;
}

.seasonal-campaign-head > strong {
  color: #e0b85f;
  font-size: 1.4rem;
}

.seasonal-progress {
  background: #ffffff1a;
  height: 5px;
  margin: .85rem 0;
  overflow: hidden;
}

.seasonal-progress span {
  background: linear-gradient(90deg, #d6ae5a, #8bc8ff);
  height: 100%;
  transition: width .24s ease-out;
  display: block;
}

.seasonal-current {
  background: #080e196b;
  border: 1px solid #ffffff14;
  align-items: center;
  gap: .75rem;
  padding: .7rem .8rem;
  display: flex;
}

.seasonal-current-icon {
  color: #d6ae5a;
  border: 1px solid #d6ae5a73;
  place-items: center;
  min-width: 2rem;
  height: 2rem;
  display: grid;
}

.seasonal-current strong, .seasonal-current p, .seasonal-current small {
  display: block;
}

.seasonal-current strong {
  margin: .12rem 0;
  font-size: .9rem;
}

.seasonal-current p {
  color: #bac1cb;
  margin: 0;
  font-size: .76rem;
}

.seasonal-current small {
  color: #d6ae5a;
  margin-top: .25rem;
  font-size: .68rem;
}

.seasonal-campaign-panel footer {
  color: #8e99aa;
  margin-top: .7rem;
  font-size: .7rem;
}

.seasonal-campaign-panel footer span {
  color: #d6ae5a;
}

.seasonal-campaign-panel .icon-button {
  color: #e8c46b;
  background: none;
  border: 1px solid #d6ae5a66;
  min-width: 2.25rem;
  height: 2.25rem;
  margin-left: auto;
}

.eyebrow {
  align-items: center;
  gap: .35rem;
  display: inline-flex;
}

@media (max-width: 700px) {
  .seasonal-campaign-panel {
    padding: .9rem;
  }

  .seasonal-current {
    align-items: flex-start;
  }

  .seasonal-current p {
    line-height: 1.4;
  }
}

.empire-network-panel {
  background: #0b1422c7;
  border: 1px solid #ffffff17;
  margin: 0 0 1.2rem;
  padding: 1rem 1.15rem;
}

.empire-network-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
  display: grid;
}

.empire-network-card {
  text-align: left;
  color: #f3efe7;
  cursor: pointer;
  background: #ffffff09;
  border: 1px solid #ffffff14;
  align-items: flex-start;
  gap: .65rem;
  padding: .8rem;
  display: flex;
}

.empire-network-card:hover, .empire-network-card:focus-visible {
  border-color: #d6ae5a8c;
  outline: none;
}

.empire-network-card svg {
  color: #d6ae5a;
  flex: none;
}

.empire-network-card strong, .empire-network-card small {
  display: block;
}

.empire-network-card strong {
  font-size: .8rem;
}

.empire-network-card small {
  color: #9fa9b6;
  margin-top: .2rem;
  font-size: .7rem;
  line-height: 1.35;
}

@media (max-width: 700px) {
  .empire-network-grid {
    grid-template-columns: 1fr;
  }

  .empire-network-card {
    min-height: 3.7rem;
  }
}

.market-transparency-panel {
  background: #0b1422b8;
  border: 1px solid #d6ae5a2e;
  margin: 0 0 1.2rem;
  padding: 1rem 1.15rem;
}

.market-transparency-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
  display: grid;
}

.market-transparency-card {
  background: #ffffff09;
  border: 1px solid #ffffff12;
  padding: .8rem;
}

.market-transparency-title, .market-transparency-metrics {
  justify-content: space-between;
  align-items: center;
  gap: .6rem;
  display: flex;
}

.market-transparency-title strong {
  font-size: .78rem;
}

.market-transparency-title span, .market-transparency-metrics span {
  align-items: center;
  gap: .3rem;
  font-size: .68rem;
  display: flex;
}

.market-transparency-metrics {
  color: #aab4c2;
  margin-top: .65rem;
}

.market-transparency-metrics b {
  color: #f3efe7;
}

.market-transparency-card small {
  color: #8e9aaa;
  margin-top: .65rem;
  font-size: .66rem;
  line-height: 1.35;
  display: block;
}

@media (max-width: 700px) {
  .market-transparency-grid {
    grid-template-columns: 1fr;
  }

  .market-transparency-card {
    min-height: 5.2rem;
  }
}

.community-panel {
  background: #091321b8;
  border: 1px solid #78b19d2e;
  margin: 0 0 1.2rem;
  padding: 1rem 1.15rem;
}

.community-safe {
  color: #8ed6bd;
  align-items: center;
  gap: .35rem;
  font-size: .68rem;
  display: inline-flex;
}

.community-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
  display: grid;
}

.community-card {
  text-align: left;
  color: #eef2f7;
  cursor: pointer;
  background: #ffffff09;
  border: 1px solid #ffffff14;
  align-items: center;
  gap: .7rem;
  padding: .85rem;
  display: flex;
}

.community-card:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #e6bd69;
}

.community-card small {
  color: #9ba7b6;
  margin-top: .3rem;
  font-size: .66rem;
  line-height: 1.35;
  display: block;
}

.community-card svg {
  color: #d9b55e;
  flex: none;
}

.community-metric {
  color: #e6bd69;
  font-size: 1.3rem;
  font-weight: 700;
}

@media (max-width: 700px) {
  .community-grid {
    grid-template-columns: 1fr;
  }

  .community-card {
    min-height: 3.9rem;
  }
}

.fair-play-panel {
  background: #16111fb8;
  border: 1px solid #d6ae5a33;
  margin: 0 0 1.2rem;
  padding: 1rem 1.15rem;
}

.fair-play-safe {
  color: #9fe0c3;
  align-items: center;
  gap: .35rem;
  font-size: .68rem;
  display: inline-flex;
}

.fair-play-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
  display: grid;
}

.fair-play-card {
  background: #ffffff09;
  border: 1px solid #ffffff14;
  align-items: center;
  gap: .65rem;
  padding: .8rem;
  display: flex;
}

.fair-play-card strong {
  font-size: .78rem;
  display: block;
}

.fair-play-card small {
  color: #a6afbc;
  margin-top: .25rem;
  font-size: .66rem;
  display: block;
}

.fair-play-card em {
  color: #d9b55e;
  white-space: nowrap;
  margin-left: auto;
  font-size: .6rem;
  font-style: normal;
}

.fair-play-icon {
  color: #e6bd69;
  background: #e6bd691a;
  place-items: center;
  width: 2rem;
  height: 2rem;
  display: grid;
}

.fair-play-note {
  color: #8e9aaa;
  margin: .7rem 0 0;
  font-size: .66rem;
  line-height: 1.4;
}

@media (max-width: 700px) {
  .fair-play-grid {
    grid-template-columns: 1fr;
  }

  .fair-play-card {
    min-height: 3.8rem;
  }
}

:where(.software-franchise-grid, .logistics-franchise-grid, .atelier-franchise-grid, .hotel-gallery-rail, .industrial-gallery-rail, .prisma-gallery-rail) {
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  overscroll-behavior-inline: contain;
  touch-action: pan-x;
  cursor: grab;
  scrollbar-width: thin;
  scrollbar-color: #d6ae5a #ffffff14;
  grid-template-columns: none;
  gap: 13px;
  padding: 14px 2px 10px;
  display: flex;
  overflow: auto hidden;
}

:where(.software-franchise-grid, .logistics-franchise-grid, .atelier-franchise-grid, .hotel-gallery-rail, .industrial-gallery-rail, .prisma-gallery-rail):active {
  cursor: grabbing;
}

:where(.software-franchise-grid, .logistics-franchise-grid, .atelier-franchise-grid, .hotel-gallery-rail, .industrial-gallery-rail, .prisma-gallery-rail)::-webkit-scrollbar {
  height: 8px;
}

:where(.software-franchise-grid, .logistics-franchise-grid, .atelier-franchise-grid, .hotel-gallery-rail, .industrial-gallery-rail, .prisma-gallery-rail)::-webkit-scrollbar-track {
  background: #ffffff0d;
}

:where(.software-franchise-grid, .logistics-franchise-grid, .atelier-franchise-grid, .hotel-gallery-rail, .industrial-gallery-rail, .prisma-gallery-rail)::-webkit-scrollbar-thumb {
  background: #d6ae5a;
}

:where(.software-franchise-card, .logistics-franchise-card, .atelier-franchise-card, .hotel-gallery-card, .industrial-gallery-card, .prisma-gallery-card) {
  scroll-snap-align: start;
  border-radius: 0;
  flex-direction: column;
  flex: 0 0 288px;
  width: 288px;
  min-width: 288px;
  height: 376px;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

:where(.software-franchise-photo, .logistics-franchise-photo, .atelier-franchise-photo, .hotel-gallery-photo, .industrial-gallery-photo, .prisma-gallery-photo) {
  object-fit: cover;
  object-position: center;
  background: #172236;
  width: 100%;
  height: 145px;
  min-height: 145px;
  display: block;
}

:where(.software-franchise-content, .logistics-franchise-content, .atelier-franchise-content, .hotel-gallery-copy, .industrial-gallery-copy, .prisma-gallery-copy) {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-height: 0;
  padding: 11px;
  display: flex;
}

:where(.software-franchise-content, .logistics-franchise-content, .atelier-franchise-content, .hotel-gallery-copy, .industrial-gallery-copy, .prisma-gallery-copy) .business-action {
  width: 100%;
  margin-top: auto;
}

:where(.software-franchise-content, .logistics-franchise-content, .atelier-franchise-content, .hotel-gallery-copy, .industrial-gallery-copy, .prisma-gallery-copy) h3 {
  min-height: 42px;
}

.software-commerce-strip {
  background: linear-gradient(135deg, #102442db, #081223eb);
  border: 1px solid #8bc8ff38;
  margin: 0 0 1.2rem;
  padding: 1rem 1.1rem;
}

.software-commerce-rail {
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  scrollbar-color: #8bc8ff #ffffff14;
  gap: 13px;
  padding: 12px 2px 10px;
  display: flex;
  overflow-x: auto;
}

.software-commerce-card {
  scroll-snap-align: start;
  background: #040e1cb8;
  border: 1px solid #cedcf624;
  flex-direction: column;
  flex: 0 0 220px;
  display: flex;
  overflow: hidden;
}

.software-commerce-card.available {
  border-color: #68d6a46b;
}

.software-commerce-card.operational {
  border-color: #d6ae5a75;
}

.software-commerce-photo {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 126px;
  display: block;
}

.software-commerce-copy {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  padding: 11px;
  display: flex;
}

.software-commerce-copy h3 {
  min-height: 38px;
  margin: 0;
  font-size: .94rem;
}

.software-commerce-copy p {
  color: #a9b6c9;
  min-height: 28px;
  margin: 0;
  font-size: .7rem;
}

.software-commerce-metrics {
  color: #9ba7b6;
  gap: 4px;
  font-size: .67rem;
  display: grid;
}

.software-commerce-metrics b {
  color: #eef3fa;
}

.software-commerce-copy .business-action {
  width: 100%;
  min-height: 38px;
  margin-top: auto;
}

.software-buy-action {
  background: linear-gradient(135deg, #1b7b68, #14584f) !important;
}

.software-sell-action {
  background: linear-gradient(135deg, #764451, #542c39) !important;
}

@media (max-width: 700px) {
  .software-commerce-strip {
    margin-inline: -.2rem;
    padding: .85rem;
  }

  .software-commerce-card {
    flex-basis: 82vw;
  }

  .software-commerce-photo {
    height: 148px;
  }
}

.bank-loan-guide {
  background: linear-gradient(135deg, #162f4ce0, #081427eb);
  border: 1px solid #8bc8ff40;
  grid-template-columns: auto minmax(0, 1fr) minmax(190px, 250px);
  align-items: center;
  gap: 14px;
  margin: 0 0 1rem;
  padding: 1rem 1.1rem;
  display: grid;
}

.bank-loan-guide-icon {
  color: #8bc8ff;
  background: #8bc8ff1a;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
}

.bank-loan-guide h2 {
  margin: .2rem 0;
  font-size: 1rem;
}

.bank-loan-guide p {
  color: #a9b6c9;
  margin: 0;
  font-size: .74rem;
  line-height: 1.5;
}

.bank-loan-guide-action {
  min-height: 42px;
}

@media (max-width: 700px) {
  .bank-loan-guide {
    grid-template-columns: auto minmax(0, 1fr);
    padding: .9rem;
  }

  .bank-loan-guide-action {
    grid-column: 1 / -1;
    width: 100%;
  }
}

.quick-jump-nav {
  background: #071226c7;
  border: 1px solid #cedcf624;
  align-items: center;
  gap: 10px;
  margin: 0 0 12px;
  padding: 8px 10px;
  display: flex;
}

.quick-jump-nav > .eyebrow {
  color: #d6ae5a;
  white-space: nowrap;
}

.quick-jump-nav > div {
  scrollbar-width: none;
  gap: 5px;
  min-width: 0;
  display: flex;
  overflow-x: auto;
}

.quick-jump-nav > div::-webkit-scrollbar {
  display: none;
}

.quick-jump-nav button {
  color: #a9b6c9;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  flex: none;
  align-items: center;
  gap: 5px;
  min-height: 32px;
  padding: 6px 9px;
  font-size: .68rem;
  display: inline-flex;
}

.quick-jump-nav button.active {
  color: #f2cb75;
  background: #d6ae5a1f;
  border-color: #d6ae5a6b;
}

.quick-jump-nav button:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #8bc8ff;
}

@media (max-width: 700px) {
  .quick-jump-nav {
    z-index: 11;
    background: #071226f5;
    margin-inline: -2px;
    padding: 7px 8px;
    position: sticky;
    top: 7px;
    box-shadow: 0 8px 20px #00000038;
  }

  .quick-jump-nav > .eyebrow {
    font-size: .58rem;
  }

  .quick-jump-nav button {
    min-height: 34px;
    font-size: .64rem;
  }

  :where(.software-franchise-grid, .logistics-franchise-grid, .atelier-franchise-grid, .hotel-gallery-rail, .industrial-gallery-rail, .prisma-gallery-rail) {
    gap: 11px;
    padding-top: 13px;
  }

  :where(.software-franchise-card, .logistics-franchise-card, .atelier-franchise-card, .hotel-gallery-card, .industrial-gallery-card, .prisma-gallery-card) {
    flex-basis: 288px;
    width: 288px;
    min-width: 288px;
    height: 376px;
  }

  :where(.software-franchise-photo, .logistics-franchise-photo, .atelier-franchise-photo, .hotel-gallery-photo, .industrial-gallery-photo, .prisma-gallery-photo) {
    height: 145px;
    min-height: 145px;
  }
}

.football-subfolders {
  flex-direction: column;
  gap: 16px;
  margin-top: 18px;
  display: flex;
}

.football-subfolder-tabs {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.football-subfolder-tabs button {
  color: #cbd4e2;
  min-height: 62px;
  font: inherit;
  letter-spacing: .04em;
  cursor: pointer;
  background: #0a1628db;
  border: 1px solid #d6ae5a47;
  font-weight: 700;
  transition: transform .16s ease-out, background .18s ease-out, color .18s ease-out, border-color .18s ease-out;
}

.football-subfolder-tabs button:active {
  transform: scale(.97);
}

.football-subfolder-tabs button.is-active {
  color: #121924;
  background: linear-gradient(135deg, #e2b95d, #b88732);
  border-color: #f4d88d;
}

.football-subfolder-tabs button:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #f5d47f;
}

.football-subfolder-panel {
  min-width: 0;
}

.football-command-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.football-command-card, .football-result-panel, .football-panel .asset-section {
  background: linear-gradient(145deg, #131f35eb, #091222eb);
  border: 1px solid #d6ae5a33;
  border-radius: 18px;
  padding: 18px;
}

.football-command-card {
  flex-direction: column;
  gap: 8px;
  min-height: 150px;
  display: flex;
}

.football-command-card strong {
  color: #f3f0e7;
  font-size: 1.12rem;
}

.football-command-card small, .football-result-panel small, .football-player-row small {
  color: #9caac0;
  line-height: 1.45;
}

.football-command-card .primary-button {
  width: 100%;
  margin-top: auto;
}

.football-lock, .football-note {
  color: #68d6a4;
  align-items: center;
  gap: 7px;
  font-size: .78rem;
  display: flex;
}

.football-result-panel {
  border-color: #68d6a447;
}

.football-result-panel h3 {
  color: #f3f0e7;
  margin: .35rem 0;
}

.football-result-panel p {
  color: #d6ae5a;
  margin: .2rem 0 .45rem;
}

.football-columns {
  grid-template-columns: 1.15fr .85fr;
  gap: 14px;
  display: grid;
}

.football-panel .asset-section {
  min-width: 0;
}

.football-player-list {
  gap: 8px;
  display: grid;
}

.football-player-row {
  border-bottom: 1px solid #9caac01f;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  display: grid;
}

.football-player-row:last-child {
  border-bottom: 0;
}

.football-player-row strong {
  color: #f3f0e7;
  display: block;
}

.football-player-row b {
  color: #d6ae5a;
  font-size: .82rem;
}

.football-player-position {
  color: #071224;
  background: #d6ae5a;
  border-radius: 10px;
  place-items: center;
  width: 32px;
  height: 32px;
  font-size: .72rem;
  font-weight: 800;
  display: grid;
}

.football-finance-row {
  color: #c5cfdd;
  border-bottom: 1px solid #9caac01f;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  display: flex;
}

.football-finance-row strong {
  color: #f3f0e7;
}

.football-note {
  border-top: 1px solid #9caac01f;
  margin-top: 16px;
  padding-top: 12px;
}

@media (max-width: 820px) {
  .football-command-grid, .football-columns {
    grid-template-columns: 1fr;
  }

  .football-command-card {
    min-height: 0;
  }

  .football-panel .section-heading {
    align-items: flex-start;
  }
}

@media (max-width: 520px) {
  .football-subfolder-tabs {
    gap: 8px;
  }

  .football-subfolder-tabs button {
    min-height: 54px;
    font-size: .86rem;
  }

  .football-panel .football-command-grid, .football-panel .football-columns {
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    gap: 12px;
    padding: 2px 2px 10px;
    display: flex;
    overflow-x: auto;
  }

  .football-panel .football-command-grid > *, .football-panel .football-columns > * {
    scroll-snap-align: start;
    flex: 0 0 min(86vw, 360px);
  }

  .football-player-row {
    grid-template-columns: 32px minmax(0, 1fr);
  }

  .football-player-row b {
    grid-column: 2;
  }

  .football-command-card, .football-result-panel, .football-panel .asset-section {
    border-radius: 14px;
    padding: 14px;
  }
}

.football-deal-row, .football-calendar-row {
  border-bottom: 1px solid #9caac01f;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
  display: flex;
}

.football-deal-row:last-child, .football-calendar-row:last-child {
  border-bottom: 0;
}

.football-deal-row div, .football-calendar-row strong {
  gap: 4px;
  min-width: 0;
  display: grid;
}

.football-deal-row strong {
  color: #f3f0e7;
}

.football-deal-row small, .football-calendar-row span {
  color: #9caac0;
  font-size: .78rem;
}

.football-deal-row > b {
  color: #68d6a4;
  font-size: .78rem;
}

.football-deal-row .ghost-button {
  white-space: nowrap;
}

.football-transfer-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.football-transfer-card {
  background: #07122480;
  border: 1px solid #d6ae5a29;
  border-radius: 14px;
  align-content: start;
  gap: 8px;
  padding: 14px;
  display: grid;
}

.football-transfer-card strong {
  color: #f3f0e7;
}

.football-transfer-card small {
  color: #9caac0;
  line-height: 1.4;
}

.football-transfer-card .primary-button {
  width: 100%;
  margin-top: auto;
}

.football-player-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: flex;
}

.football-calendar-row em {
  color: #d6ae5a;
  margin: 0 5px;
  font-style: normal;
}

.football-calendar-row > b {
  color: #d6ae5a;
  text-transform: uppercase;
  letter-spacing: .08em;
  white-space: nowrap;
  font-size: .72rem;
}

@media (max-width: 900px) {
  .football-transfer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .football-deal-row, .football-calendar-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .football-deal-row .ghost-button, .football-calendar-row > b {
    width: 100%;
  }

  .football-transfer-grid {
    grid-template-columns: 1fr;
  }

  .football-player-actions {
    justify-content: flex-start;
  }

  .football-player-actions .ghost-button {
    width: 100%;
  }
}

.football-ranking-list {
  gap: 2px;
  display: grid;
}

.football-ranking-row {
  border-bottom: 1px solid #9caac01f;
  grid-template-columns: 34px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 11px 0;
  display: grid;
}

.football-ranking-row > b {
  color: #d6ae5a;
}

.football-ranking-row strong {
  color: #f3f0e7;
}

.football-ranking-row span {
  color: #9caac0;
  font-size: .78rem;
}

.football-award {
  border-bottom: 1px solid #9caac01f;
  gap: 4px;
  padding: 14px 0;
  display: grid;
}

.football-award strong {
  color: #d6ae5a;
}

.football-award span {
  color: #f3f0e7;
  font-weight: 600;
}

.football-award small {
  color: #9caac0;
}

.contract-warning {
  color: #e9b86a !important;
}

.ghost-button.danger {
  color: #e58a8a;
  border-color: #e58a8a47;
}

@media (max-width: 560px) {
  .football-ranking-row {
    grid-template-columns: 30px 1fr;
  }

  .football-ranking-row span {
    grid-column: 2;
  }

  .football-player-actions {
    align-items: flex-start;
  }
}

.basketball-panel .football-command-card {
  background: linear-gradient(145deg, #362417e0, #16141beb);
  border-color: #d6ae5a47;
}

.basketball-panel .football-result-panel {
  background: radial-gradient(circle at 80% 10%, #ee894a29, #0000 42%), #131118f0;
  border-color: #ee894a6b;
}

.basketball-panel .football-player-position {
  color: #f5b27d;
  background: #ee894a2e;
}

.basketball-panel .football-calendar-row b {
  color: #f5b27d;
}

.basketball-panel .football-ranking-row {
  border-color: #ee894a38;
}

.basketball-panel .football-ranking-row > b {
  color: #f5b27d;
}

@media (max-width: 720px) {
  .basketball-panel .football-command-grid, .basketball-panel .football-columns {
    grid-template-columns: 1fr;
  }

  .basketball-panel .football-player-row {
    align-items: flex-start;
  }

  .basketball-panel .football-player-actions {
    text-align: right;
    margin-left: auto;
  }
}

.basketball-panel .football-award {
  border-bottom: 1px solid #ee894a33;
  gap: .25rem;
  padding: .85rem 0;
  display: grid;
}

.basketball-panel .football-award strong {
  color: #f5b27d;
}

.basketball-panel .football-award span {
  font-weight: 700;
}

.basketball-panel .football-award small {
  color: #ebeff79e;
}

.basketball-panel .football-transfer-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  display: grid;
}

.basketball-panel .football-transfer-card {
  background: #19141bb8;
  border: 1px solid #ee894a3d;
  gap: .45rem;
  padding: 1rem;
  display: grid;
}

.basketball-panel .football-transfer-card small {
  color: #ebeff79e;
}

.basketball-panel .football-transfer-card .primary-button {
  margin-top: .35rem;
}

@media (max-width: 720px) {
  .basketball-panel .football-transfer-grid {
    grid-template-columns: 1fr;
  }
}

.basketball-panel .danger-text {
  color: #ff8c86;
}

.basketball-panel .football-player-actions {
  flex-wrap: wrap;
  gap: .35rem;
}

.basketball-salary-offer {
  border-bottom: 1px solid #ee894a38;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1rem 0;
  display: flex;
}

.basketball-salary-offer > div {
  gap: .3rem;
  display: grid;
}

.basketball-salary-offer small {
  color: #ebeff79e;
}

.basketball-salary-offer p {
  color: #d9c8b8;
  font-size: .76rem;
  line-height: 1.4;
}

@media (max-width: 560px) {
  .basketball-salary-offer {
    flex-direction: column;
    align-items: flex-start;
  }

  .basketball-salary-offer .football-player-actions {
    justify-content: flex-start;
    width: 100%;
  }

  .basketball-salary-offer .ghost-button {
    flex: 1;
    justify-content: center;
  }
}

.garage-panel {
  gap: 1.1rem;
}

.garage-hero {
  background: linear-gradient(135deg, #101d33f5, #070f1de0);
  border: 1px solid #d6ae5a3d;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1.5rem;
  padding: 1.25rem;
  display: flex;
}

.garage-hero h2 {
  max-width: 650px;
  margin: .35rem 0 .5rem;
}

.garage-hero p {
  max-width: 680px;
  color: var(--muted);
  margin: 0;
}

.garage-stat {
  color: #d6ae5a;
  justify-items: end;
  gap: .25rem;
  min-width: 110px;
  display: grid;
}

.garage-stat strong {
  color: #f5f7fb;
  font-size: 1.65rem;
}

.garage-stat span {
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--muted);
  font-size: .72rem;
}

.garage-tabs {
  background: #060d1ac7;
  border: 1px solid #ffffff14;
  gap: .45rem;
  padding: .35rem;
  display: flex;
  overflow-x: auto;
}

.garage-tabs button {
  min-width: 140px;
  color: var(--muted);
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  gap: .45rem;
  padding: .75rem 1rem;
  display: inline-flex;
}

.garage-tabs button.active {
  color: #07101f;
  background: #d6ae5a;
}

.garage-toolbar {
  grid-template-columns: minmax(220px, 1fr) repeat(2, minmax(150px, .35fr));
  gap: .7rem;
  display: grid;
}

.garage-toolbar label {
  min-width: 0;
  color: var(--muted);
  background: #0a1426b8;
  border: 1px solid #ffffff1a;
  align-items: center;
  gap: .45rem;
  padding: .65rem .75rem;
  display: flex;
}

.garage-toolbar input, .garage-toolbar select {
  color: #f5f7fb;
  background: none;
  border: 0;
  outline: 0;
  width: 100%;
  min-width: 0;
}

.garage-toolbar option {
  color: #f5f7fb;
  background: #101b31;
}

.garage-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .9rem;
  display: grid;
}

.garage-card {
  background: linear-gradient(160deg, #16233bf0, #08101ef5);
  border: 1px solid #ffffff1a;
  min-width: 0;
  overflow: hidden;
}

.garage-card.owned {
  border-color: #68d6a47a;
}

.garage-image-wrap {
  background: radial-gradient(circle at 50% 70%, #d6ae5a3d, #08101ee6 68%);
  place-items: center;
  height: 168px;
  display: grid;
}

.garage-image-wrap img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

.garage-image-wrap > span {
  background: linear-gradient(135deg, currentColor, #0000);
  place-items: center;
  width: 100%;
  height: 100%;
  display: grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .garage-image-wrap > span {
    background: linear-gradient(135deg, color-mix(in srgb, currentColor 18%, transparent), transparent);
  }
}

.garage-card-body {
  gap: .45rem;
  padding: .85rem;
  display: grid;
}

.garage-card-body h3 {
  color: #f5f7fb;
  margin: 0;
  font-size: 1rem;
}

.garage-card-body p {
  min-height: 2.5rem;
  color: var(--muted);
  margin: 0;
  font-size: .8rem;
  line-height: 1.45;
}

.garage-metrics {
  color: var(--muted);
  grid-template-columns: repeat(3, 1fr);
  gap: .35rem;
  font-size: .68rem;
  display: grid;
}

.garage-metrics span {
  gap: .18rem;
  display: grid;
}

.garage-metrics b {
  color: #f5f7fb;
  font-size: .72rem;
}

.garage-actions {
  flex-wrap: wrap;
  gap: .4rem;
  margin-top: .25rem;
  display: flex;
}

.garage-actions button {
  flex: 120px;
  min-height: 34px;
}

@media (max-width: 980px) {
  .garage-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .garage-hero {
    flex-direction: column;
    align-items: flex-start;
  }

  .garage-stat {
    justify-items: start;
  }

  .garage-toolbar, .garage-grid {
    grid-template-columns: 1fr;
  }

  .garage-image-wrap {
    height: 148px;
  }

  .garage-card-body p {
    min-height: auto;
  }
}

.asset-section.garage-section {
  display: none !important;
}

.garage-comparison {
  background: linear-gradient(135deg, #201910e6, #14161eeb);
  border: 1px solid #e0b34b3d;
  border-radius: 18px;
  gap: 14px;
  padding: 18px;
  display: grid;
}

.garage-comparison-heading {
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  display: flex;
}

.garage-comparison-heading h3 {
  color: #f5ead0;
  margin: 4px 0 0;
  font-size: 1.15rem;
}

.garage-comparison-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.garage-comparison-item {
  background: #ffffff0b;
  border: 1px solid #ffffff14;
  border-radius: 14px;
  gap: 5px;
  padding: 14px;
  display: grid;
}

.garage-comparison-item strong {
  color: #fff;
  font-size: 1rem;
}

.garage-comparison-item span {
  color: #b8b4ac;
  font-size: .82rem;
}

.garage-comparison-item b {
  color: #e9bd5d;
  font-size: 1.05rem;
}

.garage-comparison-hint {
  color: #aaa49a;
  margin: 0;
  font-size: .86rem;
}

.garage-toolbar label {
  align-items: center;
  gap: 7px;
  display: flex;
}

.garage-toolbar select, .garage-toolbar input {
  min-width: 0;
}

.garage-actions .ghost-button.active {
  color: #f4c85e;
  background: #f4c85e1a;
  border-color: #f4c85ea6;
}

@media (max-width: 700px) {
  .garage-comparison {
    padding: 14px;
  }

  .garage-comparison-grid {
    grid-template-columns: 1fr;
  }

  .garage-comparison-heading {
    flex-direction: column;
    align-items: stretch;
  }

  .garage-comparison-heading .ghost-button {
    align-self: flex-start;
  }

  .garage-toolbar {
    flex-wrap: nowrap;
    padding-bottom: 4px;
    overflow-x: auto;
  }

  .garage-toolbar label {
    flex: none;
  }

  .garage-toolbar select {
    max-width: 180px;
  }
}

.garage-aerial-filters {
  align-items: center;
  gap: .7rem;
  display: flex;
}

.garage-aerial-filters label {
  color: #d6ae5a;
  background: #0a1426d1;
  border: 1px solid #d6ae5a52;
  align-items: center;
  gap: .45rem;
  width: min(100%, 360px);
  padding: .65rem .75rem;
  display: flex;
}

.garage-aerial-filters select {
  color: #f5f7fb;
  background: none;
  border: 0;
  outline: 0;
  width: 100%;
}

.garage-aerial-filters option {
  color: #f5f7fb;
  background: #101b31;
}

@media (max-width: 620px) {
  .garage-aerial-filters label {
    width: 100%;
  }
}

.garage-tab-count {
  border: 1px solid;
  border-radius: 999px;
  place-items: center;
  min-width: 1.35rem;
  height: 1.35rem;
  padding: 0 .25rem;
  font-size: .68rem;
  line-height: 1;
  display: inline-grid;
}

.garage-tabs button.active .garage-tab-count {
  background: #07101f1f;
  border-color: #07101f52;
}

.garage-grid {
  scroll-snap-type: x proximity;
  touch-action: pan-x;
  scrollbar-width: thin;
  scrollbar-color: #d6ae5acc #ffffff14;
  gap: .9rem;
  padding: .15rem .1rem .55rem;
  scroll-padding-inline: .25rem;
  display: flex;
  overflow: auto visible;
}

.garage-grid::-webkit-scrollbar {
  height: 8px;
}

.garage-grid::-webkit-scrollbar-track {
  background: #ffffff14;
}

.garage-grid::-webkit-scrollbar-thumb {
  background: #d6ae5ad1;
  border-radius: 999px;
}

.garage-card {
  scroll-snap-align: start;
  flex: 0 0 min(326px, 82vw);
}

@media (min-width: 980px) {
  .garage-card {
    flex-basis: 31%;
  }
}

@media (max-width: 620px) {
  .garage-card {
    flex-basis: 84vw;
  }
}

.garage-card-photo {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

.garage-card-body {
  grid-template-rows: auto auto minmax(2.7rem, auto) auto auto;
  min-width: 0;
}

.garage-card-body .asset-type {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  line-height: 1.35;
  display: block;
  overflow: hidden;
}

.garage-card-body h3 {
  -webkit-line-clamp: 2;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  min-width: 0;
  min-height: 2.55rem;
  line-height: 1.28;
  display: -webkit-box;
  overflow: hidden;
}

.garage-card-body > p {
  -webkit-line-clamp: 3;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  min-width: 0;
  min-height: 3.35rem;
  line-height: 1.42;
  display: -webkit-box;
  overflow: hidden;
}

.garage-metrics {
  align-items: start;
  min-width: 0;
}

.garage-metrics span, .garage-metrics b {
  overflow-wrap: anywhere;
  min-width: 0;
}

.garage-metrics b {
  line-height: 1.25;
  display: block;
}

.garage-actions {
  align-items: stretch;
  min-width: 0;
}

.garage-actions button {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.garage-primary-action, .garage-workshop-action {
  flex: 1 0 100%;
}

.garage-transaction-button, .garage-workshop-button {
  color: #07101f;
  cursor: pointer;
  background: #d6ae5a;
  border: 1px solid #d6ae5ab8;
  justify-content: center;
  align-items: center;
  gap: 7px;
  width: 100%;
  min-height: 38px;
  padding: 9px 11px;
  font-weight: 800;
  display: inline-flex;
}

.garage-sell-button {
  color: #f2ce76;
  background: none;
  border-color: #f2ce76b3;
}

.garage-workshop-button {
  color: #d7e9ff;
  background: #4686be2b;
  border-color: #67ade88c;
  font-size: .72rem;
}

.garage-transaction-button:disabled, .garage-workshop-button:disabled {
  opacity: .58;
  cursor: not-allowed;
  filter: saturate(.65);
}

.garage-modal-transaction {
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin: 15px 0;
  display: grid;
}

.garage-modal-transaction .garage-transaction-button, .garage-modal-transaction .garage-workshop-button {
  font-size: .76rem;
}

.garage-actions button:disabled, .garage-capacity button:disabled {
  cursor: not-allowed;
  opacity: .62;
  filter: saturate(.7);
}

@media (max-width: 620px) {
  .garage-card-body > p {
    min-height: 3.2rem;
  }

  .garage-metrics {
    gap: .25rem;
  }

  .garage-metrics span {
    font-size: .64rem;
  }

  .garage-modal-transaction {
    grid-template-columns: 1fr;
  }
}

.garage-grid {
  scroll-snap-type: x mandatory;
  touch-action: pan-x;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
  flex-wrap: nowrap;
  gap: 1rem;
  padding: .25rem .25rem 1rem;
  display: flex;
  overflow: auto visible;
}

.garage-grid > .garage-card {
  scroll-snap-align: start;
  flex: 0 0 min(22rem, 86vw);
  min-width: 0;
}

.garage-card {
  min-height: 100%;
  overflow: visible;
}

.garage-image-wrap {
  min-height: 11rem;
}

.garage-card-placeholder {
  color: var(--gold, #d6ae5a);
  opacity: .9;
}

.garage-modal-photo {
  object-fit: contain;
  width: 100%;
  max-height: 22rem;
}

.garage-tabs {
  scrollbar-width: thin;
  flex-wrap: nowrap;
  overflow-x: auto;
}

.garage-tabs > button {
  white-space: nowrap;
  flex: none;
}

@media (min-width: 900px) {
  .garage-grid > .garage-card {
    flex-basis: 20rem;
  }
}

@media (max-width: 620px) {
  .garage-grid {
    gap: .75rem;
  }

  .garage-grid > .garage-card {
    flex-basis: 84vw;
  }

  .garage-image-wrap {
    min-height: 10rem;
  }
}

.garage-grid > .garage-card {
  isolation: isolate;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.garage-grid > .garage-card .garage-image-wrap {
  flex: 0 0 11rem;
  height: 11rem;
  min-height: 11rem;
  overflow: hidden;
}

.garage-grid > .garage-card .garage-card-body {
  flex: auto;
  grid-template-rows: auto 2.6rem 3.35rem auto minmax(9.3rem, auto);
  min-height: 20.4rem;
}

.garage-grid > .garage-card .garage-card-body h3 {
  height: 2.6rem;
}

.garage-grid > .garage-card .garage-card-body > p {
  height: 3.35rem;
}

.garage-grid > .garage-card .garage-actions {
  margin-top: auto;
}

@media (max-width: 620px) {
  .garage-grid > .garage-card .garage-image-wrap {
    flex-basis: 10rem;
    height: 10rem;
    min-height: 10rem;
  }

  .garage-grid > .garage-card .garage-card-body {
    min-height: 20.1rem;
  }
}

.club-ownership-panel {
  background: linear-gradient(145deg, #1b191ff5, #0f1015f0);
  border: 1px solid #d6ae5a3d;
  border-radius: 18px;
  margin-top: 18px;
  padding: 18px;
  box-shadow: 0 16px 38px #0000002e;
}

.club-ownership-panel h3 {
  color: #f5e7bd;
  margin: .2rem 0 0;
  font-size: 1.15rem;
}

.muted-copy {
  color: #a9a4ae;
  max-width: 760px;
  line-height: 1.55;
}

.status-pill {
  color: #bbb4c0;
  background: #ffffff12;
  border-radius: 999px;
  align-items: center;
  padding: 5px 9px;
  font-size: .72rem;
  display: inline-flex;
}

.status-pill--live {
  color: #8be3ac;
  background: #40b46924;
}

.ownership-club-tabs {
  gap: 8px;
  padding: 4px 0 12px;
  display: flex;
  overflow-x: auto;
}

.ownership-club-tab {
  text-align: left;
  color: #ddd;
  cursor: pointer;
  background: #ffffff09;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  flex-direction: column;
  gap: 4px;
  min-width: 150px;
  padding: 10px 12px;
  display: flex;
}

.ownership-club-tab small {
  color: #a8a0ad;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .62rem;
}

.ownership-club-tab.is-active {
  color: #f3d88d;
  background: #d6ae5a1f;
  border-color: #d6ae5ab3;
}

.ownership-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.ownership-stat {
  background: #ffffff0b;
  border-radius: 12px;
  min-width: 0;
  padding: 10px;
}

.ownership-stat span, .ownership-estimate span {
  color: #9f99a4;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: .7rem;
  display: block;
}

.ownership-stat strong, .ownership-estimate strong {
  color: #f6e6b6;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 4px;
  font-size: .9rem;
  display: block;
  overflow: hidden;
}

.ownership-trade-row {
  flex-wrap: wrap;
  align-items: end;
  gap: 10px;
  margin-top: 12px;
  display: flex;
}

.ownership-trade-row label {
  color: #b9b2bd;
  flex-direction: column;
  gap: 5px;
  font-size: .75rem;
  display: flex;
}

.ownership-trade-row input {
  color: #fff;
  background: #111218;
  border: 1px solid #ffffff1f;
  border-radius: 10px;
  width: 150px;
  padding: 10px 11px;
}

.ownership-estimate {
  min-width: 130px;
}

.primary-action, .secondary-action {
  cursor: pointer;
  border: 0;
  border-radius: 10px;
  padding: 10px 14px;
  font-weight: 700;
}

.primary-action {
  color: #17130a;
  background: #d6ae5a;
}

.secondary-action {
  color: #eee;
  background: #ffffff17;
}

.primary-action:disabled, .secondary-action:disabled {
  opacity: .42;
  cursor: not-allowed;
}

.ownership-footnote {
  color: #87818c;
  margin-top: 10px;
  font-size: .7rem;
}

@media (max-width: 700px) {
  .club-ownership-panel {
    border-radius: 15px;
    padding: 14px;
  }

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

  .ownership-trade-row {
    align-items: stretch;
  }

  .ownership-trade-row label, .ownership-estimate {
    flex: 1;
    min-width: 125px;
  }

  .ownership-trade-row input {
    width: 100%;
  }

  .primary-action, .secondary-action {
    flex: 1;
    min-width: 140px;
  }
}

.offline-earnings-panel {
  background: linear-gradient(118deg, #272c45f0, #071226e0);
  border: 1px solid #d6ae5a6b;
  margin-bottom: 14px;
  padding: 19px;
  animation: .32s cubic-bezier(.23, 1, .32, 1) both rise;
  box-shadow: 0 18px 42px #00000029;
}

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

.offline-earnings-header h2 {
  margin: 7px 0 6px;
  font-size: clamp(22px, 3vw, 30px);
}

.offline-earnings-header p, .offline-note {
  color: #9eacbf;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  line-height: 1.45;
  display: flex;
}

.offline-net {
  white-space: nowrap;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  display: flex;
}

.offline-net strong {
  font-family: Space Grotesk;
  font-size: 21px;
}

.offline-net small {
  color: #8290a6;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 9px;
}

.offline-net.positive, .offline-sector-row .positive {
  color: #68d6a4;
}

.offline-net.negative, .offline-sector-row .negative {
  color: #f4867e;
}

.offline-earnings-summary {
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin: 17px 0 11px;
  display: grid;
}

.offline-earnings-summary span {
  color: #9eacbf;
  background: #0712269e;
  border: 1px solid #cedcf61a;
  align-items: center;
  gap: 7px;
  padding: 10px 11px;
  font-size: 10px;
  display: flex;
}

.offline-earnings-summary b {
  color: #eef2f8;
  margin-left: auto;
  font-family: Space Grotesk;
}

.offline-sector-list {
  gap: 4px;
  display: grid;
}

.offline-sector-row {
  background: #07122670;
  border-bottom: 1px solid #cedcf614;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 9px 10px;
  display: flex;
}

.offline-sector-row > div {
  min-width: 0;
}

.offline-sector-row strong, .offline-sector-row small {
  display: block;
}

.offline-sector-row strong {
  color: #dce5f2;
  font-size: 10px;
}

.offline-sector-row small {
  color: #77869c;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 8px;
  overflow: hidden;
}

.offline-sector-row > b {
  white-space: nowrap;
  font-family: Space Grotesk;
  font-size: 11px;
}

.offline-note {
  margin-top: 11px;
}

.offline-dismiss {
  color: #d6ae5a;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: .07em;
  background: none;
  border: 1px solid #d6ae5a57;
  margin: 14px 0 0 auto;
  padding: 8px 11px;
  font-size: 9px;
  display: block;
}

.offline-dismiss:hover {
  background: #d6ae5a1a;
}

@media (max-width: 720px) {
  .offline-earnings-header {
    flex-direction: column;
  }

  .offline-net {
    align-items: flex-start;
  }

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

  .offline-sector-row small {
    max-width: 210px;
  }

  .offline-earnings-panel {
    padding: 15px;
  }
}

.workforce-panel {
  background: linear-gradient(135deg, #111b2df5, #0b121ff0);
  border: 1px solid #d6ae5a38;
  margin-top: 18px;
  padding: 22px 24px;
  box-shadow: 0 18px 48px #0003;
}

.workforce-panel .section-heading {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.workforce-panel h2 {
  color: #f4f0e6;
  margin: 5px 0 0;
  font-family: Georgia, serif;
  font-size: clamp(1.35rem, 2vw, 2rem);
  font-weight: 500;
}

.workforce-badge {
  color: #d6ae5a;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px solid #d6ae5a59;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  font-size: .72rem;
  display: inline-flex;
}

.workforce-intro, .workforce-note {
  color: #91a0b6;
  margin: 12px 0;
  font-size: .86rem;
  line-height: 1.55;
}

.workforce-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
  display: grid;
}

.workforce-metrics > div {
  color: #8bc8ff;
  background: #ffffff09;
  align-items: flex-start;
  gap: 9px;
  padding: 13px;
  display: flex;
}

.workforce-metrics span {
  color: #98a7bc;
  text-transform: uppercase;
  letter-spacing: .06em;
  gap: 4px;
  font-size: .72rem;
  display: grid;
}

.workforce-metrics strong {
  color: #f5f1e9;
  letter-spacing: 0;
  text-transform: none;
  font-size: .98rem;
}

.workforce-rows {
  gap: 7px;
  margin-top: 16px;
  display: grid;
}

.workforce-row {
  color: #e7e5df;
  border-top: 1px solid #ffffff14;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 0;
  font-size: .84rem;
  display: flex;
}

.workforce-row small {
  color: #8d9bb0;
  text-align: right;
}

@media (max-width: 720px) {
  .workforce-panel {
    padding: 18px;
  }

  .workforce-panel .section-heading {
    display: grid;
  }

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

  .workforce-row {
    gap: 4px;
    display: grid;
  }

  .workforce-row small {
    text-align: left;
  }

  .workforce-badge {
    width: max-content;
  }
}

.depth-panel {
  color: #eef3fb;
  background: linear-gradient(135deg, #10192bf5, #0b1220e0);
  border: 1px solid #d6ae5a47;
  margin-top: 18px;
  padding: 22px;
}

.depth-panel .section-heading {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.depth-panel h2 {
  letter-spacing: -.03em;
  margin: 5px 0 0;
  font-size: clamp(1.35rem, 2vw, 2rem);
}

.depth-round, .depth-footer span {
  color: #aebbd0;
  text-transform: uppercase;
  letter-spacing: .12em;
  align-items: center;
  gap: 6px;
  font-size: .72rem;
  display: inline-flex;
}

.depth-macro {
  background: #d6ae5a14;
  border: 1px solid #d6ae5a2e;
  justify-content: space-between;
  gap: 16px;
  margin-top: 18px;
  padding: 16px;
  display: flex;
}

.depth-macro strong {
  margin-top: 5px;
  font-size: 1.05rem;
  display: block;
}

.depth-macro p {
  color: #aebbd0;
  margin: 5px 0 0;
  font-size: .86rem;
  line-height: 1.45;
}

.depth-macro > b {
  color: #d6ae5a;
  align-self: center;
  font-size: 1.5rem;
}

.depth-grid {
  background: #9fb0cb24;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-top: 18px;
  display: grid;
}

.depth-grid > div {
  color: #d6ae5a;
  background: #111c30;
  align-items: flex-start;
  gap: 10px;
  padding: 13px;
  display: flex;
}

.depth-grid span {
  color: #aebbd0;
  text-transform: uppercase;
  letter-spacing: .08em;
  gap: 3px;
  font-size: .68rem;
  display: grid;
}

.depth-grid strong {
  color: #eef3fb;
  letter-spacing: 0;
  text-transform: none;
  font-size: .84rem;
}

.depth-footer {
  color: #aebbd0;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 16px;
  display: flex;
}

.depth-footer span:last-child {
  color: #d6ae5a;
  margin-left: auto;
}

@media (max-width: 720px) {
  .depth-panel {
    padding: 16px;
  }

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

  .depth-footer span:last-child {
    margin-left: 0;
  }

  .depth-macro {
    align-items: flex-start;
  }
}

.alliance-board {
  border-top: 1px solid #9fb0cb2e;
  margin-top: 20px;
  padding-top: 20px;
}

.alliance-board .section-heading {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.alliance-board h2 {
  margin: 5px 0;
  font-size: 1.22rem;
}

.alliance-board .section-heading p {
  color: #aebbd0;
  max-width: 700px;
  margin: 0;
  font-size: .86rem;
  line-height: 1.5;
}

.alliance-status {
  white-space: nowrap;
  color: #d6ae5a;
  text-transform: uppercase;
  letter-spacing: .1em;
  align-items: center;
  gap: 7px;
  font-size: .72rem;
  display: inline-flex;
}

.alliance-create, .alliance-controls {
  background: #111c30b8;
  border: 1px solid #9fb0cb29;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  margin-top: 16px;
  padding: 14px;
  display: grid;
}

.alliance-create label, .alliance-controls label {
  color: #aebbd0;
  text-transform: uppercase;
  letter-spacing: .08em;
  gap: 6px;
  font-size: .68rem;
  display: grid;
}

.alliance-create input, .alliance-controls input {
  color: #eef3fb;
  min-width: 0;
  font: inherit;
  background: #0a1221;
  border: 1px solid #9fb0cb47;
  padding: 10px;
}

.alliance-create button, .alliance-controls button, .alliance-initiatives button, .alliance-members button {
  color: #f1d27e;
  cursor: pointer;
  background: #d6ae5a21;
  border: 1px solid #d6ae5a70;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 10px 12px;
  font: 600 .78rem / 1 inherit;
  display: inline-flex;
}

.alliance-create button:hover, .alliance-controls button:hover, .alliance-initiatives button:hover, .alliance-members button:hover {
  background: #d6ae5a40;
}

.alliance-list {
  gap: 14px;
  margin-top: 16px;
  display: grid;
}

.alliance-card {
  background: linear-gradient(135deg, #121e33f0, #09101de6);
  border: 1px solid #d6ae5a38;
  padding: 16px;
}

.alliance-card header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.alliance-card h3 {
  margin: 4px 0 0;
  font-size: 1.08rem;
}

.alliance-card header > strong {
  color: #72d7ad;
  font-size: .82rem;
}

.alliance-metrics {
  background: #9fb0cb24;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-top: 14px;
  display: grid;
}

.alliance-metrics span {
  color: #aebbd0;
  background: #111c30;
  gap: 4px;
  padding: 11px;
  font-size: .72rem;
  display: grid;
}

.alliance-metrics svg {
  color: #d6ae5a;
}

.alliance-metrics b {
  color: #eef3fb;
  font-size: .84rem;
}

.alliance-members {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  display: flex;
}

.alliance-members > span {
  color: #d8e9f6;
  background: #7ebedc14;
  border: 1px solid #7ebedc33;
  align-items: center;
  gap: 6px;
  padding: 7px 9px;
  font-size: .75rem;
  display: inline-flex;
}

.alliance-members small {
  color: #aebbd0;
}

.alliance-members button {
  padding: 4px 6px;
  font-size: .66rem;
}

.alliance-controls {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 14px;
}

.alliance-controls form {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 8px;
  display: grid;
}

.alliance-initiatives {
  gap: 6px;
  margin-top: 16px;
  display: grid;
}

.alliance-initiatives > button {
  text-align: left;
  background: #08101ea8;
  border-color: #9fb0cb33;
  justify-content: flex-start;
}

.alliance-initiatives > button span {
  flex: 1;
  gap: 3px;
  display: grid;
}

.alliance-initiatives > button small {
  color: #aebbd0;
  font-weight: 400;
}

.alliance-initiatives > button em {
  color: #d6ae5a;
  white-space: nowrap;
  font-style: normal;
}

.alliance-initiatives > button:disabled {
  opacity: .46;
  cursor: not-allowed;
}

.alliance-ledger {
  gap: 4px;
  margin-top: 16px;
  display: grid;
}

.alliance-ledger p {
  color: #cfd9e8;
  gap: 8px;
  margin: 0;
  font-size: .78rem;
  display: flex;
}

.alliance-ledger small {
  color: #d6ae5a;
  min-width: 68px;
}

.alliance-board footer {
  color: #aebbd0;
  gap: 6px;
  margin-top: 14px;
  font-size: .75rem;
  display: grid;
}

.alliance-board footer span {
  color: #d6ae5a;
}

@media (max-width: 720px) {
  .alliance-board .section-heading, .alliance-card header {
    display: grid;
  }

  .alliance-status {
    white-space: normal;
  }

  .alliance-create, .alliance-controls, .alliance-controls form {
    grid-template-columns: 1fr;
  }

  .alliance-metrics {
    grid-template-columns: 1fr 1fr;
  }
}

.sector-events-panel, .season-leaderboard {
  color: #eef3fb;
  background: linear-gradient(135deg, #10192bf5, #0b1220e6);
  border: 1px solid #9fb0cb33;
  margin-top: 18px;
  padding: 22px;
}

.sector-events-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
  display: grid;
}

.sector-event-card {
  background: #0c1423c7;
  border: 1px solid #d6ae5a2e;
  padding: 16px;
}

.sector-event-card.severity-high {
  border-color: #da695b73;
}

.sector-event-card.severity-medium {
  border-color: #d6ae5a59;
}

.sector-event-top {
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.sector-event-icon {
  color: #d6ae5a;
  background: #d6ae5a1f;
  place-items: center;
  width: 30px;
  height: 30px;
  display: grid;
}

.sector-event-card h3 {
  margin: 4px 0 0;
  font-size: 1rem;
}

.sector-event-card p {
  color: #aebbd0;
  font-size: .82rem;
  line-height: 1.45;
}

.sector-event-choices {
  gap: 8px;
  display: grid;
}

.sector-event-choices button {
  text-align: left;
  color: #eef3fb;
  background: #17243a;
  border: 1px solid #9fb0cb29;
  grid-template-columns: 1fr auto;
  gap: 2px 8px;
  padding: 10px;
  display: grid;
}

.sector-event-choices button small {
  color: #8f9fb7;
  grid-column: 1 / -1;
  font-size: .68rem;
  line-height: 1.35;
}

.sector-event-choices button svg {
  color: #d6ae5a;
  grid-area: 1 / 2;
  align-self: center;
}

.sector-event-note {
  color: #8f9fb7;
  align-items: center;
  gap: 7px;
  margin-top: 14px;
  font-size: .72rem;
  display: flex;
}

.leaderboard-status {
  color: #8f9fb7;
  text-transform: uppercase;
  letter-spacing: .1em;
  align-items: center;
  gap: 6px;
  font-size: .72rem;
  display: inline-flex;
}

.leaderboard-status.online {
  color: #72d5a5;
}

.leaderboard-list {
  background: #9fb0cb24;
  gap: 1px;
  margin-top: 16px;
  display: grid;
}

.leaderboard-row {
  background: #111c30;
  grid-template-columns: 36px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 12px;
  display: grid;
}

.leaderboard-rank {
  color: #d6ae5a;
  place-items: center;
  font-weight: 700;
  display: grid;
}

.leaderboard-name {
  gap: 3px;
  display: grid;
}

.leaderboard-name small, .leaderboard-score small {
  color: #8f9fb7;
  font-size: .68rem;
}

.leaderboard-score {
  text-align: right;
  gap: 3px;
  display: grid;
}

.leaderboard-score strong {
  color: #d6ae5a;
}

.leaderboard-empty {
  color: #8f9fb7;
  background: #111c30;
  align-items: center;
  gap: 8px;
  padding: 18px;
  font-size: .82rem;
  display: flex;
}

@media (max-width: 900px) {
  .sector-events-list {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 650px) {
  .sector-events-panel, .season-leaderboard {
    padding: 16px;
  }

  .sector-events-list {
    grid-template-columns: 1fr;
  }
}

.retail-gallery-rail .retail-gallery-card {
  flex: 0 0 288px;
  width: 288px;
  height: 376px;
}

.retail-gallery-rail .retail-gallery-card .industrial-gallery-photo {
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 145px;
  min-height: 145px;
}

.retail-gallery-rail .retail-gallery-card .industrial-gallery-copy {
  gap: 4px;
  padding: 7px 9px 8px;
}

.retail-gallery-rail .retail-gallery-card .industrial-gallery-copy h3 {
  min-height: 0;
  margin: 4px 0 2px;
  font-size: 14px;
  line-height: 1.15;
}

.retail-gallery-rail .retail-gallery-card .industrial-gallery-copy p {
  min-height: 0;
  margin: 0;
  font-size: 9px;
  line-height: 1.25;
}

.retail-gallery-rail .retail-gallery-card .industrial-gallery-copy .industrial-location {
  font-size: 9px;
  line-height: 1.2;
}

.retail-gallery-rail .retail-gallery-card .industrial-gallery-stats {
  gap: 8px;
  margin-top: 5px;
  padding-top: 6px;
  font-size: 9px;
}

.retail-gallery-rail .retail-gallery-card .industrial-gallery-stats span {
  gap: 2px;
}

.retail-gallery-rail .retail-gallery-card .business-action {
  min-height: 28px;
  margin-top: 3px;
  padding: 5px 0;
  font-size: .68rem;
  line-height: 1.1;
}

.retail-gallery-rail .retail-gallery-card .retail-upgrade-action {
  margin-top: 0;
}

@media (max-width: 700px) {
  .retail-gallery-rail .retail-gallery-card {
    flex-basis: 288px;
    width: 288px;
    height: 376px;
  }

  .retail-gallery-rail .retail-gallery-card .industrial-gallery-photo {
    height: 145px;
    min-height: 145px;
  }

  .retail-gallery-rail .retail-gallery-card .industrial-gallery-copy {
    padding: 8px 10px 9px;
  }
}

.retail-market-section > .section-heading {
  gap: 8px;
  margin-bottom: 7px;
}

.retail-market-section > .section-heading h3 {
  margin-top: 2px;
  margin-bottom: 0;
}

.retail-market-section > .section-heading .market-status {
  margin-top: 2px;
}

.retail-market-section .retail-gallery-rail {
  padding-top: 5px;
  padding-bottom: 7px;
}

.retail-market-section .retail-gallery-card .industrial-gallery-copy {
  gap: 3px;
}

.retail-market-section .retail-gallery-card .industrial-gallery-stats {
  margin-top: 3px;
  padding-top: 4px;
}

.retail-market-section > .industrial-gallery-progress {
  margin-top: 6px;
  margin-bottom: 4px;
  line-height: 1.3;
}

@media (max-width: 700px) {
  .retail-market-section > .section-heading {
    gap: 5px;
    margin-bottom: 5px;
  }

  .retail-market-section .retail-gallery-rail {
    padding-top: 4px;
    padding-bottom: 6px;
  }

  .retail-market-section > .industrial-gallery-progress {
    margin-top: 5px;
    margin-bottom: 3px;
  }
}

.compact-gallery-section {
  --compact-section-gap: 7px;
  --compact-rail-top: 5px;
  --compact-rail-bottom: 7px;
  --compact-copy-gap: 3px;
  --compact-stats-top: 3px;
  --compact-stats-padding: 4px;
}

.compact-gallery-section > .section-heading {
  margin-bottom: var(--compact-section-gap);
}

.compact-gallery-section .retail-gallery-rail {
  padding-top: var(--compact-rail-top);
  padding-bottom: var(--compact-rail-bottom);
}

.compact-gallery-section .retail-gallery-card .industrial-gallery-copy {
  gap: var(--compact-copy-gap);
}

.compact-gallery-section .retail-gallery-card .industrial-gallery-stats {
  margin-top: var(--compact-stats-top);
  padding-top: var(--compact-stats-padding);
}

@media (max-width: 700px) {
  .compact-gallery-section {
    --compact-section-gap: 5px;
    --compact-rail-top: 4px;
    --compact-rail-bottom: 6px;
  }
}

.compact-management-panel > .section-heading, .compact-management-panel .asset-section > .section-heading {
  margin-bottom: 9px;
}

.compact-management-panel .football-command-grid, .compact-management-panel .football-columns {
  gap: 10px;
}

.compact-management-panel .football-command-card, .compact-management-panel .asset-section {
  padding: 13px;
}

.compact-management-panel .football-result-panel {
  padding: 14px;
}

.compact-management-panel .garage-hero {
  padding: 18px;
}

.compact-management-panel .garage-capacity {
  padding: 12px 14px;
}

.compact-management-panel .garage-card-body {
  padding: 12px;
}

.compact-management-panel .garage-grid {
  gap: 10px;
}

@media (max-width: 700px) {
  .compact-management-panel > .section-heading, .compact-management-panel .asset-section > .section-heading {
    margin-bottom: 7px;
  }

  .compact-management-panel .football-command-card, .compact-management-panel .asset-section {
    padding: 11px;
  }

  .compact-management-panel .garage-card-body {
    padding: 10px;
  }
}

.retail-filter-toolbar {
  background: #071226b8;
  border: 1px solid #d6ae5a2e;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 4px 0 12px;
  padding: 10px;
  display: grid;
}

.retail-filter-toolbar label {
  gap: 4px;
  min-width: 0;
  display: grid;
}

.retail-filter-toolbar label span {
  color: #9aa9bb;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 9px;
}

.retail-filter-toolbar select {
  color: #edf2fa;
  background: #ffffff0b;
  border: 1px solid #cedcf626;
  width: 100%;
  min-width: 0;
  padding: 8px 9px;
  font-size: 11px;
}

@media (max-width: 700px) {
  .retail-filter-toolbar {
    grid-template-columns: 1fr;
    gap: 6px;
    margin: 3px 0 9px;
    padding: 8px;
  }

  .retail-filter-toolbar select {
    padding: 7px 8px;
  }
}

.qa-export {
  cursor: pointer;
  background: none;
  border: 0;
  margin: 0 0 .75rem;
  display: inline-flex;
}

.qa-performance-chart {
  border-bottom: 1px solid #19263d2e;
  align-items: end;
  gap: .35rem;
  min-height: 112px;
  padding-top: .75rem;
  display: flex;
}

.qa-chart-column {
  justify-content: center;
  align-items: end;
  gap: 2px;
  width: 18px;
  height: 96px;
  display: flex;
}

.qa-chart-lcp, .qa-chart-heap {
  border-radius: 2px 2px 0 0;
  width: 7px;
  min-height: 2px;
  display: block;
}

.qa-chart-lcp {
  background: #c8943d;
}

.qa-chart-heap {
  background: #41658f;
}

.beta-overlay {
  z-index: 80;
  background: #030a16b8;
  place-items: center;
  padding: 18px;
  display: grid;
  position: fixed;
  inset: 0;
}

.beta-modal {
  color: #f5f7fb;
  background: #071426;
  border: 1px solid #d8ae538c;
  width: min(560px, 100%);
  max-height: calc(100vh - 36px);
  padding: 28px;
  position: relative;
  overflow: auto;
  box-shadow: 0 24px 80px #00000073;
}

.beta-modal h2, .beta-drawer h2 {
  margin: 6px 0 14px;
  font-family: Georgia, serif;
  font-size: clamp(24px, 4vw, 38px);
  line-height: 1.05;
}

.beta-modal p {
  color: #c0ccdb;
  line-height: 1.55;
}

.beta-modal ol {
  color: #dce5ef;
  margin: 18px 0;
  padding-left: 22px;
  line-height: 1.8;
}

.beta-privacy {
  font-size: 12px;
  color: #8fa2b7 !important;
}

.beta-close {
  color: #d7e1ee;
  cursor: pointer;
  background: none;
  border: 1px solid #3b4b61;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
  position: absolute;
  top: 12px;
  right: 12px;
}

.beta-actions {
  justify-content: flex-end;
  gap: 10px;
  margin-top: 22px;
  display: flex;
}

.beta-primary, .beta-secondary {
  cursor: pointer;
  border: 1px solid #d8ae53;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 16px;
  font-weight: 700;
  display: inline-flex;
}

.beta-primary {
  color: #071426;
  background: #d8ae53;
}

.beta-primary:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.beta-secondary {
  color: #dce5ef;
  background: none;
  border-color: #52647c;
}

.beta-tools {
  z-index: 50;
  gap: 8px;
  display: flex;
  position: fixed;
  bottom: 86px;
  right: 16px;
}

.beta-tools button {
  color: #e7edf5;
  cursor: pointer;
  background: #09182b;
  border: 1px solid #53657c;
  align-items: center;
  gap: 7px;
  padding: 10px 13px;
  font-size: 12px;
  display: inline-flex;
}

.beta-drawer {
  z-index: 55;
  color: #f5f7fb;
  background: #071426;
  border: 1px solid #d8ae53;
  width: min(360px, 100vw - 32px);
  padding: 24px;
  position: fixed;
  bottom: 144px;
  right: 16px;
  box-shadow: 0 18px 50px #00000059;
}

.beta-metric-grid {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 18px 0;
  display: grid;
}

.beta-metric-grid span {
  color: #9db0c7;
  text-transform: uppercase;
  letter-spacing: .08em;
  border: 1px solid #2c405b;
  padding: 12px;
  font-size: 11px;
}

.beta-metric-grid strong {
  color: #fff;
  margin-top: 5px;
  font-size: 25px;
  display: block;
}

.beta-modal label {
  color: #c0ccdb;
  gap: 7px;
  margin: 14px 0;
  font-size: 13px;
  display: grid;
}

.beta-modal select, .beta-modal textarea {
  color: #fff;
  width: 100%;
  font: inherit;
  background: #0b1b30;
  border: 1px solid #455a73;
  padding: 11px;
}

.beta-modal textarea {
  resize: vertical;
  min-height: 125px;
}

.beta-success {
  color: #8ce3c5;
  border: 1px solid #49b890;
  align-items: center;
  gap: 10px;
  margin: 20px 0;
  padding: 16px;
  display: flex;
}

.beta-triage {
  width: min(760px, 100%);
}

.beta-triage-list {
  gap: 10px;
  margin-top: 16px;
  display: grid;
}

.beta-triage-item {
  background: #08182a;
  border: 1px solid #2d435e;
  padding: 14px;
}

.beta-triage-item > div:first-child {
  color: #aebdd0;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  display: flex;
}

.beta-triage-item b {
  color: #f2d17d;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.beta-triage-item p {
  color: #edf3f9;
  white-space: pre-wrap;
  margin: 10px 0;
}

.beta-triage-item small {
  color: #8fa2b7;
}

.beta-triage-actions {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 12px;
  display: grid;
}

.beta-triage-actions label {
  margin: 0;
}

.beta-triage-item.p0 {
  border-color: #ef5b5b;
}

.beta-triage-item.p1 {
  border-color: #e9b95c;
}

.beta-triage-error {
  z-index: 90;
  color: #ffe0e0;
  background: #40151b;
  border: 1px solid #df5963;
  max-width: min(420px, 100vw - 32px);
  padding: 12px;
  font-size: 13px;
  position: fixed;
  bottom: 148px;
  right: 16px;
}

@media (max-width: 640px) {
  .beta-tools {
    bottom: 84px;
    left: 10px;
    right: 10px;
  }

  .beta-tools button {
    flex: 1;
    justify-content: center;
    min-height: 40px;
  }

  .beta-drawer {
    width: calc(100vw - 20px);
    bottom: 138px;
    right: 10px;
  }

  .beta-modal {
    padding: 24px 18px;
  }

  .beta-actions {
    flex-direction: column;
  }

  .beta-actions button {
    width: 100%;
  }

  .beta-triage-actions {
    grid-template-columns: 1fr;
  }

  .beta-triage-error {
    max-width: calc(100vw - 20px);
    bottom: 142px;
    right: 10px;
  }
}

.compact-primary-nav {
  padding-top: 28px;
}

.compact-primary-nav > .eyebrow {
  margin-bottom: 10px;
  display: block;
}

.compact-primary-link {
  min-height: 42px;
  margin: 2px 0;
}

.compact-primary-link span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.compact-subnav {
  background: #07122647;
  border-left: 1px solid #d6ae5a4d;
  margin: 8px 0 0 12px;
  padding: 9px 0 4px 10px;
}

.compact-subnav > .eyebrow {
  color: #d6ae5a;
  margin-bottom: 5px;
  display: block;
}

.compact-subnav-link {
  min-height: 34px;
  padding: 8px;
  font-size: 11px;
}

.compact-subnav-link.active {
  background: #d6ae5a14;
  border-left: 1px solid #d6ae5a;
}

.compact-bottom-nav, .compact-bottom-menu {
  display: none;
}

@media (max-width: 980px) {
  .dashboard {
    grid-template-columns: 176px minmax(0, 1fr);
    gap: 20px;
    padding-left: 22px;
    padding-right: 22px;
  }

  .right-rail {
    display: none;
  }
}

@media (max-width: 720px) {
  .dashboard {
    padding: 20px 14px 92px;
    display: block;
  }

  .side-rail {
    display: none;
  }

  .content-area {
    width: 100%;
  }

  .compact-bottom-nav {
    z-index: 20;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: #071226f0;
    border: 1px solid #d6ae5a40;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 2px;
    padding: 7px;
    display: grid;
    position: fixed;
    bottom: 12px;
    left: 12px;
    right: 12px;
    box-shadow: 0 12px 32px #00000061;
  }

  .compact-bottom-nav button {
    color: #8998ac;
    cursor: pointer;
    background: none;
    justify-items: center;
    gap: 4px;
    min-width: 0;
    min-height: 52px;
    padding: 6px 1px;
    display: grid;
    position: relative;
  }

  .compact-bottom-nav button.active {
    color: #f0ca73;
    background: #d6ae5a1f;
  }

  .compact-bottom-nav button span {
    place-items: center;
    min-height: 20px;
    display: grid;
    position: relative;
  }

  .compact-bottom-nav button small {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    font-size: 7.5px;
    line-height: 1;
    overflow: hidden;
  }

  .compact-bottom-menu {
    z-index: 22;
    background: #071226fa;
    border: 1px solid #d6ae5a4d;
    min-width: 190px;
    padding: 7px;
    display: grid;
    position: fixed;
    bottom: 82px;
    right: 14px;
    box-shadow: 0 12px 34px #0000006b;
  }

  .compact-bottom-menu button {
    color: #c4cfde;
    text-align: left;
    cursor: pointer;
    background: none;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    padding: 9px 10px;
    display: flex;
  }

  .compact-bottom-menu button span {
    flex: 1;
  }

  .compact-bottom-menu button.active, .compact-bottom-menu button:hover {
    color: #f0ca73;
    background: #d6ae5a1a;
  }

  .hero-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .hero-row .advance-button {
    width: 100%;
  }

  .metrics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin-bottom: 22px;
  }

  .metric {
    padding: 13px 11px 12px;
  }

  .metric strong {
    font-size: 20px;
  }

  .metric-detail {
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

@media (prefers-reduced-motion: reduce) {
  .compact-bottom-nav button, .compact-bottom-menu button {
    transition: none !important;
  }
}

.compact-overview-shell {
  gap: 14px;
  display: grid;
}

.overview-focus-header {
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  padding: 2px 0 4px;
  display: flex;
}

.overview-focus-header h2 {
  margin-top: 6px;
}

.overview-focus-header p {
  color: #8f9fb7;
  margin-top: 5px;
  font-size: 11px;
}

.overview-focus-round {
  color: #d6ae5a;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Space Grotesk;
  font-size: 10px;
}

.overview-focus-tabs {
  background: #071226b8;
  border: 1px solid #cedcf61f;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  padding: 5px;
  display: grid;
}

.overview-focus-tabs button {
  color: #8f9fb7;
  text-align: left;
  cursor: pointer;
  background: none;
  gap: 3px;
  min-height: 52px;
  padding: 9px 10px;
  display: grid;
}

.overview-focus-tabs button strong {
  color: inherit;
  font-size: 11px;
}

.overview-focus-tabs button small {
  color: #718099;
  font-size: 9px;
  line-height: 1.25;
}

.overview-focus-tabs button.active {
  color: #f0ca73;
  background: #d6ae5a1f;
  box-shadow: inset 0 -2px #d6ae5a;
}

.overview-focus-tabs button.active small {
  color: #b4c0d1;
}

.overview-focus-content {
  gap: 14px;
  min-width: 0;
  display: grid;
}

.overview-focus-content > * {
  margin-top: 0 !important;
}

@media (max-width: 720px) {
  .overview-focus-header {
    align-items: flex-start;
  }

  .overview-focus-header h2 {
    font-size: 24px;
  }

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

  .overview-focus-tabs button {
    min-height: 47px;
    padding: 8px;
  }
}

.global-search {
  color: #8f9fb7;
  background: #071226cc;
  border: 1px solid #cedcf624;
  justify-self: end;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  max-width: 300px;
  min-height: 34px;
  padding: 0 10px;
  display: flex;
  position: relative;
}

.global-search:focus-within {
  border-color: #d6ae5ab8;
  box-shadow: 0 0 0 3px #d6ae5a1a;
}

.global-search input, .market-inline-search input {
  color: #edf2fb;
  min-width: 0;
  font: inherit;
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
  font-size: 11px;
}

.global-search input::placeholder, .market-inline-search input::placeholder {
  color: #718099;
}

.global-search-clear, .market-inline-search button {
  color: #9aa9be;
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.global-search-results {
  z-index: 30;
  background: #081529;
  border: 1px solid #d6ae5a6b;
  gap: 3px;
  padding: 6px;
  display: grid;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  box-shadow: 0 14px 32px #00000057;
}

.global-search-results button {
  color: #d8e1ef;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  grid-template-columns: 1fr auto;
  gap: 2px 8px;
  padding: 8px;
  display: grid;
}

.global-search-results button:hover, .global-search-results button:focus-visible {
  background: #d6ae5a1f;
  outline: 0;
}

.global-search-results strong {
  font-size: 11px;
}

.global-search-results small {
  color: #8f9fb7;
  font-size: 9px;
}

.global-search-results svg {
  color: #d6ae5a;
  grid-area: 1 / 2 / span 2;
  align-self: center;
}

.global-search-empty {
  color: #8f9fb7;
  padding: 10px;
  font-size: 10px;
}

.nav-alert-badge {
  color: #071226;
  background: #d6ae5a;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-width: 17px;
  height: 17px;
  margin-left: auto;
  padding: 0 4px;
  font-size: 9px;
  font-weight: 800;
  display: inline-flex;
}

.nav-alert-badge.critical {
  color: #fff;
  background: #bd5262;
}

.market-folder-toolbar {
  background: #07122694;
  border: 1px solid #cedcf61f;
  grid-template-columns: 1fr minmax(190px, 260px);
  align-items: center;
  gap: 10px;
  padding: 8px;
  display: grid;
}

.market-folder-tabs {
  flex-wrap: wrap;
  gap: 5px;
  display: flex;
}

.market-folder-tabs button {
  color: #8f9fb7;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 5px 9px;
  font-size: 10px;
  display: inline-flex;
}

.market-folder-tabs button b {
  color: #718099;
  font-size: 9px;
}

.market-folder-tabs button.active {
  color: #f0ca73;
  background: #d6ae5a1f;
  border-color: #d6ae5a6b;
}

.market-folder-tabs button.active b {
  color: #f0ca73;
}

.market-inline-search {
  color: #8f9fb7;
  background: #030b19a6;
  border: 1px solid #cedcf61f;
  align-items: center;
  gap: 7px;
  min-height: 29px;
  padding: 0 8px;
  display: flex;
}

.market-folder-hidden {
  display: none !important;
}

@media (max-width: 960px) {
  .topbar {
    grid-template-columns: minmax(160px, 1fr) minmax(180px, 260px) 34px;
  }

  .ticker {
    display: none;
  }

  .global-search {
    max-width: 260px;
  }
}

@media (max-width: 720px) {
  .topbar {
    grid-template-columns: 1fr 34px;
    gap: 10px;
    padding: 14px 18px;
  }

  .global-search {
    order: 3;
    grid-column: 1 / -1;
    justify-self: stretch;
    width: 100%;
    max-width: none;
  }

  .market-folder-toolbar {
    grid-template-columns: 1fr;
  }

  .market-folder-tabs {
    scrollbar-width: thin;
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .market-folder-tabs button {
    flex: none;
  }
}

.caio-federal-alert {
  z-index: 6;
  color: #edf2fb;
  background: linear-gradient(105deg, #240f18f7, #081529fa);
  border: 1px solid #f4867ead;
  grid-template-columns: 104px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  width: min(720px, 100% - 48px);
  margin: 12px 24px 0 auto;
  padding: 12px 16px 12px 12px;
  display: grid;
  position: relative;
  box-shadow: 0 12px 30px #00000047, 0 0 0 1px #f4867e14;
}

.caio-federal-alert.warning {
  border-color: #d6ae5ab3;
}

.caio-federal-alert.pulse {
  animation: 1.2s ease-in-out 3 caio-alert-pulse;
}

.caio-federal-alert-image-wrap {
  background: linear-gradient(160deg, #d6ae5a29, #f4867e14);
  border: 1px solid #d6ae7e52;
  align-self: stretch;
  place-items: end center;
  min-height: 84px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.caio-federal-alert-image {
  object-fit: cover;
  object-position: 78% 22%;
  filter: saturate(.86) contrast(1.06);
  width: 100%;
  height: 104px;
}

.caio-federal-alert-signal {
  color: #fff;
  background: #b7434c;
  border: 1px solid #ffffff8c;
  border-radius: 50%;
  place-items: center;
  width: 24px;
  height: 24px;
  display: grid;
  position: absolute;
  top: 7px;
  left: 7px;
}

.caio-federal-alert-content {
  min-width: 0;
}

.caio-federal-alert-content h3 {
  color: #fff;
  margin: 2px 0 4px;
  font-size: 17px;
}

.caio-federal-alert-content p {
  color: #c4cfdf;
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
}

.caio-federal-alert-content small {
  color: #f0ca73;
  margin-top: 6px;
  font-size: 10px;
  display: block;
}

.caio-federal-alert-actions {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 9px;
  display: flex;
}

.caio-federal-alert-actions button {
  min-height: 30px;
  padding: 6px 10px;
  font-size: 10px;
}

.caio-federal-alert-close {
  color: #b9c6d8;
  cursor: pointer;
  background: none;
  border: 1px solid #cedcf633;
  align-self: start;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
}

.caio-federal-alert-close:hover, .caio-federal-alert-close:focus-visible {
  color: #fff;
  outline-offset: 2px;
  border-color: #f4867ecc;
  outline: 2px solid #f4867e52;
}

@keyframes caio-alert-pulse {
  0%, 100% {
    box-shadow: 0 12px 30px #00000047, 0 0 0 1px #f4867e14;
  }

  50% {
    box-shadow: 0 12px 30px #00000047, 0 0 0 4px #f4867e6b, 0 0 24px #c138484d;
  }
}

@media (prefers-reduced-motion: reduce) {
  .caio-federal-alert.pulse {
    animation: none;
  }
}

@media (max-width: 720px) {
  .caio-federal-alert {
    grid-template-columns: 72px minmax(0, 1fr) auto;
    gap: 9px;
    width: calc(100% - 24px);
    margin: 10px 12px 0;
    padding: 9px 10px 10px 8px;
  }

  .caio-federal-alert-image-wrap {
    min-height: 74px;
  }

  .caio-federal-alert-image {
    height: 88px;
  }

  .caio-federal-alert-content h3 {
    font-size: 14px;
  }

  .caio-federal-alert-content p {
    font-size: 11px;
  }

  .caio-federal-alert-actions {
    gap: 5px;
  }

  .caio-federal-alert-actions button {
    padding: 5px 7px;
    font-size: 9px;
  }
}

.card-bank-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
  color: #ffffffeb;
  letter-spacing: .08em;
  text-transform: uppercase;
  max-width: 12rem;
  font-size: .68rem;
  display: inline-block;
  overflow: hidden;
}

@media (max-width: 700px) {
  .card-bank-name {
    max-width: 8.5rem;
    font-size: .58rem;
  }
}

.retail-gallery-card .market-purchase-action {
  z-index: 2;
  visibility: visible;
  opacity: 1;
  color: #0b1528;
  letter-spacing: .01em;
  background: linear-gradient(135deg, #f1cf75, #d6ae5a);
  border: 1px solid #fff0bee6;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 100%;
  min-height: 34px;
  font-weight: 800;
  display: flex;
  position: relative;
}

.retail-gallery-card .market-purchase-action:disabled {
  color: #b9c2d0;
  opacity: 1;
  cursor: not-allowed;
  background: #4a5870b8;
  border-color: #cedcf640;
}

.retail-gallery-card .retail-upgrade-action {
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 100%;
  min-height: 30px;
  display: flex;
}

@media (max-width: 700px) {
  .retail-gallery-card .market-purchase-action {
    min-height: 38px;
    font-size: .78rem;
  }

  .retail-gallery-card .retail-upgrade-action {
    min-height: 34px;
    font-size: .72rem;
  }
}

.transaction-receipt {
  z-index: 60;
  color: #eef3fb;
  background: linear-gradient(145deg, #132a3afa, #081424fa);
  border: 1px solid #68d6a4b8;
  width: min(360px, 100vw - 32px);
  padding: 16px;
  position: fixed;
  bottom: 24px;
  right: 24px;
  box-shadow: 0 18px 44px #0000006b, 0 0 24px #68d6a41f;
}

.transaction-receipt-heading {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.transaction-receipt-heading strong {
  color: #68d6a4;
  margin-top: 4px;
  font-size: 1.05rem;
  display: block;
}

.transaction-receipt-heading button {
  color: #b8c7d8;
  cursor: pointer;
  background: none;
  border: 1px solid #cedcf640;
  place-items: center;
  padding: 5px;
  display: grid;
}

.transaction-receipt > p {
  color: #fff;
  margin: 14px 0 10px;
  font-weight: 700;
}

.transaction-receipt dl {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 0;
  display: grid;
}

.transaction-receipt dl div {
  background: #ffffff0f;
  padding: 9px;
}

.transaction-receipt dt {
  color: #9fb0c4;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .68rem;
}

.transaction-receipt dd {
  color: #f4d783;
  margin: 4px 0 0;
  font-weight: 800;
}

@media (max-width: 700px) {
  .transaction-receipt {
    width: calc(100vw - 32px);
    bottom: 76px;
    right: 16px;
  }
}

.guardian-diagnose-button {
  color: #eee6ff;
  cursor: pointer;
  background: #664cb433;
  border: 1px solid #9274eab8;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-height: 38px;
  font-weight: 750;
  display: inline-flex;
}

.guardian-diagnose-button:disabled {
  opacity: .55;
  cursor: wait;
}

.guardian-diagnosis {
  width: min(820px, 100%);
}

.guardian-diagnosis-source {
  background: #ffffff0a;
  border: 1px solid #ffffff1a;
  padding: 11px;
}

.guardian-ai-meta {
  color: #b7c4d5;
  gap: 5px;
  margin: 15px 0;
  font-size: .78rem;
  display: grid;
}

.guardian-ai-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  display: grid;
}

.guardian-ai-grid > div {
  background: #243a5b33;
  border: 1px solid #7ba0d640;
  padding: 10px;
}

.guardian-ai-grid strong, .guardian-tests strong {
  color: #efd28a;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .74rem;
}

.guardian-ai-grid p {
  margin: 5px 0 0;
  font-size: .84rem;
}

.guardian-tests {
  background: #21604926;
  border: 1px solid #69ca9f47;
  margin-top: 14px;
  padding: 12px;
}

.guardian-tests ol {
  color: #dce9e4;
  margin: 8px 0 0;
  padding-left: 19px;
}

.guardian-disclaimer {
  font-size: .78rem;
  color: #b8c3d0 !important;
}

.guardian-panel {
  background: linear-gradient(135deg, #0c2b2beb, #081221f0);
  border: 1px solid #5fb88f4d;
  margin: 0 0 15px;
  padding: 15px;
}

.guardian-panel--alert {
  background: linear-gradient(135deg, #412b16d6, #0c1423f5);
  border-color: #e8a650a3;
}

.guardian-heading {
  justify-content: space-between;
  gap: 15px;
  display: flex;
}

.guardian-heading h3 {
  color: #eef7f3;
  margin: 4px 0;
}

.guardian-heading p {
  color: #afc3c0;
  margin: 0;
  font-size: .84rem;
}

.guardian-findings {
  gap: 9px;
  margin-top: 12px;
  display: grid;
}

.guardian-finding {
  background: #070e1a66;
  border: 1px solid #ffffff1f;
  padding: 10px;
}

.guardian-finding > button {
  color: #f4f7fb;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 8px;
  width: 100%;
  display: grid;
}

.guardian-finding > button span {
  color: #fff;
  background: #8d3e42;
  padding: 3px 6px;
  font-size: .7rem;
  font-weight: 800;
}

.guardian-finding.p1 > button span {
  background: #a16b20;
}

.guardian-finding.p2 > button span {
  background: #396b9d;
}

.guardian-finding p {
  color: #c5d0dc;
  margin: 8px 0 0;
  font-size: .81rem;
}

.guardian-5w2h {
  border-top: 1px solid #ffffff1a;
  margin-top: 10px;
  padding-top: 10px;
}

.guardian-5w2h dl {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  display: grid;
}

.guardian-5w2h div {
  background: #ffffff09;
  padding: 8px;
}

.guardian-5w2h dt {
  color: #eacb7d;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: .68rem;
}

.guardian-5w2h dd {
  color: #c8d2dc;
  margin: 4px 0 0;
  font-size: .78rem;
}

.guardian-5w2h .ghost-button {
  margin-top: 9px;
}

.guardian-panel > small {
  color: #8fa7a5;
  margin-top: 10px;
  font-size: .72rem;
  display: block;
}

@media (max-width: 640px) {
  .guardian-ai-grid, .guardian-5w2h dl {
    grid-template-columns: 1fr;
  }
}

.command-orbit-matrix-field {
  background: radial-gradient(circle at 22% 38%, #d6ae5a1f, #0000 35%), linear-gradient(150deg, #07182bc7, #050d1d7a);
  grid-template-columns: minmax(270px, 1fr) minmax(176px, .42fr);
  grid-template-areas: "matrix core"
                       "commercial core";
  justify-content: center;
  align-items: stretch;
  gap: 14px 16px;
  min-height: 318px;
  padding: 18px;
  display: grid;
  overflow: hidden;
}

.command-orbit-matrix-field .command-orbit-ring-one {
  width: 310px;
  height: 310px;
  top: 50%;
  left: 12%;
  transform: translateY(-50%);
}

.command-orbit-matrix-field .command-orbit-ring-two {
  width: 510px;
  height: 250px;
  top: 50%;
  left: 3%;
  transform: translateY(-50%)rotate(-20deg);
}

.command-orbit-matrix-field .command-orbit-axis {
  width: 48%;
  top: 50%;
  left: 4%;
}

.command-orbit-grid {
  z-index: 1;
  grid-area: matrix;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
  display: grid;
  position: relative;
}

.command-orbit-matrix-field .command-orbit-node {
  aspect-ratio: 1;
  place-self: center;
  width: 100%;
  height: auto;
  min-height: 112px;
  display: grid;
  position: relative;
  inset: auto;
}

.command-orbit-commercial {
  z-index: 1;
  color: #f5d582;
  cursor: pointer;
  text-align: left;
  touch-action: manipulation;
  background: linear-gradient(100deg, #114b63eb, #082136f0 58%, #34220fe6);
  border: 1px solid #d6ae5ab8;
  grid-area: commercial;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  min-height: 68px;
  padding: 10px 15px;
  display: grid;
  position: relative;
}

.command-orbit-commercial:hover, .command-orbit-commercial:focus-visible {
  background: linear-gradient(100deg, #165e79f5, #0a2a43f7 58%, #4a3011f0);
  border-color: #f6d473;
}

.command-orbit-commercial:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #f6d473;
}

.command-orbit-commercial:active {
  transform: scale(.985);
}

.command-orbit-commercial-icon {
  color: #f4cb70;
  border: 1px solid;
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
}

.command-orbit-commercial-copy {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.command-orbit-commercial strong {
  color: #fff0c8;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: Space Grotesk;
  font-size: 12px;
}

.command-orbit-commercial small {
  color: #b7c7d8;
  font-size: 9px;
}

.command-orbit-matrix-field .command-orbit-core {
  z-index: 1;
  grid-area: core;
  place-self: center;
  width: 176px;
  height: 176px;
  position: relative;
}

@media (max-width: 700px) {
  .command-orbit-matrix-field {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas: "matrix matrix"
                         "core commercial";
    gap: 9px;
    min-height: 272px;
    padding: 10px;
  }

  .command-orbit-matrix-field .command-orbit-ring-one {
    width: 160px;
    height: 160px;
    left: 8%;
  }

  .command-orbit-matrix-field .command-orbit-ring-two {
    width: 290px;
    height: 116px;
    left: -8%;
  }

  .command-orbit-matrix-field .command-orbit-axis {
    width: 58%;
    left: 0;
  }

  .command-orbit-grid {
    gap: 7px;
  }

  .command-orbit-matrix-field .command-orbit-node {
    gap: 2px;
    min-height: 58px;
    padding: 3px;
  }

  .command-orbit-matrix-field .command-orbit-node svg {
    width: 13px;
    height: 13px;
  }

  .command-orbit-matrix-field .command-orbit-node strong {
    font-size: 8px;
  }

  .command-orbit-matrix-field .command-orbit-node small {
    font-size: 6px;
  }

  .command-orbit-matrix-field .command-orbit-core {
    gap: 3px;
    width: 94px;
    height: 94px;
  }

  .command-orbit-matrix-field .command-orbit-core span {
    font-size: 5px;
  }

  .command-orbit-matrix-field .command-orbit-core strong {
    font-size: 16px;
  }

  .command-orbit-matrix-field .command-orbit-core small {
    font-size: 7px;
  }

  .command-orbit-commercial {
    text-align: center;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 3px;
    min-height: 94px;
    padding: 8px;
  }

  .command-orbit-commercial-icon {
    width: 24px;
    height: 24px;
  }

  .command-orbit-commercial-icon svg {
    width: 14px;
    height: 14px;
  }

  .command-orbit-commercial strong {
    font-size: 8px;
  }

  .command-orbit-commercial small, .command-orbit-commercial > svg {
    display: none;
  }
}

.properties-folder-shell {
  gap: 16px;
}

.properties-subfolder-tabs {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
  display: grid;
}

.properties-subfolder-tabs button {
  color: #aebbd0;
  min-height: 48px;
  font: inherit;
  letter-spacing: .04em;
  cursor: pointer;
  background: #071226b8;
  border: 1px solid #cedcf629;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.properties-subfolder-tabs button.active {
  color: #071226;
  background: linear-gradient(135deg, #e6c66b, #b98b3d);
  border-color: #e6c66b;
}

.properties-subfolder-tabs button:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #e6c66b;
}

.properties-folder-shell.catalog .my-properties-folder, .properties-folder-shell.mine > :not(.properties-subfolder-tabs):not(.my-properties-folder) {
  display: none;
}

.properties-folder-shell.mine .my-properties-folder {
  display: block;
}

.my-properties-folder {
  min-width: 0;
}

.my-properties-folder .property-showcase-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 700px) {
  .properties-subfolder-tabs {
    gap: 8px;
  }

  .properties-subfolder-tabs button {
    min-height: 44px;
    padding: 9px 8px;
    font-size: 10px;
  }

  .my-properties-folder .property-showcase-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 420px) {
  .properties-subfolder-tabs button {
    letter-spacing: .02em;
    gap: 5px;
    font-size: 9px;
  }

  .my-properties-folder .property-showcase-grid {
    grid-template-columns: 1fr;
  }
}

.panel-properties > .hero-row, .panel-properties > .quick-jump-nav, .panel-properties > .metrics-grid, .panel-properties > .next-best-action-panel, .panel-properties > .risk-command-strip, .panel-properties .right-rail {
  display: none;
}

.panel-properties .dashboard-content {
  grid-column: 1 / -1;
}

.properties-subfolder-tabs {
  align-items: stretch;
  gap: 12px;
  margin: 2px 0 6px;
}

.properties-subfolder-tabs button {
  text-align: center;
  border-color: #e6c66b3d;
  flex-direction: column;
  gap: 6px;
  min-height: 72px;
  padding: 12px 10px;
  line-height: 1.2;
}

.properties-subfolder-tabs button svg {
  color: #e6c66b;
  flex: none;
  width: 22px;
  height: 22px;
}

.properties-subfolder-tabs button.active svg {
  color: #071226;
}

.properties-subfolder-tabs button.active {
  box-shadow: inset 0 -3px #fff6cfb8, 0 8px 22px #00000029;
}

.properties-subfolder-tabs button span {
  overflow-wrap: anywhere;
  max-width: 100%;
  display: block;
}

@media (max-width: 700px) {
  .properties-subfolder-tabs {
    gap: 9px;
    margin-top: 0;
  }

  .properties-subfolder-tabs button {
    gap: 5px;
    min-height: 62px;
    padding: 9px 7px;
  }

  .properties-subfolder-tabs button svg {
    width: 19px;
    height: 19px;
  }
}

@media (max-width: 420px) {
  .properties-subfolder-tabs {
    gap: 7px;
  }

  .properties-subfolder-tabs button {
    min-height: 58px;
    padding: 8px 5px;
    font-size: 9px;
  }

  .properties-subfolder-tabs button svg {
    width: 17px;
    height: 17px;
  }
}

.properties-folder-shell.catalog > :not(.properties-subfolder-tabs):not(.properties-catalog-folder) {
  display: none;
}

.properties-folder-shell.catalog .properties-catalog-folder {
  width: 100%;
  min-width: 0;
  margin: 0;
  display: block;
}

.properties-folder-shell.mine > :not(.properties-subfolder-tabs):not(.my-properties-folder) {
  display: none;
}

.properties-folder-shell.mine .my-properties-folder {
  width: 100%;
  min-width: 0;
  margin: 0;
  display: block;
}

.properties-folder-shell > .properties-catalog-folder, .properties-folder-shell > .my-properties-folder {
  opacity: 1;
  transition: opacity .22s ease-out, transform .22s ease-out;
  transform: translateY(0);
}

.properties-folder-shell.catalog > .my-properties-folder, .properties-folder-shell.mine > .properties-catalog-folder {
  opacity: 0;
  pointer-events: none;
  transform: translateY(4px);
}

@media (prefers-reduced-motion: reduce) {
  .properties-folder-shell > .properties-catalog-folder, .properties-folder-shell > .my-properties-folder {
    transition: none;
    transform: none;
  }
}

.property-folder-preferences {
  justify-content: flex-end;
  margin: .5rem 0 .75rem;
  display: flex;
}

.property-folder-preferences label {
  color: var(--muted-foreground, #b6c3d7);
  letter-spacing: .04em;
  align-items: center;
  gap: .5rem;
  font-size: .72rem;
  display: inline-flex;
}

.property-folder-preferences select {
  color: #f5d98a;
  min-height: 2rem;
  font: inherit;
  background: #07182fdb;
  border: 1px solid #dab14e6b;
  border-radius: .45rem;
  padding: .3rem .5rem;
}

.property-folder-preferences select:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #f5d98a;
}

.properties-folder-shell > .properties-catalog-folder, .properties-folder-shell > .my-properties-folder {
  transition-duration: var(--property-folder-transition, .22s);
}

@media (max-width: 520px) {
  .property-folder-preferences {
    justify-content: stretch;
  }

  .property-folder-preferences label {
    justify-content: space-between;
    width: 100%;
  }

  .property-folder-preferences select {
    flex: 0 0 9rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .properties-folder-shell > .properties-catalog-folder, .properties-folder-shell > .my-properties-folder {
    transition-duration: 0s;
  }
}

.patrimony-folder {
  background: #07122661;
  border: 1px solid #d6ae5a3d;
  margin-top: 12px;
}

.patrimony-folder > summary {
  color: #fff1c6;
  cursor: pointer;
  align-items: center;
  gap: 12px;
  min-height: 64px;
  padding: 12px 16px;
  list-style: none;
  display: flex;
}

.patrimony-folder > summary::-webkit-details-marker {
  display: none;
}

.patrimony-folder > summary:after {
  color: #e6c66b;
  content: "＋";
  margin-left: auto;
  font-size: 20px;
  line-height: 1;
}

.patrimony-folder[open] > summary:after {
  content: "−";
}

.patrimony-folder > summary strong {
  font-size: 16px;
}

.patrimony-folder-hint {
  color: #aebbd0;
  font-size: 11px;
}

.patrimony-folder[open] > .section-stack {
  padding: 0 16px 16px;
}

@media (max-width: 700px) {
  .patrimony-folder > summary {
    gap: 8px;
    min-height: 56px;
    padding: 10px 12px;
  }

  .patrimony-folder > summary strong {
    font-size: 14px;
  }

  .patrimony-folder-hint {
    font-size: 9px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .patrimony-folder, .patrimony-folder > summary {
    scroll-behavior: auto;
  }
}

.panel-properties > .compact-primary-nav, .panel-properties > .compact-subnav, .panel-properties > .bottom-tabs, .panel-properties > .compact-bottom-nav, .panel-properties > .compact-bottom-menu {
  display: none !important;
}

@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-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: 0;
}

@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-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@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
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
    filter: blur(var(--tw-enter-blur, 0));
  }
}

@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
    filter: blur(var(--tw-exit-blur, 0));
  }
}

@keyframes accordion-down {
  from {
    height: 0;
  }

  to {
    height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, var(--ngp-accordion-content-height, auto)))));
  }
}

@keyframes accordion-up {
  from {
    height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, var(--ngp-accordion-content-height, auto)))));
  }

  to {
    height: 0;
  }
}

@keyframes caret-blink {
  0%, 70%, 100% {
    opacity: 1;
  }

  20%, 50% {
    opacity: 0;
  }
}
/* Feedback tátil das esferas: somente transform e opacidade para manter a navegação imediata. */
.command-orbit-node,
.command-orbit-core,
.expansion-library-folder {
  touch-action: manipulation;
}

.command-orbit-node,
.command-orbit-core,
.expansion-library-orb {
  isolation: isolate;
  position: relative;
}

.command-orbit-node::after,
.command-orbit-core::after,
.expansion-library-orb::after {
  position: absolute;
  z-index: 0;
  inset: 5px;
  border: 1px solid rgba(245, 213, 130, 0.78);
  border-radius: inherit;
  content: "";
  opacity: 0;
  pointer-events: none;
  transform: scale(0.82);
}

.command-orbit-node > *,
.command-orbit-core > *,
.expansion-library-orb > * {
  position: relative;
  z-index: 1;
}

@media (prefers-reduced-motion: no-preference) {
  .command-orbit-node,
  .command-orbit-core,
  .expansion-library-folder,
  .expansion-library-orb {
    transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1), opacity 160ms cubic-bezier(0.23, 1, 0.32, 1);
  }

  .command-orbit-node::after,
  .command-orbit-core::after,
  .expansion-library-orb::after {
    transition: transform 180ms cubic-bezier(0.23, 1, 0.32, 1), opacity 180ms cubic-bezier(0.23, 1, 0.32, 1);
  }

  .command-orbit-node:hover,
  .command-orbit-node:focus-visible {
    transform: translateY(-3px) scale(1.025);
  }

  .command-orbit-core:hover,
  .command-orbit-core:focus-visible {
    transform: scale(1.02);
  }

  .expansion-library-folder:hover,
  .expansion-library-folder:focus-visible {
    transform: translateY(-2px);
  }

  .command-orbit-node:active,
  .command-orbit-core:active {
    transform: scale(0.95);
  }

  .expansion-library-folder:active {
    transform: scale(0.97);
  }

  .command-orbit-node:hover::after,
  .command-orbit-node:focus-visible::after,
  .command-orbit-core:hover::after,
  .command-orbit-core:focus-visible::after,
  .expansion-library-folder:hover .expansion-library-orb::after,
  .expansion-library-folder:focus-visible .expansion-library-orb::after {
    opacity: 0.62;
    transform: scale(1);
  }

  .command-orbit-node:active::after,
  .command-orbit-core:active::after,
  .expansion-library-folder:active .expansion-library-orb::after {
    opacity: 1;
    transform: scale(1.14);
  }
}

@media (prefers-reduced-motion: reduce) {
  .command-orbit-node,
  .command-orbit-core,
  .expansion-library-folder,
  .expansion-library-orb,
  .command-orbit-node::after,
  .command-orbit-core::after,
  .expansion-library-orb::after {
    transition: none;
  }
}
.core-return-row {
  display: flex;
  justify-content: flex-start;
  margin: 0 0 10px;
}

.core-return-button {
  position: relative;
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  gap: 10px;
  overflow: hidden;
  padding: 7px 15px 7px 8px;
  border: 1px solid rgba(214, 174, 90, 0.78);
  background: linear-gradient(110deg, rgba(8, 32, 51, 0.98), rgba(12, 67, 88, 0.9));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 7px 18px rgba(0,0,0,.18);
  color: #f5e8c6;
  cursor: pointer;
  text-align: left;
}

.core-return-arrow {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid rgba(245, 213, 130, 0.7);
  border-radius: 50%;
  color: #f5d582;
  font-size: 19px;
  line-height: 1;
}

.core-return-button > span:nth-child(2) {
  display: grid;
  gap: 2px;
}

.core-return-button small {
  color: #b4c4cf;
  font-family: "Space Grotesk";
  font-size: 7px;
  font-weight: 700;
  letter-spacing: .12em;
}

.core-return-button strong {
  color: #fff0c4;
  font-size: 13px;
}

.core-return-orbit {
  width: 18px;
  height: 18px;
  margin-left: 5px;
  border: 1px solid rgba(214, 174, 90, .58);
  border-radius: 50%;
  box-shadow: inset 0 0 0 4px rgba(214, 174, 90, .1);
}

.core-return-button:focus-visible {
  outline: 2px solid #f5d582;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: no-preference) {
  .core-return-button { transition: transform 160ms cubic-bezier(.23,1,.32,1), background 160ms cubic-bezier(.23,1,.32,1); }
  .core-return-button:hover { transform: translateX(-2px); background: linear-gradient(110deg, rgba(12, 67, 88, .98), rgba(8, 32, 51, .94)); }
  .core-return-button:active { transform: scale(.98); }
}

@media (max-width: 700px) {
  .core-return-row { position: sticky; top: 6px; z-index: 14; margin: 0 0 6px; }
  .core-return-button { width: 100%; min-height: 46px; padding-right: 10px; background: linear-gradient(110deg, rgba(8, 32, 51, .98), rgba(12, 67, 88, .98)); }
  .core-return-button strong { font-size: 12px; }
  .core-return-orbit { margin-left: auto; }
}
.nucleus-breadcrumb {
  display: flex;
  min-height: 27px;
  align-items: center;
  gap: 7px;
  margin: 0 0 7px;
  color: #9fb1c0;
  font-family: "Space Grotesk";
  font-size: 9px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.nucleus-breadcrumb button {
  padding: 0;
  border: 0;
  border-bottom: 1px solid rgba(214, 174, 90, .55);
  background: transparent;
  color: #f4cf79;
  cursor: pointer;
  font: inherit;
  font-weight: 800;
}

.nucleus-breadcrumb button:hover { color: #fff0c4; }

.nucleus-breadcrumb button:focus-visible {
  outline: 2px solid #f5d582;
  outline-offset: 3px;
}

.nucleus-breadcrumb > span { color: #d6ae5a; font-size: 14px; line-height: 1; }
.nucleus-breadcrumb strong { min-width: 0; overflow: hidden; color: #e9eef4; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 700px) {
  .nucleus-breadcrumb { min-height: 23px; gap: 6px; margin-bottom: 4px; font-size: 8px; }
  .nucleus-breadcrumb strong { font-size: 8px; }
}
.wealth-card-carousel { min-width: 0; margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(214,174,90,.2); }
.wealth-card-carousel-onboarding { margin-top: 0; padding: clamp(16px, 2.6vw, 24px); border: 1px solid rgba(214,174,90,.36); background: linear-gradient(135deg, rgba(8,28,44,.88), rgba(5,13,29,.72)); box-shadow: inset 0 1px 0 rgba(255,255,255,.06); }
.wealth-card-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 10px; }
.wealth-card-heading h2 { margin: 3px 0; color: #f4ead6; font-family: "DM Serif Display"; font-size: clamp(22px, 2vw, 31px); }
.wealth-card-heading p { max-width: 520px; margin: 0; color: #9fb1c0; font-size: 12px; }
.wealth-card-controls { display: flex; gap: 6px; }
.wealth-card-controls button { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(214,174,90,.42); border-radius: 50%; background: rgba(9,35,53,.82); color: #f5d582; cursor: pointer; }
.wealth-card-controls button:focus-visible, .wealth-card-footer button:focus-visible { outline: 2px solid #f5d582; outline-offset: 3px; }
.wealth-card-rail { display: flex; min-width: 0; max-width: 100%; gap: 13px; overflow-x: auto; padding: 3px 1px 10px; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: rgba(214,174,90,.5) transparent; }
.wealth-card { flex: 0 0 clamp(238px, 34vw, 332px); scroll-snap-align: start; opacity: .56; }
.wealth-card.unlocked { opacity: .86; }
.wealth-card.current { opacity: 1; }
.wealth-card-surface { position: relative; display: grid; min-height: 178px; grid-template-rows: auto 1fr auto auto; overflow: hidden; padding: 16px; border: 1px solid color-mix(in srgb, var(--bank-accent) 65%, #f5d582); border-radius: 16px; background: linear-gradient(135deg, color-mix(in srgb, var(--bank-accent) 40%, #061827), #071017 68%); box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 12px 28px rgba(0,0,0,.22); color: #f7eed9; }
.wealth-card-surface::before { position: absolute; inset: 0; background: repeating-linear-gradient(120deg, transparent 0 13px, rgba(255,255,255,.045) 14px 15px); content: ""; pointer-events: none; }
.wealth-card.black .wealth-card-surface, .wealth-card.black-master .wealth-card-surface, .wealth-card.black-international .wealth-card-surface { background: linear-gradient(135deg, #090d12, color-mix(in srgb, var(--bank-accent) 25%, #121a20)); }
.wealth-card.gold .wealth-card-surface, .wealth-card.magnata .wealth-card-surface { background: linear-gradient(135deg, color-mix(in srgb, var(--bank-accent) 45%, #49310a), #171209); }
.wealth-card.silver .wealth-card-surface, .wealth-card.silver-master .wealth-card-surface { background: linear-gradient(135deg, color-mix(in srgb, var(--bank-accent) 30%, #35414e), #0b1420); }
.wealth-card-topline, .wealth-card-bottom { position: relative; z-index: 1; display: flex; justify-content: space-between; gap: 8px; font-family: "Space Grotesk"; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.wealth-card-topline b { color: #fff0bd; }
.wealth-card-chip { position: relative; z-index: 1; display: flex; width: 37px; height: 26px; align-items: center; justify-content: space-evenly; align-self: center; overflow: hidden; border: 1px solid rgba(255,236,181,.75); border-radius: 5px; background: linear-gradient(135deg, #e7c56e, #9b6b16); }
.wealth-card-chip i { width: 1px; height: 100%; background: rgba(44,30,5,.54); }
.wealth-card-surface > strong { position: relative; z-index: 1; align-self: end; font-family: "DM Serif Display"; font-size: 28px; letter-spacing: .02em; }
.wealth-card-name { position: relative; z-index: 1; color: #c9d4db; font-family: "Space Grotesk"; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.wealth-card-bottom { margin-top: 13px; color: #eef4f7; }
.wealth-card-status { display: flex; min-height: 29px; align-items: center; gap: 6px; padding: 6px 3px 0; color: #aebec8; font-size: 10px; }
.wealth-card.current .wealth-card-status { color: #f4cf79; }
.wealth-card-footer { display: grid; grid-template-columns: minmax(0, 1fr) minmax(90px, 220px) auto; align-items: center; gap: 12px; color: #a8bac5; font-size: 10px; }
.wealth-card-footer > span { display: flex; min-width: 0; align-items: center; gap: 5px; }
.wealth-card-footer > div { height: 4px; overflow: hidden; border-radius: 999px; background: rgba(143,169,183,.2); }
.wealth-card-footer > div i { display: block; height: 100%; border-radius: inherit; background: #d6ae5a; }
.wealth-card-footer button { border: 0; background: transparent; color: #f4cf79; cursor: pointer; font: inherit; font-weight: 800; }
.wealth-milestone-history { margin-top: 14px; padding-top: 12px; border-top: 1px solid rgba(214,174,90,.16); }
.wealth-milestone-history > div { display: flex; gap: 7px; overflow-x: auto; padding-top: 8px; scrollbar-width: thin; }
.wealth-milestone-history [role="listitem"] { display: grid; min-width: 104px; grid-template-columns: auto 1fr; column-gap: 7px; padding: 8px; border: 1px solid rgba(151,177,190,.16); background: rgba(5,22,36,.48); color: #aebec8; }
.wealth-milestone-history [role="listitem"].current { border-color: rgba(214,174,90,.55); color: #f5d582; }
.wealth-milestone-history b { grid-row: span 2; color: #d6ae5a; font-family: "Space Grotesk"; font-size: 15px; }
.wealth-milestone-history span { font: 800 10px "Space Grotesk"; text-transform: uppercase; }
.wealth-milestone-history small { color: #8299a8; font-size: 9px; }
.milestone-celebration { position: fixed; z-index: 35; right: 26px; bottom: 26px; display: grid; max-width: min(390px, calc(100vw - 32px)); grid-template-columns: 64px 1fr auto; align-items: center; gap: 12px; padding: 15px; border: 1px solid rgba(214,174,90,.68); background: linear-gradient(135deg, #102b40, #081825); box-shadow: 0 18px 48px rgba(0,0,0,.42); color: #eff6f7; }
.milestone-celebration-orbit { position: relative; width: 58px; height: 58px; border: 1px solid rgba(214,174,90,.58); border-radius: 50%; }
.milestone-celebration-orbit i { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #f5d582; box-shadow: 0 0 12px rgba(245,213,130,.72); }
.milestone-celebration-orbit i:nth-child(1) { top: 7px; right: 8px; }.milestone-celebration-orbit i:nth-child(2) { bottom: 7px; left: 8px; }.milestone-celebration-orbit i:nth-child(3) { top: 25px; left: 25px; width: 10px; height: 10px; }
.milestone-celebration-copy { min-width: 0; }.milestone-celebration-copy .eyebrow { display: flex; align-items: center; gap: 5px; }.milestone-celebration-copy h2 { margin: 2px 0; font-family: "DM Serif Display"; font-size: 27px; }.milestone-celebration-copy p { margin: 0; color: #b8c9d1; font-size: 11px; line-height: 1.45; }.milestone-celebration-copy small { display: flex; align-items: center; gap: 5px; margin-top: 6px; color: #f5d582; font-size: 10px; }.milestone-celebration > button { align-self: start; border: 0; background: transparent; color: #d6e1e5; cursor: pointer; }.milestone-celebration > button:focus-visible { outline: 2px solid #f5d582; outline-offset: 3px; }
@media (prefers-reduced-motion: no-preference) { .milestone-celebration { animation: milestone-arrival 220ms cubic-bezier(.23,1,.32,1); }.milestone-celebration-orbit { animation: milestone-glow 1.8s ease-in-out infinite; } @keyframes milestone-arrival { from { opacity: 0; transform: translateY(12px) scale(.97); } to { opacity: 1; transform: translateY(0) scale(1); } } @keyframes milestone-glow { 50% { box-shadow: 0 0 0 6px rgba(214,174,90,.1); } } }
@media (prefers-reduced-motion: no-preference) { .wealth-card { transition: transform 180ms cubic-bezier(.23,1,.32,1), opacity 180ms cubic-bezier(.23,1,.32,1); } .wealth-card.current:hover { transform: translateY(-3px); } .wealth-card-controls button { transition: transform 160ms cubic-bezier(.23,1,.32,1); } .wealth-card-controls button:active { transform: scale(.94); } }
@media (max-width: 700px) { .wealth-card-carousel { margin-top: 12px; padding-top: 11px; } .wealth-card-carousel-onboarding { margin-top: 0; padding: 14px; } .wealth-card-heading { align-items: flex-start; } .wealth-card-heading p { max-width: 230px; font-size: 10px; } .wealth-card-controls button { width: 34px; height: 34px; } .wealth-card-rail { gap: 10px; } .wealth-card { flex-basis: clamp(238px, 78vw, 284px); } .wealth-card-surface { min-height: 158px; padding: 13px; } .wealth-card-surface > strong { font-size: 24px; } .wealth-card-footer { grid-template-columns: 1fr auto; } .wealth-card-footer > div { grid-column: 1 / -1; grid-row: 2; } .milestone-celebration { right: 16px; bottom: 80px; grid-template-columns: 52px 1fr auto; padding: 12px; }.milestone-celebration-orbit { width: 48px; height: 48px; }.milestone-celebration-orbit i:nth-child(3) { top: 20px; left: 20px; } }