/*! tailwindcss v4.2.1 | 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)))) {
    :root,
    :host {
      --shimmer-angle: 20deg;
    }
    *,
    :before,
    :after {
      --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-scroll-snap-strictness: proximity;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --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-duration: initial;
      --tw-ease: initial;
      --tw-content: '';
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --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-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;
      --scroll-fade-t: 0px;
      --scroll-fade-b: 0px;
      --scroll-fade-s: 0px;
      --scroll-fade-e: 0px;
      --scroll-fade-mask: initial;
      --shimmer-image: initial;
      --shimmer-text-fill: initial;
      --arka-border-angle: 0deg;
    }
    ::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-scroll-snap-strictness: proximity;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --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-duration: initial;
      --tw-ease: initial;
      --tw-content: '';
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --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-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;
      --scroll-fade-t: 0px;
      --scroll-fade-b: 0px;
      --scroll-fade-s: 0px;
      --scroll-fade-e: 0px;
      --scroll-fade-mask: initial;
      --shimmer-image: initial;
      --shimmer-text-fill: initial;
      --arka-border-angle: 0deg;
    }
  }
}
@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-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --tracking-tight: -0.025em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-4xl: 2rem;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-xs: 4px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 0.15s;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *,
  :after,
  :before {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  ::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;
    -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: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    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']) {
    -webkit-appearance: button;
    appearance: button;
  }
  ::file-selector-button {
    -webkit-appearance: 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 components;
@layer utilities {
  .\@container\/card-header {
    container: card-header/inline-size;
  }
  .\@container\/field-group {
    container: field-group/inline-size;
  }
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .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;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .inset-x-4 {
    inset-inline: calc(var(--spacing) * 4);
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .inset-s-1\/2 {
    inset-inline-start: 50%;
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .end {
    inset-inline-end: var(--spacing);
  }
  .-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-1\/3 {
    top: 33.3333%;
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-3\.5 {
    top: calc(var(--spacing) * 3.5);
  }
  .top-\[60\%\] {
    top: 60%;
  }
  .top-full {
    top: 100%;
  }
  .top-px {
    top: 1px;
  }
  .-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-2\.5 {
    right: calc(var(--spacing) * 2.5);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .-bottom-12 {
    bottom: calc(var(--spacing) * -12);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .-left-12 {
    left: calc(var(--spacing) * -12);
  }
  .left-1\.5 {
    left: calc(var(--spacing) * 1.5);
  }
  .left-1\/2 {
    left: 50%;
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .isolate {
    isolation: isolate;
  }
  .z-0 {
    z-index: 0;
  }
  .z-1 {
    z-index: 1;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[calc\(1000-var\(--toast-index\)\)\] {
    z-index: calc(1000 - var(--toast-index));
  }
  .order-1 {
    order: 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;
  }
  .m-\(--drawer-inset\,0px\) {
    margin: var(--drawer-inset, 0px);
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-3\.5 {
    margin-inline: calc(var(--spacing) * 3.5);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .-my-2 {
    margin-block: calc(var(--spacing) * -2);
  }
  .my-0\.5 {
    margin-block: calc(var(--spacing) * 0.5);
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-auto {
    margin-block: auto;
  }
  .-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-auto {
    margin-top: auto;
  }
  .-mb-4 {
    margin-bottom: calc(var(--spacing) * -4);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .-ml-1 {
    margin-left: calc(var(--spacing) * -1);
  }
  .-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;
  }
  .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .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-\(--ratio\) {
    aspect-ratio: var(--ratio);
  }
  .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-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .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-\(--accordion-panel-height\) {
    height: var(--accordion-panel-height);
  }
  .h-\(--cell-size\) {
    height: var(--cell-size);
  }
  .h-\(--drawer-content-height\) {
    height: var(--drawer-content-height);
  }
  .h-\(--height\) {
    height: var(--height);
  }
  .h-\(--popup-height\) {
    height: var(--popup-height);
  }
  .h-\(--positioner-height\) {
    height: var(--positioner-height);
  }
  .h-1 {
    height: calc(var(--spacing) * 1);
  }
  .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-8\! {
    height: calc(var(--spacing) * 8) !important;
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-\[calc\(--spacing\(5\.25\)\)\] {
    height: calc(calc(var(--spacing) * 5.25));
  }
  .h-\[calc\(100\%-1px\)\] {
    height: calc(100% - 1px);
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-max {
    height: max-content;
  }
  .h-px {
    height: 1px;
  }
  .h-svh {
    height: 100svh;
  }
  .max-h-\(--available-height\) {
    max-height: var(--available-height);
  }
  .max-h-\(--drawer-content-max-height\,none\) {
    max-height: var(--drawer-content-max-height, none);
  }
  .max-h-72 {
    max-height: calc(var(--spacing) * 72);
  }
  .max-h-\[min\(calc\(--spacing\(72\)---spacing\(9\)\)\,calc\(var\(--available-height\)---spacing\(9\)\)\)\] {
    max-height: min(
      calc(calc(var(--spacing) * 72) - calc(var(--spacing) * 9)),
      calc(var(--available-height) - calc(var(--spacing) * 9))
    );
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-4 {
    min-height: calc(var(--spacing) * 4);
  }
  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }
  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }
  .min-h-dvh {
    min-height: 100dvh;
  }
  .min-h-full {
    min-height: 100%;
  }
  .min-h-svh {
    min-height: 100svh;
  }
  .w-\(--anchor-width\) {
    width: var(--anchor-width);
  }
  .w-\(--cell-size\) {
    width: var(--cell-size);
  }
  .w-\(--drawer-content-width\,auto\) {
    width: var(--drawer-content-width, auto);
  }
  .w-\(--popup-width\) {
    width: var(--popup-width);
  }
  .w-\(--positioner-width\) {
    width: var(--positioner-width);
  }
  .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-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .w-px {
    width: 1px;
  }
  .max-w-\(--available-width\) {
    max-width: var(--available-width);
  }
  .max-w-\(--skeleton-width\) {
    max-width: var(--skeleton-width);
  }
  .max-w-\[80\%\] {
    max-width: 80%;
  }
  .max-w-\[calc\(100\%-2rem\)\] {
    max-width: calc(100% - 2rem);
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-max {
    max-width: max-content;
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .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-7 {
    min-width: calc(var(--spacing) * 7);
  }
  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }
  .min-w-9 {
    min-width: calc(var(--spacing) * 9);
  }
  .min-w-16 {
    min-width: calc(var(--spacing) * 16);
  }
  .min-w-32 {
    min-width: calc(var(--spacing) * 32);
  }
  .min-w-36 {
    min-width: calc(var(--spacing) * 36);
  }
  .min-w-40 {
    min-width: calc(var(--spacing) * 40);
  }
  .min-w-\[96px\] {
    min-width: 96px;
  }
  .min-w-\[calc\(var\(--anchor-width\)\+--spacing\(7\)\)\] {
    min-width: calc(var(--anchor-width) + calc(var(--spacing) * 7));
  }
  .flex-1 {
    flex: 1;
  }
  .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-\(--transform-origin\) {
    transform-origin: var(--transform-origin);
  }
  .origin-bottom {
    transform-origin: bottom;
  }
  .-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-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-3\/4 {
    --tw-translate-y: calc(calc(3 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-3\/4 {
    --tw-translate-y: calc(3 / 4 * 100%);
    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\:translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--toast-swipe-movement-y\)-\(var\(--toast-index\)\*var\(--peek\)\)-\(var\(--shrink\)\*var\(--height\)\)\)\)_scale\(var\(--scale\)\)\] {
    transform: translateX(var(--toast-swipe-movement-x))
      translateY(
        calc(
          var(--toast-swipe-movement-y) - (var(--toast-index) * var(--peek)) -
            (var(--shrink) * var(--height))
        )
      )
      scale(var(--scale));
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
      var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .transform-\[translate3d\(var\(--translate-x\,0px\)\,var\(--translate-y\,0px\)\,0\)_scale\(var\(--stack-scale\)\)\] {
    transform: translate3d(var(--translate-x, 0px), var(--translate-y, 0px), 0)
      scale(var(--stack-scale));
  }
  .scroll-fade-x {
    --_scroll-fade-size-s: var(
      --scroll-fade-s-size,
      var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
    );
    --_scroll-fade-size-e: var(
      --scroll-fade-e-size,
      var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
    );
    --scroll-fade-inline: linear-gradient(
      to right,
      transparent 0,
      #000 var(--scroll-fade-s, 0px),
      #000 calc(100% - var(--scroll-fade-e, 0px)),
      transparent 100%
    );
  }
  .scroll-fade-x:where([dir='rtl'], [dir='rtl'] *) {
    --scroll-fade-inline: linear-gradient(
      to left,
      transparent 0,
      #000 var(--scroll-fade-s, 0px),
      #000 calc(100% - var(--scroll-fade-e, 0px)),
      transparent 100%
    );
  }
  .scroll-fade-x {
    -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));
    -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));
    -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));
    -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));
    mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
  }
  @supports (animation-timeline: scroll()) {
    .scroll-fade-x {
      animation:
        1ms ease-in-out scroll-fade-reveal-s,
        1ms ease-in-out scroll-fade-reveal-e;
      animation-timeline: scroll(self inline), scroll(self inline);
      animation-range:
        0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)),
        calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%;
      animation-fill-mode: both;
    }
  }
  @supports not (animation-timeline: scroll()) {
    .scroll-fade-x {
      --scroll-fade-s: var(--_scroll-fade-size-s);
      --scroll-fade-e: var(--_scroll-fade-size-e);
    }
  }
  .scroll-fade-b {
    --_scroll-fade-size-b: var(
      --scroll-fade-b-size,
      var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
    );
    --scroll-fade-mask: linear-gradient(
      to bottom,
      #000 0,
      #000 calc(100% - var(--scroll-fade-b, 0px)),
      transparent 100%
    );
    -webkit-mask-image: var(--scroll-fade-mask);
    -webkit-mask-image: var(--scroll-fade-mask);
    -webkit-mask-image: var(--scroll-fade-mask);
    -webkit-mask-image: var(--scroll-fade-mask);
    mask-image: var(--scroll-fade-mask);
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
  }
  @supports (animation-timeline: scroll()) {
    .scroll-fade-b {
      animation: 1ms ease-in-out scroll-fade-reveal-b;
      animation-timeline: scroll(self y);
      animation-range: calc(
          100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))
        )
        100%;
      animation-fill-mode: both;
    }
  }
  @supports not (animation-timeline: scroll()) {
    .scroll-fade-b {
      --scroll-fade-b: var(--_scroll-fade-size-b);
    }
  }
  .animate-caret-blink {
    animation: 1.25s ease-out infinite caret-blink;
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-grab {
    cursor: grab;
  }
  .cursor-text {
    cursor: text;
  }
  .touch-manipulation {
    touch-action: manipulation;
  }
  .touch-none {
    touch-action: none;
  }
  .resize-none {
    resize: none;
  }
  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }
  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }
  .scroll-my-1 {
    scroll-margin-block: calc(var(--spacing) * 1);
  }
  .scroll-px-1 {
    scroll-padding-inline: 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;
  }
  .appearance-none {
    -webkit-appearance: none;
    appearance: none;
  }
  .auto-rows-min {
    grid-auto-rows: min-content;
  }
  .grid-rows-\[auto_1fr\] {
    grid-template-rows: auto 1fr;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-content-center {
    place-content: center;
  }
  .place-items-center {
    place-items: center;
  }
  .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;
  }
  .gap-\(--card-spacing\) {
    gap: var(--card-spacing);
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.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-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-\[--spacing\(var\(--gap\)\)\] {
    gap: calc(var(--spacing) * var(--gap));
  }
  :where(.-space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(
      calc(var(--spacing) * -2) * var(--tw-space-x-reverse)
    );
    margin-inline-end: calc(
      calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse))
    );
  }
  .self-end {
    align-self: flex-end;
  }
  .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;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
  .overscroll-x-contain {
    overscroll-behavior-x: contain;
  }
  .rounded-\(--cell-radius\) {
    border-radius: var(--cell-radius);
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-4xl {
    border-radius: var(--radius-4xl);
  }
  .rounded-\[2px\] {
    border-radius: 2px;
  }
  .rounded-\[4px\] {
    border-radius: 4px;
  }
  .rounded-\[calc\(var\(--radius\)-3px\)\] {
    border-radius: calc(var(--radius) - 3px);
  }
  .rounded-\[inherit\] {
    border-radius: inherit;
  }
  .rounded-\[min\(var\(--radius-md\)\,10px\)\] {
    border-radius: min(var(--radius-md), 10px);
  }
  .rounded-\[min\(var\(--radius-md\)\,12px\)\] {
    border-radius: min(var(--radius-md), 12px);
  }
  .rounded-full {
    border-radius: 2147483647px;
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-lg\! {
    border-radius: var(--radius-lg) !important;
  }
  .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-xl\! {
    border-radius: var(--radius-xl) !important;
  }
  .rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }
  .rounded-l-\(--cell-radius\) {
    border-top-left-radius: var(--cell-radius);
    border-bottom-left-radius: var(--cell-radius);
  }
  .rounded-tl-sm {
    border-top-left-radius: var(--radius-sm);
  }
  .rounded-r-\(--cell-radius\) {
    border-top-right-radius: var(--cell-radius);
    border-bottom-right-radius: var(--cell-radius);
  }
  .rounded-b-xl {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }
  .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-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-\(--color-border\) {
    border-color: var(--color-border);
  }
  .border-transparent {
    border-color: #0000;
  }
  .bg-\(--color-bg\) {
    background-color: var(--color-bg);
  }
  .bg-\[Canvas\] {
    background-color: canvas;
  }
  .bg-black\/10 {
    background-color: #0000001a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/10 {
      background-color: color-mix(
        in oklab,
        var(--color-black) 10%,
        transparent
      );
    }
  }
  .bg-transparent {
    background-color: #0000;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-clip-padding {
    background-clip: padding-box;
  }
  .object-cover {
    object-fit: cover;
  }
  .p-\(--card-spacing\) {
    padding: var(--card-spacing);
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-\[3px\] {
    padding: 3px;
  }
  .p-px {
    padding: 1px;
  }
  .px-\(--card-spacing\) {
    padding-inline: var(--card-spacing);
  }
  .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);
  }
  .py-\(--card-spacing\) {
    padding-block: var(--card-spacing);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-\[2px\] {
    padding-block: 2px;
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pr-1\.5 {
    padding-right: calc(var(--spacing) * 1.5);
  }
  .pr-1\.5\! {
    padding-right: calc(var(--spacing) * 1.5) !important;
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }
  .pl-1\.5\! {
    padding-left: calc(var(--spacing) * 1.5) !important;
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-7 {
    padding-left: calc(var(--spacing) * 7);
  }
  .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-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--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-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[0\.8rem\] {
    font-size: 0.8rem;
  }
  .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);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .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);
  }
  .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;
  }
  .wrap-break-word {
    overflow-wrap: break-word;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-\[CanvasText\] {
    color: canvastext;
  }
  .text-current {
    color: currentColor;
  }
  .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: 0.5;
  }
  .opacity-60 {
    opacity: 0.6;
  }
  .opacity-\[max\(var\(--drawer-overlay-min-opacity\,0\)\,calc\(1-var\(--drawer-swipe-progress\)\)\)\] {
    opacity: max(
      var(--drawer-overlay-min-opacity, 0),
      calc(1 - var(--drawer-swipe-progress))
    );
  }
  .bg-blend-color {
    background-blend-mode: color;
  }
  .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_var\(--sidebar-border\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, 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-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-none\! {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .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);
  }
  .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);
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-3 {
    --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);
  }
  .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,);
  }
  .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-\[opacity\,transform\,translate\] {
    transition-property: opacity, transform, translate;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,transform\,width\,height\,scale\,translate\] {
    transition-property: opacity, transform, width, height, scale, translate;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[top\,left\,right\,bottom\] {
    transition-property: top, left, right, bottom;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[transform\,height\,opacity\,filter\] {
    transition-property: transform, height, opacity, filter;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[translate\,scale\,opacity\] {
    transition-property: translate, scale, 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-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: 0.1s;
    transition-duration: 0.1s;
  }
  .duration-150 {
    --tw-duration: 0.15s;
    transition-duration: 0.15s;
  }
  .duration-200 {
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .duration-250 {
    --tw-duration: 0.25s;
    transition-duration: 0.25s;
  }
  .duration-300 {
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .duration-450 {
    --tw-duration: 0.45s;
    transition-duration: 0.45s;
  }
  .duration-1000 {
    --tw-duration: 1s;
    transition-duration: 1s;
  }
  .duration-\[0\.35s\] {
    --tw-duration: 0.35s;
    transition-duration: 0.35s;
  }
  .ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
    --tw-ease: cubic-bezier(0.22, 1, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  .ease-\[cubic-bezier\(0\.32\,0\.72\,0\,1\)\] {
    --tw-ease: cubic-bezier(0.32, 0.72, 0, 1);
    transition-timing-function: cubic-bezier(0.32, 0.72, 0, 1);
  }
  .ease-\[cubic-bezier\(0\.45\,1\.005\,0\,1\.005\)\] {
    --tw-ease: cubic-bezier(0.45, 1.005, 0, 1.005);
    transition-timing-function: cubic-bezier(0.45, 1.005, 0, 1.005);
  }
  .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;
  }
  .will-change-transform {
    will-change: transform;
  }
  .contain-content {
    contain: content;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .select-text {
    -webkit-user-select: text;
    user-select: text;
  }
  .\[--bleed\:3rem\] {
    --bleed: 3rem;
  }
  .\[--card-spacing\:--spacing\(4\)\] {
    --card-spacing: calc(var(--spacing) * 4);
  }
  .\[--cell-radius\:var\(--radius-md\)\] {
    --cell-radius: var(--radius-md);
  }
  .\[--cell-size\:--spacing\(7\)\] {
    --cell-size: calc(var(--spacing) * 7);
  }
  .\[--drawer-content-height\:var\(--drawer-height\,auto\)\] {
    --drawer-content-height: var(--drawer-height, auto);
  }
  .\[--gap\:0\.75rem\] {
    --gap: 0.75rem;
  }
  .\[--height\:var\(--toast-frontmost-height\,var\(--toast-height\)\)\] {
    --height: var(--toast-frontmost-height, var(--toast-height));
  }
  .\[--offset-y\:calc\(var\(--toast-offset-y\)\*-1\+calc\(var\(--toast-index\)\*var\(--gap\)\*-1\)\+var\(--toast-swipe-movement-y\)\)\] {
    --offset-y: calc(
      var(--toast-offset-y) * -1 + calc(var(--toast-index) * var(--gap) * -1) +
        var(--toast-swipe-movement-y)
    );
  }
  .\[--peek\:0\.75rem\] {
    --peek: 0.75rem;
  }
  .\[--peek\:1rem\] {
    --peek: 1rem;
  }
  .\[--scale\:calc\(max\(0\,1-\(var\(--toast-index\)\*0\.1\)\)\)\] {
    --scale: calc(max(0, 1 - (var(--toast-index) * 0.1)));
  }
  .\[--shrink\:calc\(1-var\(--scale\)\)\] {
    --shrink: calc(1 - var(--scale));
  }
  .\[--stack-height\:var\(--drawer-frontmost-height\,var\(--drawer-height\,0px\)\)\] {
    --stack-height: var(--drawer-frontmost-height, var(--drawer-height, 0px));
  }
  .\[--stack-peek-offset\:max\(0px\,calc\(\(var\(--nested-drawers\)-var\(--stack-progress\)\)\*var\(--peek\)\)\)\] {
    --stack-peek-offset: max(
      0px,
      calc((var(--nested-drawers) - var(--stack-progress)) * var(--peek))
    );
  }
  .\[--stack-progress\:clamp\(0\,var\(--drawer-swipe-progress\)\,1\)\] {
    --stack-progress: clamp(0, var(--drawer-swipe-progress), 1);
  }
  .\[--stack-scale-base\:max\(0\,calc\(1-\(var\(--nested-drawers\)\*var\(--stack-step\)\)\)\)\] {
    --stack-scale-base: max(
      0,
      calc(1 - (var(--nested-drawers) * var(--stack-step)))
    );
  }
  .\[--stack-scale\:clamp\(0\,calc\(var\(--stack-scale-base\)\+\(var\(--stack-step\)\*var\(--stack-progress\)\)\)\,1\)\] {
    --stack-scale: clamp(
      0,
      calc(
        var(--stack-scale-base) + (var(--stack-step) * var(--stack-progress))
      ),
      1
    );
  }
  .\[--stack-shrink\:calc\(1-var\(--stack-scale\)\)\] {
    --stack-shrink: calc(1 - var(--stack-scale));
  }
  .\[--stack-step\:0\.05\] {
    --stack-step: 0.05;
  }
  .\[contain-intrinsic-size\:auto_10rem\] {
    contain-intrinsic-size: auto 10rem;
  }
  .\[content-visibility\:auto\] {
    content-visibility: auto;
  }
  .\[interpolate-size\:allow-keywords\] {
    interpolate-size: allow-keywords;
  }
  .\[transition\:transform_500ms_cubic-bezier\(0\.22\,1\,0\.36\,1\)\,opacity_500ms\,height_150ms\] {
    transition:
      transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
      opacity 0.5s,
      height 0.15s;
  }
  .running {
    animation-play-state: running;
  }
  :is(.\*\:w-full > *) {
    width: 100%;
  }
  .not-last\:border-b:not(:last-child) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .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-disabled\/field\:opacity-50:is(
    :where(.group\/field):has(:disabled) *
  ) {
    opacity: 0.5;
  }
  .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-\[size\=lg\]\/avatar-group\:size-10:is(
    :where(.group\/avatar-group):has([data-size='lg']) *
  ) {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(
    :where(.group\/avatar-group):has([data-size='sm']) *
  ) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .group-has-data-\[slot\=combobox-clear\]\/input-group\:hidden:is(
    :where(.group\/input-group):has([data-slot='combobox-clear']) *
  ),
  .group-has-data-\[slot\=command-shortcut\]\/command-item\:hidden:is(
    :where(.group\/command-item):has([data-slot='command-shortcut']) *
  ) {
    display: none;
  }
  .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) * 0.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-data-\[slot\=message-footer\]\/message\:-translate-y-8:is(
    :where(.group\/message):has([data-slot='message-footer']) *
  ) {
    --tw-translate-y: calc(var(--spacing) * -8);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-has-data-\[variant\=ghost\]\/message\:px-0:is(
    :where(.group\/message):has([data-variant='ghost']) *
  ) {
    padding-inline: calc(var(--spacing) * 0);
  }
  .group-has-data-horizontal\/field\:text-balance:is(
    :where(.group\/field):has(:where([data-orientation='horizontal'])) *
  ) {
    text-wrap: balance;
  }
  .group-has-\[\:focus-visible\]\/field-label\:border-transparent:is(
    :where(.group\/field-label):has(:focus-visible) *
  ) {
    border-color: #0000;
  }
  .group-has-\[\:focus-visible\]\/field-label\:ring-0:is(
    :where(.group\/field-label):has(: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);
  }
  .group-has-\[\>input\]\/input-group\:pt-2:is(
    :where(.group\/input-group):has(> input) *
  ) {
    padding-top: calc(var(--spacing) * 2);
  }
  .group-has-\[\>input\]\/input-group\:pb-2:is(
    :where(.group\/input-group):has(> input) *
  ) {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .group-has-\[\>svg\]\/alert\:col-start-2:is(
    :where(.group\/alert):has(> svg) *
  ) {
    grid-column-start: 2;
  }
  .group-aria-expanded\/accordion-trigger\:hidden:is(
    :where(.group\/accordion-trigger)[aria-expanded='true'] *
  ) {
    display: none;
  }
  .group-aria-expanded\/accordion-trigger\:inline:is(
    :where(.group\/accordion-trigger)[aria-expanded='true'] *
  ) {
    display: inline;
  }
  .group-data-empty\/combobox-content\:flex:is(
    :where(.group\/combobox-content)[data-empty] *
  ) {
    display: flex;
  }
  .group-data-nested-drawer-open\/drawer-popup\:opacity-0:is(
    :where(.group\/drawer-popup)[data-nested-drawer-open] *
  ) {
    opacity: 0;
  }
  .group-data-nested-drawer-swiping\/drawer-popup\:opacity-100:is(
    :where(.group\/drawer-popup)[data-nested-drawer-swiping] *
  ) {
    opacity: 1;
  }
  .group-data-popup-open\/navigation-menu-trigger\:rotate-180:is(
    :where(.group\/navigation-menu-trigger)[data-popup-open] *
  ) {
    rotate: 180deg;
  }
  .group-data-swiping\/drawer-popup\:select-none:is(
    :where(.group\/drawer-popup)[data-swiping] *
  ) {
    -webkit-user-select: none;
    user-select: none;
  }
  .group-data-\[align\=end\]\/bubble\:self-end:is(
    :where(.group\/bubble)[data-align='end'] *
  ) {
    align-self: flex-end;
  }
  .group-data-\[align\=end\]\/message\:justify-end:is(
    :where(.group\/message)[data-align='end'] *
  ) {
    justify-content: flex-end;
  }
  .group-data-\[align\=end\]\/message\:self-end:is(
    :where(.group\/message)[data-align='end'] *
  ) {
    align-self: flex-end;
  }
  .group-data-\[checked\=true\]\/command-item\:opacity-100:is(
    :where(.group\/command-item)[data-checked='true'] *
  ) {
    opacity: 1;
  }
  .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\]\: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: 0.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-\[orientation\=vertical\]\/attachment\:absolute:is(
    :where(.group\/attachment)[data-orientation='vertical'] *
  ) {
    position: absolute;
  }
  .group-data-\[orientation\=vertical\]\/attachment\:top-3:is(
    :where(.group\/attachment)[data-orientation='vertical'] *
  ) {
    top: calc(var(--spacing) * 3);
  }
  .group-data-\[orientation\=vertical\]\/attachment\:right-3:is(
    :where(.group\/attachment)[data-orientation='vertical'] *
  ) {
    right: calc(var(--spacing) * 3);
  }
  .group-data-\[orientation\=vertical\]\/attachment\:w-full:is(
    :where(.group\/attachment)[data-orientation='vertical'] *
  ) {
    width: 100%;
  }
  .group-data-\[orientation\=vertical\]\/attachment\:gap-1:is(
    :where(.group\/attachment)[data-orientation='vertical'] *
  ) {
    gap: calc(var(--spacing) * 1);
  }
  .group-data-\[orientation\=vertical\]\/attachment\:px-1:is(
    :where(.group\/attachment)[data-orientation='vertical'] *
  ) {
    padding-inline: calc(var(--spacing) * 1);
  }
  .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-\[size\=default\]\/avatar\:size-2\.5:is(
    :where(.group\/avatar)[data-size='default'] *
  ) {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
  .group-data-\[size\=default\]\/switch\:size-4:is(
    :where(.group\/switch)[data-size='default'] *
  ) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .group-data-\[size\=lg\]\/avatar\:size-3:is(
    :where(.group\/avatar)[data-size='lg'] *
  ) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .group-data-\[size\=sm\]\/alert-dialog-content\:grid:is(
    :where(.group\/alert-dialog-content)[data-size='sm'] *
  ) {
    display: grid;
  }
  .group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2:is(
    :where(.group\/alert-dialog-content)[data-size='sm'] *
  ) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .group-data-\[size\=sm\]\/attachment\:w-8:is(
    :where(.group\/attachment)[data-size='sm'] *
  ) {
    width: calc(var(--spacing) * 8);
  }
  .group-data-\[size\=sm\]\/avatar\:size-2:is(
    :where(.group\/avatar)[data-size='sm'] *
  ) {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .group-data-\[size\=sm\]\/avatar\:text-xs:is(
    :where(.group\/avatar)[data-size='sm'] *
  ) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .group-data-\[size\=sm\]\/card\:text-sm:is(
    :where(.group\/card)[data-size='sm'] *
  ) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .group-data-\[size\=sm\]\/item\:size-8:is(
    :where(.group\/item)[data-size='sm'] *
  ) {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .group-data-\[size\=sm\]\/switch\:size-3:is(
    :where(.group\/switch)[data-size='sm'] *
  ) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .group-data-\[size\=xs\]\/attachment\:w-7:is(
    :where(.group\/attachment)[data-size='xs'] *
  ) {
    width: calc(var(--spacing) * 7);
  }
  .group-data-\[size\=xs\]\/attachment\:rounded-md:is(
    :where(.group\/attachment)[data-size='xs'] *
  ) {
    border-radius: var(--radius-md);
  }
  .group-data-\[size\=xs\]\/item\:size-6:is(
    :where(.group\/item)[data-size='xs'] *
  ) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .group-data-\[size\=xs\]\/item\:gap-0:is(
    :where(.group\/item)[data-size='xs'] *
  ) {
    gap: calc(var(--spacing) * 0);
  }
  .group-data-\[size\=xs\]\/item\:text-xs:is(
    :where(.group\/item)[data-size='xs'] *
  ) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .group-data-\[spacing\=0\]\/toggle-group\:rounded-none:is(
    :where(.group\/toggle-group)[data-spacing='0'] *
  ) {
    border-radius: 0;
  }
  .group-data-\[spacing\=0\]\/toggle-group\:px-2:is(
    :where(.group\/toggle-group)[data-spacing='0'] *
  ) {
    padding-inline: calc(var(--spacing) * 2);
  }
  .group-data-\[state\=done\]\/attachment\:opacity-100:is(
    :where(.group\/attachment)[data-state='done'] *
  ),
  .group-data-\[state\=idle\]\/attachment\:opacity-100:is(
    :where(.group\/attachment)[data-state='idle'] *
  ) {
    opacity: 1;
  }
  .group-data-\[state\=processing\]\/attachment\:shimmer:is(
    :where(.group\/attachment)[data-state='processing'] *
  ) {
    --_spread: var(--shimmer-spread, calc(3ch + 40px));
    --_base: currentColor;
    --_highlight: var(
      --shimmer-color,
      oklch(from currentColor l c h / calc(alpha* 0.2))
    );
    background-image: var(
      --shimmer-image,
      linear-gradient(
        calc(90deg + var(--shimmer-angle)),
        var(--_base) calc(50% - var(--_spread)),
        var(--_highlight) calc(50% - var(--_spread) * 0.5),
        var(--_highlight) 50%,
        var(--_highlight) calc(50% + var(--_spread) * 0.5),
        var(--_base) calc(50% + var(--_spread))
      )
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .group-data-\[state\=processing\]\/attachment\:shimmer:is(
      :where(.group\/attachment)[data-state='processing'] *
    ) {
      background-image: var(
        --shimmer-image,
        linear-gradient(
          calc(90deg + var(--shimmer-angle)),
          var(--_base) calc(50% - var(--_spread)),
          color-mix(in oklch, var(--_highlight), var(--_base) 50%)
            calc(50% - var(--_spread) * 0.5),
          var(--_highlight) 50%,
          color-mix(in oklch, var(--_highlight), var(--_base) 50%)
            calc(50% + var(--_spread) * 0.5),
          var(--_base) calc(50% + var(--_spread))
        )
      );
    }
  }
  .group-data-\[state\=processing\]\/attachment\:shimmer:is(
    :where(.group\/attachment)[data-state='processing'] *
  ) {
    background-repeat: no-repeat;
    background-size: calc(200% + var(--_spread) * 2) 100%;
    -webkit-text-fill-color: var(--shimmer-text-fill, transparent);
    animation: tw-shimmer var(--shimmer-duration, 2s) linear infinite;
    background-position: 0 0;
    -webkit-background-clip: text;
    background-clip: text;
  }
  @media (prefers-color-scheme: dark) {
    .group-data-\[state\=processing\]\/attachment\:shimmer:is(
      :where(.group\/attachment)[data-state='processing'] *
    ) {
      --_highlight: var(
        --shimmer-color,
        oklch(from currentColor max(0.8, calc(l + 0.4)) c h / calc(alpha + 0.4))
      );
    }
  }
  .group-data-\[state\=processing\]\/attachment\:shimmer:is(
      :where(.group\/attachment)[data-state='processing'] *
    ):where([dir='rtl'], [dir='rtl'] *) {
    animation-direction: reverse;
  }
  .group-data-\[state\=uploading\]\/attachment\:shimmer:is(
    :where(.group\/attachment)[data-state='uploading'] *
  ) {
    --_spread: var(--shimmer-spread, calc(3ch + 40px));
    --_base: currentColor;
    --_highlight: var(
      --shimmer-color,
      oklch(from currentColor l c h / calc(alpha* 0.2))
    );
    background-image: var(
      --shimmer-image,
      linear-gradient(
        calc(90deg + var(--shimmer-angle)),
        var(--_base) calc(50% - var(--_spread)),
        var(--_highlight) calc(50% - var(--_spread) * 0.5),
        var(--_highlight) 50%,
        var(--_highlight) calc(50% + var(--_spread) * 0.5),
        var(--_base) calc(50% + var(--_spread))
      )
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .group-data-\[state\=uploading\]\/attachment\:shimmer:is(
      :where(.group\/attachment)[data-state='uploading'] *
    ) {
      background-image: var(
        --shimmer-image,
        linear-gradient(
          calc(90deg + var(--shimmer-angle)),
          var(--_base) calc(50% - var(--_spread)),
          color-mix(in oklch, var(--_highlight), var(--_base) 50%)
            calc(50% - var(--_spread) * 0.5),
          var(--_highlight) 50%,
          color-mix(in oklch, var(--_highlight), var(--_base) 50%)
            calc(50% + var(--_spread) * 0.5),
          var(--_base) calc(50% + var(--_spread))
        )
      );
    }
  }
  .group-data-\[state\=uploading\]\/attachment\:shimmer:is(
    :where(.group\/attachment)[data-state='uploading'] *
  ) {
    background-repeat: no-repeat;
    background-size: calc(200% + var(--_spread) * 2) 100%;
    -webkit-text-fill-color: var(--shimmer-text-fill, transparent);
    animation: tw-shimmer var(--shimmer-duration, 2s) linear infinite;
    background-position: 0 0;
    -webkit-background-clip: text;
    background-clip: text;
  }
  @media (prefers-color-scheme: dark) {
    .group-data-\[state\=uploading\]\/attachment\:shimmer:is(
      :where(.group\/attachment)[data-state='uploading'] *
    ) {
      --_highlight: var(
        --shimmer-color,
        oklch(from currentColor max(0.8, calc(l + 0.4)) c h / calc(alpha + 0.4))
      );
    }
  }
  .group-data-\[state\=uploading\]\/attachment\:shimmer:is(
      :where(.group\/attachment)[data-state='uploading'] *
    ):where([dir='rtl'], [dir='rtl'] *) {
    animation-direction: reverse;
  }
  .group-data-\[swipe-axis\=x\]\/drawer-popup\:h-full:is(
    :where(.group\/drawer-popup)[data-swipe-axis='x'] *
  ) {
    height: 100%;
  }
  .group-data-\[swipe-axis\=x\]\/drawer-popup\:w-3:is(
    :where(.group\/drawer-popup)[data-swipe-axis='x'] *
  ) {
    width: calc(var(--spacing) * 3);
  }
  .group-data-\[swipe-axis\=x\]\/drawer-popup\:items-center:is(
    :where(.group\/drawer-popup)[data-swipe-axis='x'] *
  ) {
    align-items: center;
  }
  .group-data-\[swipe-axis\=y\]\/drawer-popup\:h-3:is(
    :where(.group\/drawer-popup)[data-swipe-axis='y'] *
  ) {
    height: calc(var(--spacing) * 3);
  }
  .group-data-\[swipe-axis\=y\]\/drawer-popup\:w-full:is(
    :where(.group\/drawer-popup)[data-swipe-axis='y'] *
  ) {
    width: 100%;
  }
  .group-data-\[swipe-axis\=y\]\/drawer-popup\:justify-center:is(
    :where(.group\/drawer-popup)[data-swipe-axis='y'] *
  ) {
    justify-content: center;
  }
  .group-data-\[swipe-axis\=y\]\/drawer-popup\:text-center:is(
    :where(.group\/drawer-popup)[data-swipe-axis='y'] *
  ) {
    text-align: center;
  }
  .group-data-\[swipe-direction\=down\]\/drawer-popup\:items-end:is(
    :where(.group\/drawer-popup)[data-swipe-direction='down'] *
  ) {
    align-items: flex-end;
  }
  .group-data-\[swipe-direction\=left\]\/drawer-popup\:order-last:is(
    :where(.group\/drawer-popup)[data-swipe-direction='left'] *
  ) {
    order: 9999;
  }
  .group-data-\[swipe-direction\=left\]\/drawer-popup\:justify-start:is(
    :where(.group\/drawer-popup)[data-swipe-direction='left'] *
  ) {
    justify-content: flex-start;
  }
  .group-data-\[swipe-direction\=right\]\/drawer-popup\:justify-end:is(
    :where(.group\/drawer-popup)[data-swipe-direction='right'] *
  ) {
    justify-content: flex-end;
  }
  .group-data-\[swipe-direction\=up\]\/drawer-popup\:order-last:is(
    :where(.group\/drawer-popup)[data-swipe-direction='up'] *
  ) {
    order: 9999;
  }
  .group-data-\[swipe-direction\=up\]\/drawer-popup\:items-start:is(
    :where(.group\/drawer-popup)[data-swipe-direction='up'] *
  ) {
    align-items: flex-start;
  }
  .group-data-\[variant\=floating\]\:rounded-lg:is(
    :where(.group)[data-variant='floating'] *
  ) {
    border-radius: var(--radius-lg);
  }
  .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\=floating\]\:ring-1:is(
    :where(.group)[data-variant='floating'] *
  ) {
    --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);
  }
  .group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(
    :where(.group\/tabs-list)[data-variant='line'] *
  ) {
    background-color: #0000;
  }
  .group-data-\[variant\=outline\]\/field-group\:-mb-2:is(
    :where(.group\/field-group)[data-variant='outline'] *
  ) {
    margin-bottom: calc(var(--spacing) * -2);
  }
  .group-data-\[variant\=separator\]\/marker\:flex-none:is(
    :where(.group\/marker)[data-variant='separator'] *
  ) {
    flex: none;
  }
  .group-data-\[variant\=separator\]\/marker\:text-center:is(
    :where(.group\/marker)[data-variant='separator'] *
  ) {
    text-align: center;
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:rounded-lg:is(
    :where(.group\/navigation-menu)[data-viewport='false'] *
  ) {
    border-radius: var(--radius-lg);
  }
  .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\:ring-1:is(
    :where(.group\/navigation-menu)[data-viewport='false'] *
  ) {
    --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);
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:duration-300:is(
    :where(.group\/navigation-menu)[data-viewport='false'] *
  ) {
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .group-data-open\/navigation-menu-trigger\:rotate-180:is(
    :is(
        :where(.group\/navigation-menu-trigger):where([data-state='open']),
        :where(.group\/navigation-menu-trigger):where(
          [data-open]:not([data-open='false'])
        )
      )
      *
  ) {
    rotate: 180deg;
  }
  .group-data-horizontal\/tabs\:h-8:is(
    :where(.group\/tabs):where([data-orientation='horizontal']) *
  ) {
    height: calc(var(--spacing) * 8);
  }
  .group-data-vertical\/tabs\:h-fit:is(
    :where(.group\/tabs):where([data-orientation='vertical']) *
  ) {
    height: fit-content;
  }
  .group-data-vertical\/tabs\:w-full:is(
    :where(.group\/tabs):where([data-orientation='vertical']) *
  ) {
    width: 100%;
  }
  .group-data-vertical\/tabs\:flex-col:is(
    :where(.group\/tabs):where([data-orientation='vertical']) *
  ) {
    flex-direction: column;
  }
  .group-data-vertical\/tabs\:justify-start:is(
    :where(.group\/tabs):where([data-orientation='vertical']) *
  ) {
    justify-content: flex-start;
  }
  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }
  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
    opacity: 0.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-6::file-selector-button {
    height: calc(var(--spacing) * 6);
  }
  .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);
  }
  .before\:mr-1:before {
    content: var(--tw-content);
    margin-right: calc(var(--spacing) * 1);
  }
  .before\:h-px:before {
    content: var(--tw-content);
    height: 1px;
  }
  .before\:min-w-0:before {
    content: var(--tw-content);
    min-width: calc(var(--spacing) * 0);
  }
  .before\:flex-1:before {
    content: var(--tw-content);
    flex: 1;
  }
  .after\:pointer-events-none:after {
    content: var(--tw-content);
    pointer-events: none;
  }
  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }
  .after\:-inset-2:after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * -2);
  }
  .after\:inset-0:after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }
  .after\:-inset-x-3:after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * -3);
  }
  .after\:-inset-y-2:after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * -2);
  }
  .after\:inset-y-0:after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 0);
  }
  .after\:start-1\/2:after {
    content: var(--tw-content);
    inset-inline-start: 50%;
  }
  .after\:top-full:after {
    content: var(--tw-content);
    top: 100%;
  }
  .after\:right-0:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }
  .after\:left-0:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }
  .after\:left-1\/2:after {
    content: var(--tw-content);
    left: 50%;
  }
  .after\:ml-1:after {
    content: var(--tw-content);
    margin-left: calc(var(--spacing) * 1);
  }
  .after\:block:after {
    content: var(--tw-content);
    display: block;
  }
  .after\:h-\[calc\(var\(--gap\)\+1px\)\]:after {
    content: var(--tw-content);
    height: calc(var(--gap) + 1px);
  }
  .after\:h-px:after {
    content: var(--tw-content);
    height: 1px;
  }
  .after\:w-1:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 1);
  }
  .after\:w-4:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 4);
  }
  .after\:w-\[2px\]:after {
    content: var(--tw-content);
    width: 2px;
  }
  .after\:w-full:after {
    content: var(--tw-content);
    width: 100%;
  }
  .after\:min-w-0:after {
    content: var(--tw-content);
    min-width: calc(var(--spacing) * 0);
  }
  .after\:flex-1:after {
    content: var(--tw-content);
    flex: 1;
  }
  .after\:shrink-0:after {
    content: var(--tw-content);
    flex-shrink: 0;
  }
  .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);
  }
  .after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 2147483647px;
  }
  .after\:border:after {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .after\:bg-\(--drawer-bleed-background\,var\(--color-popover\)\):after {
    content: var(--tw-content);
    background-color: var(--drawer-bleed-background, var(--color-popover));
  }
  .after\:opacity-0:after {
    content: var(--tw-content);
    opacity: 0;
  }
  .after\:mix-blend-darken:after {
    content: var(--tw-content);
    mix-blend-mode: darken;
  }
  .after\:transition-opacity:after {
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .after\:content-\[\'\'\]:after {
    --tw-content: '';
    content: var(--tw-content);
  }
  .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(
      :where(.group)[data-collapsible='offcanvas'] *
    ):after {
    content: var(--tw-content);
    left: 100%;
  }
  .group-data-\[swipe-axis\=x\]\/drawer-popup\:after\:h-24:is(
      :where(.group\/drawer-popup)[data-swipe-axis='x'] *
    ):after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 24);
  }
  .group-data-\[swipe-axis\=x\]\/drawer-popup\:after\:w-1:is(
      :where(.group\/drawer-popup)[data-swipe-axis='x'] *
    ):after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 1);
  }
  .group-data-\[swipe-axis\=y\]\/drawer-popup\:after\:h-1:is(
      :where(.group\/drawer-popup)[data-swipe-axis='y'] *
    ):after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 1);
  }
  .group-data-\[swipe-axis\=y\]\/drawer-popup\:after\:w-24:is(
      :where(.group\/drawer-popup)[data-swipe-axis='y'] *
    ):after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 24);
  }
  .group-data-horizontal\/tabs\:after\:inset-x-0:is(
      :where(.group\/tabs):where([data-orientation='horizontal']) *
    ):after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 0);
  }
  .group-data-horizontal\/tabs\:after\:bottom-\[-5px\]:is(
      :where(.group\/tabs):where([data-orientation='horizontal']) *
    ):after {
    content: var(--tw-content);
    bottom: -5px;
  }
  .group-data-horizontal\/tabs\:after\:h-0\.5:is(
      :where(.group\/tabs):where([data-orientation='horizontal']) *
    ):after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 0.5);
  }
  .group-data-vertical\/tabs\:after\:inset-y-0:is(
      :where(.group\/tabs):where([data-orientation='vertical']) *
    ):after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 0);
  }
  .group-data-vertical\/tabs\:after\:-right-1:is(
      :where(.group\/tabs):where([data-orientation='vertical']) *
    ):after {
    content: var(--tw-content);
    right: calc(var(--spacing) * -1);
  }
  .group-data-vertical\/tabs\:after\:w-0\.5:is(
      :where(.group\/tabs):where([data-orientation='vertical']) *
    ):after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 0.5);
  }
  .first\:rounded-l-lg:first-child {
    border-top-left-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .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-lg:last-child {
    border-top-right-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
  }
  .focus-within\:ring-1:focus-within {
    --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-within\:ring-3:focus-within {
    --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);
  }
  @media (hover: hover) {
    .hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover {
      background-color: var(--secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover {
        background-color: color-mix(
          in oklch,
          var(--secondary),
          var(--foreground) 5%
        );
      }
    }
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
    .hover\:opacity-100:hover {
      opacity: 1;
    }
    .hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\]:hover {
      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, 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\:ring-3:hover {
      --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);
    }
  }
  :is(.focus\:z-10:focus, .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);
  }
  :is(
    .focus-visible\:ring-3:focus-visible,
    .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\: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;
  }
  :is(.\*\:focus-visible\:relative > *):focus-visible {
    position: relative;
  }
  :is(.\*\:focus-visible\:z-10 > *):focus-visible {
    z-index: 10;
  }
  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }
  .active\:ring-3:active {
    --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);
  }
  .active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]) {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .disabled\:bg-transparent:disabled {
    background-color: #0000;
  }
  .disabled\:opacity-50:disabled {
    opacity: 0.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;
  }
  :where([data-slot='button-group'])
    .in-data-\[slot\=button-group\]\:rounded-lg {
    border-radius: var(--radius-lg);
  }
  :where([data-slot='card-content'])
    .in-data-\[slot\=card-content\]\:bg-transparent {
    background-color: #0000;
  }
  :where([data-slot='combobox-content'])
    .in-data-\[slot\=combobox-content\]\:focus-within\:border-inherit:focus-within {
    border-color: inherit;
  }
  :where([data-slot='combobox-content'])
    .in-data-\[slot\=combobox-content\]\:focus-within\:ring-0:focus-within {
    --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);
  }
  :where([data-slot='dialog-content'])
    .in-data-\[slot\=dialog-content\]\:rounded-lg\! {
    border-radius: var(--radius-lg) !important;
  }
  :where([data-slot='dropdown-menu-content'])
    .in-data-\[slot\=dropdown-menu-content\]\:p-0 {
    padding: calc(var(--spacing) * 0);
  }
  :where([data-slot='navigation-menu-content'])
    .in-data-\[slot\=navigation-menu-content\]\:rounded-md {
    border-radius: var(--radius-md);
  }
  :where([data-slot='popover-content'])
    .in-data-\[slot\=popover-content\]\:bg-transparent {
    background-color: #0000;
  }
  .has-disabled\:pointer-events-none:has(:disabled) {
    pointer-events: none;
  }
  .has-disabled\:cursor-not-allowed:has(:disabled) {
    cursor: not-allowed;
  }
  .has-disabled\:opacity-50:has(:disabled) {
    opacity: 0.5;
  }
  .has-aria-invalid\:ring-3:has([aria-invalid='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);
  }
  .has-data-\[icon\=inline-end\]\:pr-1:has([data-icon='inline-end']) {
    padding-right: calc(var(--spacing) * 1);
  }
  .has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon='inline-end']) {
    padding-right: calc(var(--spacing) * 1.5);
  }
  .has-data-\[icon\=inline-end\]\:pr-2:has([data-icon='inline-end']) {
    padding-right: calc(var(--spacing) * 2);
  }
  .group-data-\[spacing\=0\]\/toggle-group\:has-data-\[icon\=inline-end\]\:pr-1\.5:is(
      :where(.group\/toggle-group)[data-spacing='0'] *
    ):has([data-icon='inline-end']) {
    padding-right: calc(var(--spacing) * 1.5);
  }
  .has-data-\[icon\=inline-start\]\:pl-1:has([data-icon='inline-start']) {
    padding-left: calc(var(--spacing) * 1);
  }
  .has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon='inline-start']) {
    padding-left: calc(var(--spacing) * 1.5);
  }
  .has-data-\[icon\=inline-start\]\:pl-2:has([data-icon='inline-start']) {
    padding-left: calc(var(--spacing) * 2);
  }
  .group-data-\[spacing\=0\]\/toggle-group\:has-data-\[icon\=inline-start\]\:pl-1\.5:is(
      :where(.group\/toggle-group)[data-spacing='0'] *
    ):has([data-icon='inline-start']) {
    padding-left: calc(var(--spacing) * 1.5);
  }
  .has-data-\[size\=sm\]\:gap-2\.5:has([data-size='sm']) {
    gap: calc(var(--spacing) * 2.5);
  }
  .has-data-\[size\=xs\]\:gap-2:has([data-size='xs']) {
    gap: calc(var(--spacing) * 2);
  }
  .has-data-\[slot\=alert-action\]\:relative:has([data-slot='alert-action']) {
    position: relative;
  }
  .has-data-\[slot\=alert-action\]\:pr-18:has([data-slot='alert-action']) {
    padding-right: calc(var(--spacing) * 18);
  }
  .has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\]:has(
    [data-slot='alert-dialog-media']
  ) {
    grid-template-rows: auto auto 1fr;
  }
  .has-data-\[slot\=alert-dialog-media\]\:gap-x-4:has(
    [data-slot='alert-dialog-media']
  ) {
    column-gap: calc(var(--spacing) * 4);
  }
  .has-data-\[slot\=attachment-content\]\:w-30:has(
    [data-slot='attachment-content']
  ) {
    width: calc(var(--spacing) * 30);
  }
  .has-data-\[slot\=attachment-content\]\:px-1\.5:has(
    [data-slot='attachment-content']
  ) {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .has-data-\[slot\=attachment-content\]\:px-2:has(
    [data-slot='attachment-content']
  ) {
    padding-inline: calc(var(--spacing) * 2);
  }
  .has-data-\[slot\=attachment-content\]\:px-2\.5:has(
    [data-slot='attachment-content']
  ) {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .has-data-\[slot\=attachment-content\]\:py-1:has(
    [data-slot='attachment-content']
  ) {
    padding-block: calc(var(--spacing) * 1);
  }
  .has-data-\[slot\=attachment-content\]\:py-1\.5:has(
    [data-slot='attachment-content']
  ) {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .has-data-\[slot\=attachment-content\]\:py-2:has(
    [data-slot='attachment-content']
  ) {
    padding-block: calc(var(--spacing) * 2);
  }
  .has-data-\[slot\=attachment-media\]\:p-1:has(
    [data-slot='attachment-media']
  ) {
    padding: calc(var(--spacing) * 1);
  }
  .has-data-\[slot\=attachment-media\]\:p-1\.5:has(
    [data-slot='attachment-media']
  ) {
    padding: calc(var(--spacing) * 1.5);
  }
  .has-data-\[slot\=attachment-media\]\:p-2:has(
    [data-slot='attachment-media']
  ) {
    padding: calc(var(--spacing) * 2);
  }
  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has(
    [data-slot='card-action']
  ) {
    grid-template-columns: 1fr auto;
  }
  .has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has(
    [data-slot='card-description']
  ) {
    grid-template-rows: auto auto;
  }
  .has-data-\[slot\=card-footer\]\:pb-0:has([data-slot='card-footer']) {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .has-data-\[slot\=combobox-chip\]\:px-1:has([data-slot='combobox-chip']) {
    padding-inline: calc(var(--spacing) * 1);
  }
  .has-data-\[slot\=combobox-chip-remove\]\:pr-0:has(
    [data-slot='combobox-chip-remove']
  ) {
    padding-right: calc(var(--spacing) * 0);
  }
  .has-data-\[slot\=kbd\]\:pr-1\.5:has([data-slot='kbd']) {
    padding-right: calc(var(--spacing) * 1.5);
  }
  :is(
    .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-3:has(
      [data-slot='input-group-control']:focus-visible
    ),
    .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-3:has(
      [data-slot][aria-invalid='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);
  }
  .has-\[button\]\:p-0:has(:is(button)) {
    padding: calc(var(--spacing) * 0);
  }
  .has-\[select\:disabled\]\:opacity-50:has(:is(select:disabled)) {
    opacity: 0.5;
  }
  .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-lg:has(> [data-slot='field']) {
    border-radius: var(--radius-lg);
  }
  .has-\[\>\[data-slot\=field\]\]\:border:has(> [data-slot='field']) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .has-\[\>\[data-slot\=field\]\]\:has-\[\:focus-visible\]\:ring-3:has(
      > [data-slot='field']
    ):has(: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-slot\=radio-group\]\]\:gap-3:has(
    > [data-slot='radio-group']
  ) {
    gap: calc(var(--spacing) * 3);
  }
  .has-\[\>button\]\:mr-\[-0\.3rem\]:has(> button) {
    margin-right: -0.3rem;
  }
  .has-\[\>button\]\:ml-\[-0\.3rem\]:has(> button) {
    margin-left: -0.3rem;
  }
  .has-\[\>img\:first-child\]\:pt-0:has(> img:first-child) {
    padding-top: calc(var(--spacing) * 0);
  }
  .has-\[\>kbd\]\:mr-\[-0\.15rem\]:has(> kbd) {
    margin-right: -0.15rem;
  }
  .has-\[\>kbd\]\:ml-\[-0\.15rem\]:has(> kbd) {
    margin-left: -0.15rem;
  }
  .has-\[\>svg\]\:grid-cols-\[auto_1fr\]:has(> svg) {
    grid-template-columns: auto 1fr;
  }
  .has-\[\>svg\]\:gap-x-2:has(> svg) {
    column-gap: calc(var(--spacing) * 2);
  }
  .has-\[\>svg\]\:p-0:has(> svg) {
    padding: calc(var(--spacing) * 0);
  }
  .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: 0.5;
  }
  .aria-expanded\:opacity-100[aria-expanded='true'] {
    opacity: 1;
  }
  .aria-invalid\:ring-0[aria-invalid='true'] {
    --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);
  }
  .aria-invalid\:ring-3[aria-invalid='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);
  }
  .aria-\[orientation\=horizontal\]\:h-px[aria-orientation='horizontal'] {
    height: 1px;
  }
  .aria-\[orientation\=horizontal\]\:w-full[aria-orientation='horizontal'] {
    width: 100%;
  }
  .aria-\[orientation\=horizontal\]\:after\:left-0[aria-orientation='horizontal']:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }
  .aria-\[orientation\=horizontal\]\:after\:h-1[aria-orientation='horizontal']:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 1);
  }
  .aria-\[orientation\=horizontal\]\:after\:w-full[aria-orientation='horizontal']:after {
    content: var(--tw-content);
    width: 100%;
  }
  .aria-\[orientation\=horizontal\]\:after\:translate-x-0[aria-orientation='horizontal']:after {
    content: var(--tw-content);
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .aria-\[orientation\=horizontal\]\:after\:-translate-y-1\/2[aria-orientation='horizontal']:after {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .aria-\[orientation\=vertical\]\:flex-col[aria-orientation='vertical'] {
    flex-direction: column;
  }
  .data-behind\:opacity-0[data-behind] {
    opacity: 0;
  }
  .data-empty\:p-0[data-empty] {
    padding: calc(var(--spacing) * 0);
  }
  .data-ending-style\:pointer-events-none[data-ending-style] {
    pointer-events: none;
  }
  .data-ending-style\:h-0[data-ending-style] {
    height: calc(var(--spacing) * 0);
  }
  .data-ending-style\:scale-90[data-ending-style] {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .data-ending-style\:transform-\(--closed-transform\)[data-ending-style] {
    transform: var(--closed-transform);
  }
  .data-ending-style\:opacity-0[data-ending-style] {
    opacity: 0;
  }
  .data-ending-style\:opacity-\[0\.9999\][data-ending-style] {
    opacity: 0.9999;
  }
  .data-ending-style\:duration-150[data-ending-style] {
    --tw-duration: 0.15s;
    transition-duration: 0.15s;
  }
  .data-ending-style\:duration-\[calc\(var\(--drawer-swipe-strength\)\*400ms\)\][data-ending-style] {
    --tw-duration: calc(var(--drawer-swipe-strength) * 0.4s);
    transition-duration: calc(var(--drawer-swipe-strength) * 0.4s);
  }
  .data-expanded\:h-\(--toast-height\)[data-expanded] {
    height: var(--toast-height);
  }
  .data-expanded\:\[transform\:translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(var\(--offset-y\)\)\][data-expanded] {
    transform: translateX(var(--toast-swipe-movement-x))
      translateY(var(--offset-y));
  }
  .data-expanded\:opacity-100[data-expanded] {
    opacity: 1;
  }
  .data-inset\:pl-7[data-inset] {
    padding-left: calc(var(--spacing) * 7);
  }
  .data-instant\:transition-none[data-instant] {
    transition-property: none;
  }
  .data-limited\:opacity-0[data-limited] {
    opacity: 0;
  }
  .data-nested-drawer-open\:overflow-hidden[data-nested-drawer-open] {
    overflow: hidden;
  }
  .data-nested-drawer-open\:brightness-95[data-nested-drawer-open] {
    --tw-brightness: brightness(95%);
    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,);
  }
  .data-nested-drawer-swiping\:duration-0[data-nested-drawer-swiping] {
    --tw-duration: 0s;
    transition-duration: 0s;
  }
  .data-ending-style\:data-nested-drawer-swiping\:duration-\[calc\(var\(--drawer-swipe-strength\)\*400ms\)\][data-ending-style][data-nested-drawer-swiping] {
    --tw-duration: calc(var(--drawer-swipe-strength) * 0.4s);
    transition-duration: calc(var(--drawer-swipe-strength) * 0.4s);
  }
  .data-pressed\:bg-transparent[data-pressed] {
    background-color: #0000;
  }
  :is(.\*\:data-slot\:rounded-r-none > *)[data-slot] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  :is(.\*\:data-slot\:rounded-b-none > *)[data-slot] {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  :is(
    .group-data-\[align\=end\]\/message\:\*\:data-slot\:self-end:is(
        :where(.group\/message)[data-align='end'] *
      )
      > *
  )[data-slot] {
    align-self: flex-end;
  }
  .data-snap-points\:\[--drawer-overlay-min-opacity\:0\.5\][data-snap-points] {
    --drawer-overlay-min-opacity: 0.5;
  }
  .data-starting-style\:h-0[data-starting-style] {
    height: calc(var(--spacing) * 0);
  }
  .data-starting-style\:scale-90[data-starting-style] {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .data-starting-style\:\[transform\:translateY\(150\%\)\][data-starting-style] {
    transform: translateY(150%);
  }
  .data-starting-style\:transform-\(--closed-transform\)[data-starting-style] {
    transform: var(--closed-transform);
  }
  .data-starting-style\:opacity-0[data-starting-style] {
    opacity: 0;
  }
  .data-swiping\:duration-0[data-swiping] {
    --tw-duration: 0s;
    transition-duration: 0s;
  }
  .data-ending-style\:data-swiping\:duration-\[calc\(var\(--drawer-swipe-strength\)\*400ms\)\][data-ending-style][data-swiping] {
    --tw-duration: calc(var(--drawer-swipe-strength) * 0.4s);
    transition-duration: calc(var(--drawer-swipe-strength) * 0.4s);
  }
  .data-\[active\=false\]\:pointer-events-none[data-active='false'] {
    pointer-events: none;
  }
  .data-\[active\=false\]\:scale-95[data-active='false'] {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .data-\[active\=false\]\:opacity-0[data-active='false'] {
    opacity: 0;
  }
  .data-\[active\=false\]\:duration-400[data-active='false'] {
    --tw-duration: 0.4s;
    transition-duration: 0.4s;
  }
  .data-\[active\=false\]\:ease-\[cubic-bezier\(0\.7\,0\,0\.84\,0\)\][data-active='false'] {
    --tw-ease: cubic-bezier(0.7, 0, 0.84, 0);
    transition-timing-function: cubic-bezier(0.7, 0, 0.84, 0);
  }
  .data-\[active\=true\]\:z-10[data-active='true'] {
    z-index: 10;
  }
  .data-\[active\=true\]\:translate-y-0[data-active='true'] {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[active\=true\]\:scale-100[data-active='true'] {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .data-\[active\=true\]\:opacity-100[data-active='true'] {
    opacity: 1;
  }
  .data-\[active\=true\]\:ring-3[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-\[active\=true\]\:ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\][data-active='true'] {
    --tw-ease: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  .data-\[align-trigger\=true\]\:animate-none[data-align-trigger='true'] {
    animation: none;
  }
  .data-\[align\=end\]\:flex-row-reverse[data-align='end'] {
    flex-direction: row-reverse;
  }
  .data-\[align\=end\]\:self-end[data-align='end'] {
    align-self: flex-end;
  }
  .data-\[chips\=true\]\:min-w-\(--anchor-width\)[data-chips='true'] {
    min-width: var(--anchor-width);
  }
  .data-\[direction\=end\]\:bottom-4[data-direction='end'] {
    bottom: calc(var(--spacing) * 4);
  }
  .data-\[direction\=end\]\:data-\[active\=false\]\:translate-y-full[data-direction='end'][data-active='false'] {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[direction\=start\]\:top-4[data-direction='start'] {
    top: calc(var(--spacing) * 4);
  }
  .data-\[direction\=start\]\:data-\[active\=false\]\:-translate-y-full[data-direction='start'][data-active='false'] {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[disabled\=true\]\:pointer-events-none[data-disabled='true'] {
    pointer-events: none;
  }
  .data-\[disabled\=true\]\:opacity-50[data-disabled='true'] {
    opacity: 0.5;
  }
  .data-\[modal\=true\]\:pointer-events-auto[data-modal='true'] {
    pointer-events: auto;
  }
  .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, 0.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, 0.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-\[range-end\=true\]\:rounded-\(--cell-radius\)[data-range-end='true'] {
    border-radius: var(--cell-radius);
  }
  .data-\[range-end\=true\]\:rounded-r-\(--cell-radius\)[data-range-end='true'] {
    border-top-right-radius: var(--cell-radius);
    border-bottom-right-radius: var(--cell-radius);
  }
  .data-\[range-middle\=true\]\:rounded-none[data-range-middle='true'] {
    border-radius: 0;
  }
  .data-\[range-start\=true\]\:rounded-\(--cell-radius\)[data-range-start='true'] {
    border-radius: var(--cell-radius);
  }
  .data-\[range-start\=true\]\:rounded-l-\(--cell-radius\)[data-range-start='true'] {
    border-top-left-radius: var(--cell-radius);
    border-bottom-left-radius: var(--cell-radius);
  }
  .data-\[selected\=true\]\:rounded-none[data-selected='true'] {
    border-radius: 0;
  }
  .data-\[side\=bottom\]\:inset-x-0[data-side='bottom'] {
    inset-inline: calc(var(--spacing) * 0);
  }
  .data-\[side\=bottom\]\:top-1[data-side='bottom'] {
    top: calc(var(--spacing) * 1);
  }
  .data-\[side\=bottom\]\:bottom-0[data-side='bottom'] {
    bottom: calc(var(--spacing) * 0);
  }
  .data-\[side\=bottom\]\:h-auto[data-side='bottom'] {
    height: auto;
  }
  .data-\[side\=bottom\]\:border-t[data-side='bottom'] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .data-\[side\=bottom\]\:slide-in-from-top-2[data-side='bottom'] {
    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
  }
  .data-\[side\=bottom\]\:before\:top-\[-10px\][data-side='bottom']:before {
    content: var(--tw-content);
    top: -10px;
  }
  .data-\[side\=bottom\]\:before\:right-0[data-side='bottom']:before {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }
  .data-\[side\=bottom\]\:before\:left-0[data-side='bottom']:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }
  .data-\[side\=bottom\]\:data-ending-style\:translate-y-\[2\.5rem\][data-side='bottom'][data-ending-style],
  .data-\[side\=bottom\]\:data-starting-style\:translate-y-\[2\.5rem\][data-side='bottom'][data-starting-style] {
    --tw-translate-y: 2.5rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[side\=inline-end\]\:top-1\/2\![data-side='inline-end'] {
    top: 50% !important;
  }
  .data-\[side\=inline-end\]\:-left-1[data-side='inline-end'] {
    left: calc(var(--spacing) * -1);
  }
  .data-\[side\=inline-end\]\:-translate-y-1\/2[data-side='inline-end'] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[side\=inline-end\]\:slide-in-from-left-2[data-side='inline-end'] {
    --tw-enter-translate-x: calc(2*var(--spacing)*-1);
  }
  .data-\[side\=inline-start\]\:top-1\/2\![data-side='inline-start'] {
    top: 50% !important;
  }
  .data-\[side\=inline-start\]\:-right-1[data-side='inline-start'] {
    right: calc(var(--spacing) * -1);
  }
  .data-\[side\=inline-start\]\:-translate-y-1\/2[data-side='inline-start'] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[side\=inline-start\]\:slide-in-from-right-2[data-side='inline-start'] {
    --tw-enter-translate-x: calc(2*var(--spacing));
  }
  .data-\[side\=left\]\:inset-y-0[data-side='left'] {
    inset-block: calc(var(--spacing) * 0);
  }
  .data-\[side\=left\]\:top-1\/2\![data-side='left'] {
    top: 50% !important;
  }
  .data-\[side\=left\]\:-right-1[data-side='left'] {
    right: calc(var(--spacing) * -1);
  }
  .data-\[side\=left\]\:left-0[data-side='left'] {
    left: calc(var(--spacing) * 0);
  }
  .data-\[side\=left\]\:h-full[data-side='left'] {
    height: 100%;
  }
  .data-\[side\=left\]\:w-3\/4[data-side='left'] {
    width: 75%;
  }
  .data-\[side\=left\]\:-translate-y-1\/2[data-side='left'] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[side\=left\]\:border-r[data-side='left'] {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .data-\[side\=left\]\:slide-in-from-right-2[data-side='left'] {
    --tw-enter-translate-x: calc(2*var(--spacing));
  }
  .data-\[side\=left\]\:group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\][data-side='left']:is(
      :where(.group)[data-collapsible='offcanvas'] *
    ) {
    left: calc(var(--sidebar-width) * -1);
  }
  .data-\[side\=left\]\:data-ending-style\:translate-x-\[-2\.5rem\][data-side='left'][data-ending-style],
  .data-\[side\=left\]\:data-starting-style\:translate-x-\[-2\.5rem\][data-side='left'][data-starting-style] {
    --tw-translate-x: -2.5rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[side\=right\]\:inset-y-0[data-side='right'] {
    inset-block: calc(var(--spacing) * 0);
  }
  .data-\[side\=right\]\:top-1\/2\![data-side='right'] {
    top: 50% !important;
  }
  .data-\[side\=right\]\:right-0[data-side='right'] {
    right: calc(var(--spacing) * 0);
  }
  .data-\[side\=right\]\:-left-1[data-side='right'] {
    left: calc(var(--spacing) * -1);
  }
  .data-\[side\=right\]\:h-full[data-side='right'] {
    height: 100%;
  }
  .data-\[side\=right\]\:w-3\/4[data-side='right'] {
    width: 75%;
  }
  .data-\[side\=right\]\:-translate-y-1\/2[data-side='right'] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[side\=right\]\:border-l[data-side='right'] {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .data-\[side\=right\]\:slide-in-from-left-2[data-side='right'] {
    --tw-enter-translate-x: calc(2*var(--spacing)*-1);
  }
  .data-\[side\=right\]\:group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\][data-side='right']:is(
      :where(.group)[data-collapsible='offcanvas'] *
    ) {
    right: calc(var(--sidebar-width) * -1);
  }
  .data-\[side\=right\]\:data-ending-style\:translate-x-\[2\.5rem\][data-side='right'][data-ending-style],
  .data-\[side\=right\]\:data-starting-style\:translate-x-\[2\.5rem\][data-side='right'][data-starting-style] {
    --tw-translate-x: 2.5rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[side\=top\]\:inset-x-0[data-side='top'] {
    inset-inline: calc(var(--spacing) * 0);
  }
  .data-\[side\=top\]\:top-0[data-side='top'] {
    top: calc(var(--spacing) * 0);
  }
  .data-\[side\=top\]\:-bottom-2\.5[data-side='top'] {
    bottom: calc(var(--spacing) * -2.5);
  }
  .data-\[side\=top\]\:h-auto[data-side='top'] {
    height: auto;
  }
  .data-\[side\=top\]\:border-b[data-side='top'] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .data-\[side\=top\]\:slide-in-from-bottom-2[data-side='top'] {
    --tw-enter-translate-y: calc(2*var(--spacing));
  }
  .data-\[side\=top\]\:data-ending-style\:translate-y-\[-2\.5rem\][data-side='top'][data-ending-style],
  .data-\[side\=top\]\:data-starting-style\:translate-y-\[-2\.5rem\][data-side='top'][data-starting-style] {
    --tw-translate-y: -2.5rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[size\=default\]\:h-8[data-size='default'] {
    height: calc(var(--spacing) * 8);
  }
  .data-\[size\=default\]\:h-\[18\.4px\][data-size='default'] {
    height: 18.4px;
  }
  .data-\[size\=default\]\:w-\[32px\][data-size='default'] {
    width: 32px;
  }
  .data-\[size\=default\]\:max-w-xs[data-size='default'] {
    max-width: var(--container-xs);
  }
  .data-\[size\=lg\]\:size-10[data-size='lg'] {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .data-\[size\=md\]\:text-sm[data-size='md'] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .data-\[size\=sm\]\:size-6[data-size='sm'] {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .data-\[size\=sm\]\:h-7[data-size='sm'] {
    height: calc(var(--spacing) * 7);
  }
  .data-\[size\=sm\]\:h-\[14px\][data-size='sm'] {
    height: 14px;
  }
  .data-\[size\=sm\]\:w-\[24px\][data-size='sm'] {
    width: 24px;
  }
  .data-\[size\=sm\]\:max-w-xs[data-size='sm'] {
    max-width: var(--container-xs);
  }
  .data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\][data-size='sm'] {
    border-radius: min(var(--radius-md), 10px);
  }
  .data-\[size\=sm\]\:py-0\.5[data-size='sm'] {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .data-\[size\=sm\]\:text-xs[data-size='sm'] {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .data-\[size\=sm\]\:\[--card-spacing\:--spacing\(3\)\][data-size='sm'] {
    --card-spacing: calc(var(--spacing) * 3);
  }
  .data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0[data-size='sm']:has(
      [data-slot='card-footer']
    ) {
    padding-bottom: calc(var(--spacing) * 0);
  }
  :is(
    .\*\*\:data-\[slot\=accordion-trigger-icon\]\:ml-auto *
  )[data-slot='accordion-trigger-icon'] {
    margin-left: auto;
  }
  :is(
    .\*\*\:data-\[slot\=accordion-trigger-icon\]\:size-4 *
  )[data-slot='accordion-trigger-icon'] {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  :is(.\*\:data-\[slot\=attachment\]\:flex-none > *)[data-slot='attachment'] {
    flex: none;
  }
  :is(.\*\:data-\[slot\=attachment\]\:snap-start > *)[data-slot='attachment'] {
    scroll-snap-align: start;
  }
  :is(.\*\:data-\[slot\=avatar\]\:ring-2 > *)[data-slot='avatar'] {
    --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);
  }
  :is(
    .\*\:data-\[slot\=bubble-content\]\:rounded-none > *
  )[data-slot='bubble-content'] {
    border-radius: 0;
  }
  :is(
    .\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.93_calc\(c\*0\.4\)_h\)\]
      > *
  )[data-slot='bubble-content'] {
    background-color: oklch(from var(--primary) 0.93 calc(c * 0.4) h);
  }
  :is(
    .\*\:data-\[slot\=bubble-content\]\:bg-transparent > *
  )[data-slot='bubble-content'] {
    background-color: #0000;
  }
  :is(.\*\:data-\[slot\=bubble-content\]\:p-0 > *)[data-slot='bubble-content'] {
    padding: calc(var(--spacing) * 0);
  }
  .data-\[slot\=checkbox-group\]\:gap-3[data-slot='checkbox-group'] {
    gap: calc(var(--spacing) * 3);
  }
  :is(.\*\:data-\[slot\=field\]\:p-2\.5 > *)[data-slot='field'] {
    padding: calc(var(--spacing) * 2.5);
  }
  :is(.\*\:data-\[slot\=field-group\]\:gap-4 > *)[data-slot='field-group'] {
    gap: calc(var(--spacing) * 4);
  }
  :is(.\*\:data-\[slot\=field-label\]\:flex-auto > *)[data-slot='field-label'] {
    flex: auto;
  }
  :is(.\*\:data-\[slot\=input-group\]\:m-1 > *)[data-slot='input-group'] {
    margin: calc(var(--spacing) * 1);
  }
  :is(.\*\:data-\[slot\=input-group\]\:mb-0 > *)[data-slot='input-group'] {
    margin-bottom: calc(var(--spacing) * 0);
  }
  :is(.\*\:data-\[slot\=input-group\]\:h-8 > *)[data-slot='input-group'] {
    height: calc(var(--spacing) * 8);
  }
  :is(
    .\*\:data-\[slot\=input-group\]\:shadow-none > *
  )[data-slot='input-group'] {
    --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);
  }
  :is(
    .\*\:data-\[slot\=input-group-addon\]\:pl-2\! > *
  )[data-slot='input-group-addon'] {
    padding-left: calc(var(--spacing) * 2) !important;
  }
  :is(.\*\*\:data-\[slot\=kbd\]\:relative *)[data-slot='kbd'] {
    position: relative;
  }
  :is(.\*\*\:data-\[slot\=kbd\]\:isolate *)[data-slot='kbd'] {
    isolation: isolate;
  }
  :is(.\*\*\:data-\[slot\=kbd\]\:z-50 *)[data-slot='kbd'] {
    z-index: 50;
  }
  :is(.\*\*\:data-\[slot\=kbd\]\:rounded-sm *)[data-slot='kbd'] {
    border-radius: var(--radius-sm);
  }
  :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-1\.5 > *
  )[data-slot='select-value'] {
    gap: calc(var(--spacing) * 1.5);
  }
  :is(
    .group-data-\[orientation\=vertical\]\/attachment\:\*\:data-\[slot\=spinner\]\:size-6\!:is(
        :where(.group\/attachment)[data-orientation='vertical'] *
      )
      > *
  )[data-slot='spinner'] {
    width: calc(var(--spacing) * 6) !important;
    height: calc(var(--spacing) * 6) !important;
  }
  .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-l-lg:is(
      :where(.group\/toggle-group):where([data-orientation='horizontal']) *
    )[data-spacing='0']:first-child {
    border-top-left-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-t-lg:is(
      :where(.group\/toggle-group):where([data-orientation='vertical']) *
    )[data-spacing='0']:first-child {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }
  .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-r-lg:is(
      :where(.group\/toggle-group):where([data-orientation='horizontal']) *
    )[data-spacing='0']:last-child {
    border-top-right-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
  }
  .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-b-lg:is(
      :where(.group\/toggle-group):where([data-orientation='vertical']) *
    )[data-spacing='0']:last-child {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .data-\[state\=delayed-open\]\:animate-in[data-state='delayed-open'] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, 0.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\=delayed-open\]\:fade-in-0[data-state='delayed-open'] {
    --tw-enter-opacity: 0;
  }
  .data-\[state\=delayed-open\]\:zoom-in-95[data-state='delayed-open'] {
    --tw-enter-scale: 0.95;
  }
  .data-\[state\=hidden\]\:animate-out[data-state='hidden'] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, 0.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\=idle\]\:border-dashed[data-state='idle'] {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .data-\[state\=visible\]\:animate-in[data-state='visible'] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, 0.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-\[swipe-axis\=x\]\:inset-y-0[data-swipe-axis='x'] {
    inset-block: calc(var(--spacing) * 0);
  }
  .data-\[swipe-axis\=x\]\:flex-row[data-swipe-axis='x'] {
    flex-direction: row;
  }
  .data-\[swipe-axis\=x\]\:\[--drawer-content-width\:75\%\][data-swipe-axis='x'] {
    --drawer-content-width: 75%;
  }
  .data-\[swipe-axis\=x\]\:after\:inset-y-0[data-swipe-axis='x']:after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 0);
  }
  .data-\[swipe-axis\=x\]\:after\:w-\(--bleed\)[data-swipe-axis='x']:after {
    content: var(--tw-content);
    width: var(--bleed);
  }
  .data-\[swipe-axis\=y\]\:inset-x-0[data-swipe-axis='y'] {
    inset-inline: calc(var(--spacing) * 0);
  }
  .data-\[swipe-axis\=y\]\:\[--drawer-content-max-height\:calc\(100dvh-6rem\)\][data-swipe-axis='y'] {
    --drawer-content-max-height: calc(100dvh - 6rem);
  }
  .data-\[swipe-axis\=y\]\:after\:inset-x-0[data-swipe-axis='y']:after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 0);
  }
  .data-\[swipe-axis\=y\]\:after\:h-\(--bleed\)[data-swipe-axis='y']:after {
    content: var(--tw-content);
    height: var(--bleed);
  }
  .data-\[swipe-axis\=y\]\:data-nested-drawer-open\:h-\(--stack-height\)[data-swipe-axis='y'][data-nested-drawer-open] {
    height: var(--stack-height);
  }
  .data-\[swipe-axis\=y\]\:data-snap-points\:\[--drawer-content-height\:100dvh\][data-swipe-axis='y'][data-snap-points] {
    --drawer-content-height: 100dvh;
  }
  .data-\[swipe-direction\=down\]\:bottom-0[data-swipe-direction='down'] {
    bottom: calc(var(--spacing) * 0);
  }
  .data-\[swipe-direction\=down\]\:origin-bottom[data-swipe-direction='down'] {
    transform-origin: bottom;
  }
  .data-\[swipe-direction\=down\]\:rounded-t-xl[data-swipe-direction='down'] {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }
  .data-\[swipe-direction\=down\]\:border-t[data-swipe-direction='down'] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .data-\[swipe-direction\=down\]\:\[--closed-transform\:translate3d\(0\,calc\(100\%\+var\(--drawer-inset\,0px\)\+2px\)\,0\)\][data-swipe-direction='down'] {
    --closed-transform: translate3d(
      0,
      calc(100% + var(--drawer-inset, 0px) + 2px),
      0
    );
  }
  .data-\[swipe-direction\=down\]\:\[--translate-y\:calc\(var\(--drawer-snap-point-offset\,0px\)\+var\(--drawer-swipe-movement-y\)-var\(--stack-peek-offset\)-\(var\(--stack-shrink\)\*var\(--stack-height\)\)\)\][data-swipe-direction='down'] {
    --translate-y: calc(
      var(--drawer-snap-point-offset, 0px) + var(--drawer-swipe-movement-y) -
        var(--stack-peek-offset) - (var(--stack-shrink) * var(--stack-height))
    );
  }
  .data-\[swipe-direction\=down\]\:after\:top-full[data-swipe-direction='down']:after {
    content: var(--tw-content);
    top: 100%;
  }
  .data-ending-style\:data-\[swipe-direction\=down\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)\+150\%\)\)\][data-ending-style][data-swipe-direction='down'],
  .data-expanded\:data-ending-style\:data-\[swipe-direction\=down\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)\+150\%\)\)\][data-expanded][data-ending-style][data-swipe-direction='down'] {
    transform: translateY(calc(var(--toast-swipe-movement-y) + 150%));
  }
  .data-\[swipe-direction\=left\]\:left-0[data-swipe-direction='left'] {
    left: calc(var(--spacing) * 0);
  }
  .data-\[swipe-direction\=left\]\:origin-left[data-swipe-direction='left'] {
    transform-origin: 0;
  }
  .data-\[swipe-direction\=left\]\:rounded-r-xl[data-swipe-direction='left'] {
    border-top-right-radius: var(--radius-xl);
    border-bottom-right-radius: var(--radius-xl);
  }
  .data-\[swipe-direction\=left\]\:border-r[data-swipe-direction='left'] {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .data-\[swipe-direction\=left\]\:\[--closed-transform\:translate3d\(calc\(-100\%-var\(--drawer-inset\,0px\)-2px\)\,0\,0\)\][data-swipe-direction='left'] {
    --closed-transform: translate3d(
      calc(-100% - var(--drawer-inset, 0px) - 2px),
      0,
      0
    );
  }
  .data-\[swipe-direction\=left\]\:\[--translate-x\:calc\(var\(--drawer-swipe-movement-x\)\+var\(--stack-peek-offset\)\+\(var\(--stack-shrink\)\*100\%\)\)\][data-swipe-direction='left'] {
    --translate-x: calc(
      var(--drawer-swipe-movement-x) + var(--stack-peek-offset) +
        (var(--stack-shrink) * 100%)
    );
  }
  .data-\[swipe-direction\=left\]\:after\:right-full[data-swipe-direction='left']:after {
    content: var(--tw-content);
    right: 100%;
  }
  .data-ending-style\:data-\[swipe-direction\=left\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)-150\%\)\)_translateY\(var\(--offset-y\)\)\][data-ending-style][data-swipe-direction='left'],
  .data-expanded\:data-ending-style\:data-\[swipe-direction\=left\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)-150\%\)\)_translateY\(var\(--offset-y\)\)\][data-expanded][data-ending-style][data-swipe-direction='left'] {
    transform: translateX(calc(var(--toast-swipe-movement-x) - 150%))
      translateY(var(--offset-y));
  }
  .data-\[swipe-direction\=right\]\:right-0[data-swipe-direction='right'] {
    right: calc(var(--spacing) * 0);
  }
  .data-\[swipe-direction\=right\]\:origin-right[data-swipe-direction='right'] {
    transform-origin: 100%;
  }
  .data-\[swipe-direction\=right\]\:rounded-l-xl[data-swipe-direction='right'] {
    border-top-left-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }
  .data-\[swipe-direction\=right\]\:border-l[data-swipe-direction='right'] {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .data-\[swipe-direction\=right\]\:\[--closed-transform\:translate3d\(calc\(100\%\+var\(--drawer-inset\,0px\)\+2px\)\,0\,0\)\][data-swipe-direction='right'] {
    --closed-transform: translate3d(
      calc(100% + var(--drawer-inset, 0px) + 2px),
      0,
      0
    );
  }
  .data-\[swipe-direction\=right\]\:\[--translate-x\:calc\(var\(--drawer-swipe-movement-x\)-var\(--stack-peek-offset\)-\(var\(--stack-shrink\)\*100\%\)\)\][data-swipe-direction='right'] {
    --translate-x: calc(
      var(--drawer-swipe-movement-x) - var(--stack-peek-offset) -
        (var(--stack-shrink) * 100%)
    );
  }
  .data-\[swipe-direction\=right\]\:after\:left-full[data-swipe-direction='right']:after {
    content: var(--tw-content);
    left: 100%;
  }
  .data-ending-style\:data-\[swipe-direction\=right\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)\+150\%\)\)_translateY\(var\(--offset-y\)\)\][data-ending-style][data-swipe-direction='right'],
  .data-expanded\:data-ending-style\:data-\[swipe-direction\=right\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)\+150\%\)\)_translateY\(var\(--offset-y\)\)\][data-expanded][data-ending-style][data-swipe-direction='right'] {
    transform: translateX(calc(var(--toast-swipe-movement-x) + 150%))
      translateY(var(--offset-y));
  }
  .data-\[swipe-direction\=up\]\:top-0[data-swipe-direction='up'] {
    top: calc(var(--spacing) * 0);
  }
  .data-\[swipe-direction\=up\]\:origin-top[data-swipe-direction='up'] {
    transform-origin: top;
  }
  .data-\[swipe-direction\=up\]\:rounded-b-xl[data-swipe-direction='up'] {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }
  .data-\[swipe-direction\=up\]\:border-b[data-swipe-direction='up'] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .data-\[swipe-direction\=up\]\:\[--closed-transform\:translate3d\(0\,calc\(-100\%-var\(--drawer-inset\,0px\)-2px\)\,0\)\][data-swipe-direction='up'] {
    --closed-transform: translate3d(
      0,
      calc(-100% - var(--drawer-inset, 0px) - 2px),
      0
    );
  }
  .data-\[swipe-direction\=up\]\:\[--translate-y\:calc\(var\(--drawer-snap-point-offset\,0px\)\+var\(--drawer-swipe-movement-y\)\+var\(--stack-peek-offset\)\+\(var\(--stack-shrink\)\*var\(--stack-height\)\)\)\][data-swipe-direction='up'] {
    --translate-y: calc(
      var(--drawer-snap-point-offset, 0px) + var(--drawer-swipe-movement-y) +
        var(--stack-peek-offset) + (var(--stack-shrink) * var(--stack-height))
    );
  }
  .data-\[swipe-direction\=up\]\:after\:bottom-full[data-swipe-direction='up']:after {
    content: var(--tw-content);
    bottom: 100%;
  }
  .data-ending-style\:data-\[swipe-direction\=up\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)-150\%\)\)\][data-ending-style][data-swipe-direction='up'],
  .data-expanded\:data-ending-style\:data-\[swipe-direction\=up\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)-150\%\)\)\][data-expanded][data-ending-style][data-swipe-direction='up'] {
    transform: translateY(calc(var(--toast-swipe-movement-y) - 150%));
  }
  .data-\[variant\=ghost\]\:max-w-full[data-variant='ghost'] {
    max-width: 100%;
  }
  .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\=line\]\:rounded-none[data-variant='line'] {
    border-radius: 0;
  }
  .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0:is(
      :where(.group\/toggle-group):where([data-orientation='horizontal']) *
    )[data-spacing='0'][data-variant='outline'] {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }
  .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-t-0:is(
      :where(.group\/toggle-group):where([data-orientation='vertical']) *
    )[data-spacing='0'][data-variant='outline'] {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }
  .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l:is(
      :where(.group\/toggle-group):where([data-orientation='horizontal']) *
    )[data-spacing='0'][data-variant='outline']:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-t:is(
      :where(.group\/toggle-group):where([data-orientation='vertical']) *
    )[data-spacing='0'][data-variant='outline']:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .nth-last-2\:-mt-1:nth-last-child(2) {
    margin-top: calc(var(--spacing) * -1);
  }
  @supports ((-webkit-backdrop-filter: var(--tw)) or
    (backdrop-filter: var(--tw))) {
    .supports-backdrop-filter\:backdrop-blur-xs {
      --tw-backdrop-blur: blur(var(--blur-xs));
      -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,);
    }
  }
  @supports (-webkit-touch-callout: none) {
    .supports-\[-webkit-touch-callout\:none\]\:absolute {
      position: absolute;
    }
  }
  @media (min-width: 40rem) {
    .sm\:right-4 {
      right: calc(var(--spacing) * 4);
    }
    .sm\:left-auto {
      left: auto;
    }
    .sm\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }
    .sm\:block {
      display: block;
    }
    .sm\:flex {
      display: flex;
    }
    .sm\:w-full {
      width: 100%;
    }
    .sm\:max-w-sm {
      max-width: var(--container-sm);
    }
    .sm\:flex-row {
      flex-direction: row;
    }
    .sm\:justify-end {
      justify-content: flex-end;
    }
    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2:is(
      :where(.group\/alert-dialog-content)[data-size='default'] *
    ) {
      grid-row: span 2/span 2;
    }
    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start:is(
      :where(.group\/alert-dialog-content)[data-size='default'] *
    ) {
      place-items: start;
    }
    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left:is(
      :where(.group\/alert-dialog-content)[data-size='default'] *
    ) {
      text-align: left;
    }
    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2:is(
        :where(.group\/alert-dialog-content)[data-size='default'] *
      ):is(
        :where(.group\/alert-dialog-content):has(
            [data-slot='alert-dialog-media']
          )
          *
      ) {
      grid-column-start: 2;
    }
    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\]:is(
        :where(.group\/alert-dialog-content)[data-size='default'] *
      ):has([data-slot='alert-dialog-media']) {
      grid-template-rows: auto 1fr;
    }
    .data-\[side\=left\]\:sm\:max-w-sm[data-side='left'],
    .data-\[side\=right\]\:sm\:max-w-sm[data-side='right'],
    .data-\[size\=default\]\:sm\:max-w-sm[data-size='default'] {
      max-width: var(--container-sm);
    }
    .data-\[swipe-axis\=x\]\:sm\:\[--drawer-content-width\:24rem\][data-swipe-axis='x'] {
      --drawer-content-width: 24rem;
    }
  }
  @media (min-width: 48rem) {
    .md\:block {
      display: block;
    }
    .md\:flex {
      display: flex;
    }
    .md\:flex-row {
      flex-direction: row;
    }
    .md\:gap-0\.5 {
      gap: calc(var(--spacing) * 0.5);
    }
    .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\:text-pretty {
      text-wrap: pretty;
    }
    .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 (width>=28rem) {
    .\@md\/field-group\:flex-row {
      flex-direction: row;
    }
    .\@md\/field-group\:items-center {
      align-items: center;
    }
    :is(.\@md\/field-group\:\*\:w-auto > *) {
      width: auto;
    }
    .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has(
      > [data-slot='field-content']
    ) {
      align-items: flex-start;
    }
    :is(
      .\@md\/field-group\:\*\:data-\[slot\=field-label\]\:flex-auto > *
    )[data-slot='field-label'] {
      flex: auto;
    }
  }
  .ltr\:-translate-x-1\/2:where(
    :not(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    ),
    [dir='ltr'],
    [dir='ltr'] *
  ),
  .rtl\:-translate-x-1\/2:where(
    :is(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    ),
    [dir='rtl'],
    [dir='rtl'] *
  ) {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rtl\:translate-x-1\/2:where(
    :is(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    ),
    [dir='rtl'],
    [dir='rtl'] *
  ) {
    --tw-translate-x: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-transparent {
      background-color: #0000;
    }
    .dark\:after\:mix-blend-lighten:after {
      content: var(--tw-content);
      mix-blend-mode: lighten;
    }
    .dark\:disabled\:bg-transparent:disabled {
      background-color: #0000;
    }
    :is(
      .dark\:\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.3_calc\(c\*0\.4\)_h\)\]
        > *
    )[data-slot='bubble-content'] {
      background-color: oklch(from var(--primary) 0.3 calc(c * 0.4) h);
    }
  }
  .data-open\:animate-accordion-down:where([data-state='open']),
  .data-open\:animate-accordion-down:where(
    [data-open]:not([data-open='false'])
  ) {
    animation: accordion-down
      var(--tw-animation-duration, var(--tw-duration, 0.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-open\:animate-in:where([data-state='open']),
  .data-open\:animate-in:where([data-open]:not([data-open='false'])) {
    animation: enter var(--tw-animation-duration, var(--tw-duration, 0.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-open\:fade-in-0:where([data-state='open']),
  .data-open\:fade-in-0:where([data-open]:not([data-open='false'])) {
    --tw-enter-opacity: 0;
  }
  .data-open\:zoom-in-95:where([data-state='open']),
  .data-open\:zoom-in-95:where([data-open]:not([data-open='false'])) {
    --tw-enter-scale: 0.95;
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:animate-in:is(
      :where(.group\/navigation-menu)[data-viewport='false'] *
    ):where([data-state='open']),
  .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:animate-in:is(
      :where(.group\/navigation-menu)[data-viewport='false'] *
    ):where([data-open]:not([data-open='false'])) {
    animation: enter var(--tw-animation-duration, var(--tw-duration, 0.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-open\:fade-in-0:is(
      :where(.group\/navigation-menu)[data-viewport='false'] *
    ):where([data-state='open']),
  .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:fade-in-0:is(
      :where(.group\/navigation-menu)[data-viewport='false'] *
    ):where([data-open]:not([data-open='false'])) {
    --tw-enter-opacity: 0;
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:zoom-in-95:is(
      :where(.group\/navigation-menu)[data-viewport='false'] *
    ):where([data-state='open']),
  .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:zoom-in-95:is(
      :where(.group\/navigation-menu)[data-viewport='false'] *
    ):where([data-open]:not([data-open='false'])) {
    --tw-enter-scale: 0.95;
  }
  .data-closed\:animate-accordion-up:where([data-state='closed']),
  .data-closed\:animate-accordion-up:where(
    [data-closed]:not([data-closed='false'])
  ) {
    animation: accordion-up
      var(--tw-animation-duration, var(--tw-duration, 0.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-closed\:animate-out:where([data-state='closed']),
  .data-closed\:animate-out:where([data-closed]:not([data-closed='false'])) {
    animation: exit var(--tw-animation-duration, var(--tw-duration, 0.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-closed\:overflow-hidden:where([data-state='closed']),
  .data-closed\:overflow-hidden:where(
    [data-closed]:not([data-closed='false'])
  ) {
    overflow: hidden;
  }
  .data-closed\:fade-out-0:where([data-state='closed']),
  .data-closed\:fade-out-0:where([data-closed]:not([data-closed='false'])) {
    --tw-exit-opacity: 0;
  }
  .data-closed\:zoom-out-95:where([data-state='closed']),
  .data-closed\:zoom-out-95:where([data-closed]:not([data-closed='false'])) {
    --tw-exit-scale: 0.95;
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:animate-out:is(
      :where(.group\/navigation-menu)[data-viewport='false'] *
    ):where([data-state='closed']),
  .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:animate-out:is(
      :where(.group\/navigation-menu)[data-viewport='false'] *
    ):where([data-closed]:not([data-closed='false'])) {
    animation: exit var(--tw-animation-duration, var(--tw-duration, 0.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-closed\:fade-out-0:is(
      :where(.group\/navigation-menu)[data-viewport='false'] *
    ):where([data-state='closed']),
  .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:fade-out-0:is(
      :where(.group\/navigation-menu)[data-viewport='false'] *
    ):where([data-closed]:not([data-closed='false'])) {
    --tw-exit-opacity: 0;
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:zoom-out-95:is(
      :where(.group\/navigation-menu)[data-viewport='false'] *
    ):where([data-state='closed']),
  .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:zoom-out-95:is(
      :where(.group\/navigation-menu)[data-viewport='false'] *
    ):where([data-closed]:not([data-closed='false'])) {
    --tw-exit-scale: 0.95;
  }
  .group-data-\[size\=default\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(
      :where(.group\/switch)[data-size='default'] *
    ):where([data-state='checked']),
  .group-data-\[size\=default\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(
      :where(.group\/switch)[data-size='default'] *
    ):where([data-checked]:not([data-checked='false'])),
  .group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(
      :where(.group\/switch)[data-size='sm'] *
    ):where([data-state='checked']),
  .group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(
      :where(.group\/switch)[data-size='sm'] *
    ):where([data-checked]:not([data-checked='false'])) {
    --tw-translate-x: calc(100% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-data-\[size\=default\]\/switch\:data-unchecked\:translate-x-0:is(
      :where(.group\/switch)[data-size='default'] *
    ):where([data-state='unchecked']),
  .group-data-\[size\=default\]\/switch\:data-unchecked\:translate-x-0:is(
      :where(.group\/switch)[data-size='default'] *
    ):where([data-unchecked]:not([data-unchecked='false'])),
  .group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0:is(
      :where(.group\/switch)[data-size='sm'] *
    ):where([data-state='unchecked']),
  .group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0:is(
      :where(.group\/switch)[data-size='sm'] *
    ):where([data-unchecked]:not([data-unchecked='false'])) {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-disabled\:pointer-events-none:where([data-disabled='true']),
  .data-disabled\:pointer-events-none:where(
    [data-disabled]:not([data-disabled='false'])
  ) {
    pointer-events: none;
  }
  .data-disabled\:cursor-not-allowed:where([data-disabled='true']),
  .data-disabled\:cursor-not-allowed:where(
    [data-disabled]:not([data-disabled='false'])
  ) {
    cursor: not-allowed;
  }
  .data-disabled\:opacity-50:where([data-disabled='true']),
  .data-disabled\:opacity-50:where(
    [data-disabled]:not([data-disabled='false'])
  ) {
    opacity: 0.5;
  }
  .data-active\:font-medium:where([data-state='active']),
  .data-active\:font-medium:where([data-active]:not([data-active='false'])) {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(
      :where(.group\/tabs-list)[data-variant='default'] *
    ):where([data-state='active']),
  .group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(
      :where(.group\/tabs-list)[data-variant='default'] *
    ):where([data-active]:not([data-active='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-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(
      :where(.group\/tabs-list)[data-variant='line'] *
    ):where([data-state='active']),
  .group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(
      :where(.group\/tabs-list)[data-variant='line'] *
    ):where([data-active]:not([data-active='false'])) {
    background-color: #0000;
  }
  .group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(
      :where(.group\/tabs-list)[data-variant='line'] *
    ):where([data-state='active']),
  .group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(
      :where(.group\/tabs-list)[data-variant='line'] *
    ):where([data-active]:not([data-active='false'])) {
    --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);
  }
  :is(
    .group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(
        :where(.group\/tabs-list)[data-variant='line'] *
      ):where([data-state='active']),
    .group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(
        :where(.group\/tabs-list)[data-variant='line'] *
      ):where([data-active]:not([data-active='false']))
  ):after {
    content: var(--tw-content);
    opacity: 1;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(
        :where(.group\/tabs-list)[data-variant='line'] *
      ):where([data-state='active']),
    .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(
        :where(.group\/tabs-list)[data-variant='line'] *
      ):where([data-active]:not([data-active='false'])) {
      border-color: #0000;
    }
    .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(
        :where(.group\/tabs-list)[data-variant='line'] *
      ):where([data-state='active']),
    .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(
        :where(.group\/tabs-list)[data-variant='line'] *
      ):where([data-active]:not([data-active='false'])) {
      background-color: #0000;
    }
  }
  .data-horizontal\:mx-px:where([data-orientation='horizontal']) {
    margin-inline: 1px;
  }
  .data-horizontal\:h-1:where([data-orientation='horizontal']) {
    height: calc(var(--spacing) * 1);
  }
  .data-horizontal\:h-2\.5:where([data-orientation='horizontal']) {
    height: calc(var(--spacing) * 2.5);
  }
  .data-horizontal\:h-full:where([data-orientation='horizontal']) {
    height: 100%;
  }
  .data-horizontal\:h-px:where([data-orientation='horizontal']) {
    height: 1px;
  }
  .data-horizontal\:w-auto:where([data-orientation='horizontal']) {
    width: auto;
  }
  .data-horizontal\:w-full:where([data-orientation='horizontal']) {
    width: 100%;
  }
  .data-horizontal\:flex-col:where([data-orientation='horizontal']) {
    flex-direction: column;
  }
  .data-horizontal\:border-t:where([data-orientation='horizontal']) {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .data-horizontal\:border-t-transparent:where(
    [data-orientation='horizontal']
  ) {
    border-top-color: #0000;
  }
  .data-vertical\:my-px:where([data-orientation='vertical']) {
    margin-block: 1px;
  }
  .data-vertical\:h-auto:where([data-orientation='vertical']) {
    height: auto;
  }
  .data-vertical\:h-full:where([data-orientation='vertical']) {
    height: 100%;
  }
  .data-vertical\:min-h-40:where([data-orientation='vertical']) {
    min-height: calc(var(--spacing) * 40);
  }
  .data-vertical\:w-1:where([data-orientation='vertical']) {
    width: calc(var(--spacing) * 1);
  }
  .data-vertical\:w-2\.5:where([data-orientation='vertical']) {
    width: calc(var(--spacing) * 2.5);
  }
  .data-vertical\:w-auto:where([data-orientation='vertical']) {
    width: auto;
  }
  .data-vertical\:w-full:where([data-orientation='vertical']) {
    width: 100%;
  }
  .data-vertical\:w-px:where([data-orientation='vertical']) {
    width: 1px;
  }
  .data-vertical\:flex-col:where([data-orientation='vertical']) {
    flex-direction: column;
  }
  .data-vertical\:items-stretch:where([data-orientation='vertical']) {
    align-items: stretch;
  }
  .data-vertical\:self-stretch:where([data-orientation='vertical']) {
    align-self: stretch;
  }
  .data-vertical\:border-l:where([data-orientation='vertical']) {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .data-vertical\:border-l-transparent:where([data-orientation='vertical']) {
    border-left-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;
    }
  }
  .\[\&_a\]\:underline a {
    text-decoration-line: underline;
  }
  .\[\&_a\]\:underline-offset-3 a {
    text-underline-offset: 3px;
  }
  .\[\&_img\]\:size-full img {
    width: 100%;
    height: 100%;
  }
  .\[\&_img\]\:object-cover img {
    object-fit: cover;
  }
  .\[\&_p\:not\(\:last-child\)\]\:mb-4 p:not(:last-child) {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }
  .\[\&_svg\]\:size-4 svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }
  .data-\[direction\=start\]\:\[\&_svg\]\:rotate-180[data-direction='start']
    svg {
    rotate: 180deg;
  }
  .\[\&_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-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);
  }
  .group-data-\[orientation\=vertical\]\/attachment\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6:is(
      :where(.group\/attachment)[data-orientation='vertical'] *
    )
    svg:not([class*='size-']) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .group-data-\[size\=xs\]\/attachment\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5:is(
      :where(.group\/attachment)[data-size='xs'] *
    )
    svg:not([class*='size-']) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .\[\&_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-\(--cell-radius\):first-child[data-selected='true']
    button {
    border-top-left-radius: var(--cell-radius);
    border-bottom-left-radius: var(--cell-radius);
  }
  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role='checkbox']) {
    padding-right: calc(var(--spacing) * 0);
  }
  .\[\.border-b\]\:pb-\(--card-spacing\).border-b {
    padding-bottom: var(--card-spacing);
  }
  .\[\.border-b\]\:pb-2.border-b {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .\[\.border-t\]\:pt-2.border-t {
    padding-top: calc(var(--spacing) * 2);
  }
  :is(
    .rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(
        :is(
          :lang(ae),
          :lang(ar),
          :lang(arc),
          :lang(bcc),
          :lang(bqi),
          :lang(ckb),
          :lang(dv),
          :lang(fa),
          :lang(glk),
          :lang(he),
          :lang(ku),
          :lang(mzn),
          :lang(nqo),
          :lang(pnb),
          :lang(ps),
          :lang(sd),
          :lang(ug),
          :lang(ur),
          :lang(yi)
        ),
        [dir='rtl'],
        [dir='rtl'] *
      )
      *
  ):is(.rdp-button_next > svg),
  :is(
    .rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(
        :is(
          :lang(ae),
          :lang(ar),
          :lang(arc),
          :lang(bcc),
          :lang(bqi),
          :lang(ckb),
          :lang(dv),
          :lang(fa),
          :lang(glk),
          :lang(he),
          :lang(ku),
          :lang(mzn),
          :lang(nqo),
          :lang(pnb),
          :lang(ps),
          :lang(sd),
          :lang(ug),
          :lang(ur),
          :lang(yi)
        ),
        [dir='rtl'],
        [dir='rtl'] *
      )
      *
  ):is(.rdp-button_previous > svg) {
    rotate: 180deg;
  }
  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:px-2 *)[cmdk-group-heading] {
    padding-inline: calc(var(--spacing) * 2);
  }
  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:py-1\.5 *)[cmdk-group-heading] {
    padding-block: calc(var(--spacing) * 1.5);
  }
  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:text-xs *)[cmdk-group-heading] {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:font-medium *)[cmdk-group-heading] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .\[a\]\:underline:is(a) {
    text-decoration-line: underline;
  }
  .\[a\]\:underline-offset-3:is(a) {
    text-underline-offset: 3px;
  }
  .\[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(.\*\:\[a\]\:underline > *):is(a) {
    text-decoration-line: underline;
  }
  :is(.\*\:\[a\]\:underline-offset-3 > *):is(a) {
    text-underline-offset: 3px;
  }
  .\[button\]\:text-left:is(button) {
    text-align: left;
  }
  .\[button\,a\]\:transition-colors:is(button, 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));
  }
  .\[button\,a\]\:outline-none:is(button, a) {
    --tw-outline-style: none;
    outline-style: none;
  }
  .\[button\,a\]\:focus-visible\:ring-3:is(button, a):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);
  }
  :is(.\*\:\[img\]\:aspect-square > *):is(img) {
    aspect-ratio: 1;
  }
  :is(.\*\:\[img\]\:w-full > *):is(img) {
    width: 100%;
  }
  :is(.\*\:\[img\]\:object-cover > *):is(img) {
    object-fit: cover;
  }
  :is(.\*\:\[img\:first-child\]\:rounded-t-xl > *):is(img:first-child) {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }
  :is(.\*\:\[img\:last-child\]\:rounded-b-xl > *):is(img:last-child) {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }
  :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);
  }
  :is(.\*\:\[svg\]\:row-span-2 > *):is(svg) {
    grid-row: span 2/span 2;
  }
  :is(.\*\:\[svg\]\:translate-y-0\.5 > *):is(svg) {
    --tw-translate-y: calc(var(--spacing) * 0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  :is(.\*\:\[svg\]\:text-current > *):is(svg) {
    color: currentColor;
  }
  :is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 > *):is(
    svg:not([class*='size-'])
  ) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  :is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 > *):is(
    svg:not([class*='size-'])
  ) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-\(--cell-radius\):last-child[data-selected='true']
    button {
    border-top-right-radius: var(--cell-radius);
    border-bottom-right-radius: var(--cell-radius);
  }
  .\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-\(--cell-radius\):nth-child(
      2
    )[data-selected='true']
    button {
    border-top-left-radius: var(--cell-radius);
    border-bottom-left-radius: var(--cell-radius);
  }
  .\[\&\>\.sr-only\]\:w-auto > .sr-only {
    width: auto;
  }
  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--muted\)\,var\(--foreground\)_5\%\)\]
    > [data-slot='bubble-content']:is(button, a):hover {
    background-color: var(--muted);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--muted\)\,var\(--foreground\)_5\%\)\]
      > [data-slot='bubble-content']:is(button, a):hover {
      background-color: color-mix(in oklch, var(--muted), var(--foreground) 5%);
    }
  }
  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]
    > [data-slot='bubble-content']:is(button, a):hover {
    background-color: var(--secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]
      > [data-slot='bubble-content']:is(button, a):hover {
      background-color: color-mix(
        in oklch,
        var(--secondary),
        var(--foreground) 5%
      );
    }
  }
  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.88_calc\(c\*0\.5\)_h\)\]
    > [data-slot='bubble-content']:is(button, a):hover {
    background-color: oklch(from var(--primary) 0.88 calc(c * 0.5) h);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.35_calc\(c\*0\.5\)_h\)\]
      > [data-slot='bubble-content']:is(button, a):hover {
      background-color: oklch(from var(--primary) 0.35 calc(c * 0.5) h);
    }
  }
  .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-lg:has(
      :is(select[aria-hidden='true']:last-child)
    )
    > [data-slot='select-trigger']:last-of-type {
    border-top-right-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
  }
  .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit
    > [data-slot='select-trigger']:not([class*='w-']) {
    width: fit-content;
  }
  .\[\&\>\[data-slot\]\:not\(\:has\(\~\[data-slot\]\)\)\]\:rounded-r-lg\!
    > [data-slot]:not(:has(~ [data-slot])) {
    border-top-right-radius: var(--radius-lg) !important;
    border-bottom-right-radius: var(--radius-lg) !important;
  }
  .\[\&\>\[data-slot\]\:not\(\:has\(\~\[data-slot\]\)\)\]\:rounded-b-lg\!
    > [data-slot]:not(:has(~ [data-slot])) {
    border-bottom-right-radius: var(--radius-lg) !important;
    border-bottom-left-radius: var(--radius-lg) !important;
  }
  .\[\&\>\[data-slot\]\~\[data-slot\]\]\:rounded-t-none
    > [data-slot]
    ~ [data-slot] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .\[\&\>\[data-slot\]\~\[data-slot\]\]\:rounded-l-none
    > [data-slot]
    ~ [data-slot] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .\[\&\>\[data-slot\]\~\[data-slot\]\]\:border-t-0
    > [data-slot]
    ~ [data-slot] {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }
  .\[\&\>\[data-slot\]\~\[data-slot\]\]\:border-l-0
    > [data-slot]
    ~ [data-slot] {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }
  :is(
    .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 (width>=28rem) {
    :is(
      .\@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-1\.5:has(
      > [data-align='inline-end']
    )
    > input {
    padding-right: calc(var(--spacing) * 1.5);
  }
  .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-1\.5:has(
      > [data-align='inline-start']
    )
    > input {
    padding-left: calc(var(--spacing) * 1.5);
  }
  .\[\&\>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: 0.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) !important;
    height: calc(var(--spacing) * 3) !important;
  }
  .\[\&\>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;
  }
  .group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(
      :where(.group\/avatar-group):has([data-size='lg']) *
    )
    > svg {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(
      :where(.group\/avatar-group):has([data-size='sm']) *
    )
    > svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(
      :where(.group\/avatar)[data-size='default'] *
    )
    > svg,
  .group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(
      :where(.group\/avatar)[data-size='lg'] *
    )
    > svg {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(
      :where(.group\/avatar)[data-size='sm'] *
    )
    > svg {
    display: none;
  }
  .\[\&\>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;
  }
  .\[\&\[aria-orientation\=horizontal\]\>div\]\:rotate-90[aria-orientation='horizontal']
    > div {
    rotate: 90deg;
  }
  .\[\&\[data-ending-style\]\:not\(\[data-limited\]\)\:not\(\[data-swipe-direction\]\)\]\:\[transform\:translateY\(150\%\)\][data-ending-style]:not(
      [data-limited]
    ):not([data-swipe-direction]) {
    transform: translateY(150%);
  }
  [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-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;
}
@property --scroll-fade-t {
  syntax: '<length-percentage>';
  inherits: false;
  initial-value: 0;
}
@property --scroll-fade-b {
  syntax: '<length-percentage>';
  inherits: false;
  initial-value: 0;
}
@property --scroll-fade-s {
  syntax: '<length-percentage>';
  inherits: false;
  initial-value: 0;
}
@property --scroll-fade-e {
  syntax: '<length-percentage>';
  inherits: false;
  initial-value: 0;
}
@property --scroll-fade-mask {
  syntax: '*';
  inherits: false;
}
@property --shimmer-angle {
  syntax: '<angle>';
  inherits: true;
  initial-value: 20deg;
}
@property --shimmer-image {
  syntax: '*';
  inherits: false;
}
@property --shimmer-text-fill {
  syntax: '*';
  inherits: false;
}
@media (prefers-reduced-motion: reduce) {
  .shimmer {
    -webkit-text-fill-color: currentColor;
    background-image: none;
    animation: none;
  }
}
.profile-feedback {
  max-width: 980px;
  margin: 0 0 12px;
}
.form-success.profile-feedback {
  color: var(--accent-ink);
  background: #d4af7c0f;
  border: 1px solid #d4af7c2e;
  border-radius: 11px;
  align-items: center;
  gap: 8px;
  padding: 10px 13px;
  font-size: 0.76rem;
  display: flex;
}
.form-success.profile-feedback svg {
  width: 16px;
}
.profile-loading {
  min-height: 280px;
  color: var(--muted-foreground);
  place-items: center;
  display: grid;
}
.account-profile-card,
.account-data-panel {
  background: linear-gradient(145deg, #181818f0, #090909fa);
  border: 1px solid #d4af7c21;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
.account-profile-avatar {
  width: 112px;
  height: 112px;
  color: var(--accent-ink);
  background: linear-gradient(135deg, #2a241d, #111);
  border: 5px solid #0a0a0a;
  border-radius: 25px;
  place-items: center;
  margin-top: -58px;
  font-size: 2rem;
  font-weight: 800;
  display: grid;
  position: relative;
  overflow: visible;
  box-shadow: 0 15px 38px #00000047;
}
.account-profile-avatar img,
.avatar img,
.header-avatar img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.account-profile-avatar img {
  border-radius: 20px;
}
.avatar.has-photo {
  padding: 0;
  overflow: hidden;
}
.header-avatar:has(img) {
  padding: 0;
  overflow: hidden;
}
.avatar img,
.header-avatar img {
  border-radius: 50%;
}
.account-profile-avatar button {
  background: var(--primary);
  color: #0a0a0a;
  cursor: pointer;
  border: 2px solid #0a0a0a;
  border-radius: 50%;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
  position: absolute;
  bottom: -9px;
  right: -9px;
}
.account-profile-avatar button svg {
  width: 15px;
}
.profile-photo-button {
  margin: 14px 0 18px;
}
.account-profile-identity h2 {
  letter-spacing: -0.04em;
  overflow-wrap: anywhere;
  max-width: 100%;
  margin: 0;
  font-size: 1.35rem;
}
.account-profile-identity p {
  color: #7d7d7d;
  overflow-wrap: anywhere;
  max-width: 100%;
  margin: 6px 0 13px;
  font-size: 0.76rem;
}
.account-profile-security {
  gap: 0;
  padding: 0 25px 20px;
  display: grid;
}
.account-profile-security > div {
  border-top: 1px solid #d4af7c17;
  align-items: center;
  gap: 11px;
  min-width: 0;
  padding: 15px 0;
  display: flex;
}
.account-profile-security > div > span,
.account-data-grid article > span {
  width: 39px;
  height: 39px;
  color: var(--accent-ink);
  background: #d4af7c0f;
  border-radius: 11px;
  flex: none;
  place-items: center;
  display: grid;
}
.account-profile-security svg,
.account-data-grid svg {
  width: 17px;
}
.account-profile-security > div > div {
  gap: 2px;
  min-width: 0;
  display: grid;
}
.account-profile-security small,
.account-data-grid small,
.account-membership-strip small {
  color: #777;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.62rem;
}
.account-profile-security strong {
  color: #e8e3dc;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.74rem;
  overflow: hidden;
}
.account-profile-security em,
.account-data-grid em {
  color: #7e603e;
  font-size: 0.62rem;
  font-style: normal;
}
.account-profile-security button,
.account-data-grid article > button {
  color: var(--accent-ink);
  cursor: pointer;
  background: #d4af7c0a;
  border: 1px solid #d4af7c33;
  border-radius: 8px;
  margin-left: auto;
  padding: 7px 9px;
  font-size: 0.66rem;
  font-weight: 750;
}
.account-data-panel {
  flex-direction: column;
  min-width: 0;
  display: flex;
}
.account-data-panel > header {
  border-bottom: 1px solid #d4af7c17;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  min-height: 94px;
  padding: 19px 24px;
  display: flex;
}
.account-data-panel h2 {
  margin: 5px 0 0;
  font-size: 1.15rem;
}
.account-data-grid article {
  border-bottom: 1px solid #d4af7c14;
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 102px;
  padding: 17px 10px 17px 0;
  display: flex;
}
.account-data-grid article:nth-child(2n):not(.account-data-wide) {
  padding-left: 20px;
}
.account-data-grid strong {
  color: #e8e3dc;
  overflow-wrap: anywhere;
  font-size: 0.84rem;
  line-height: 1.35;
}
.account-membership-strip > span {
  background: #0d0d0d;
  gap: 5px;
  min-width: 0;
  padding: 17px 18px;
  display: grid;
}
.profile-security-note {
  color: #7d7d7d;
  border: 1px solid #d4af7c1a;
  border-radius: 12px;
  align-items: center;
  gap: 10px;
  margin-top: 13px;
  padding: 12px 15px;
  font-size: 0.7rem;
  display: flex;
}
[data-theme='light'] .account-profile-card,
[data-theme='light'] .account-data-panel {
  background: #fffffffa;
  border-color: #0a0a0a1f;
}
[data-theme='light'] .account-profile-avatar {
  background: #f0ebe4;
  border-color: #fbfaf7;
  box-shadow: 0 15px 35px #261d131f;
}
[data-theme='light'] .account-profile-avatar button {
  border-color: #fbfaf7;
}
[data-theme='light'] .account-profile-security > div,
[data-theme='light'] .account-data-panel > header,
[data-theme='light'] .account-data-grid article {
  border-color: #0a0a0a17;
}
[data-theme='light'] .account-profile-security strong,
[data-theme='light'] .account-data-grid strong {
  color: #171717;
}
[data-theme='light'] .account-membership-strip {
  background: #0a0a0a14;
  border-color: #0a0a0a1a;
}
[data-theme='light'] .account-membership-strip > span {
  background: #faf8f4;
}
@media (max-width: 980px) {
  .account-profile-layout {
    grid-template-columns: 1fr;
  }
  .account-profile-card {
    grid-template-columns: 230px 1fr;
    display: grid;
  }
  .account-profile-cover {
    width: 230px;
    height: 100%;
    position: absolute;
  }
  .account-profile-identity {
    z-index: 1;
    grid-column: 1;
    padding-top: 24px;
  }
  .account-profile-avatar {
    margin-top: 0;
  }
  .account-profile-security {
    grid-column: 2;
    align-self: center;
    padding: 22px;
  }
}
@media (max-width: 760px) {
  .account-profile-layout {
    gap: 11px;
  }
  .account-profile-card {
    border-radius: 16px;
    display: block;
  }
  .account-profile-cover {
    width: auto;
    height: 90px;
    position: static;
  }
  .account-profile-identity {
    padding: 0 17px 18px;
  }
  .account-profile-avatar {
    border-width: 4px;
    border-radius: 22px;
    width: 92px;
    height: 92px;
    margin-top: -47px;
    font-size: 1.55rem;
  }
  .account-profile-avatar img {
    border-radius: 17px;
  }
  .profile-photo-button {
    margin: 0;
    position: absolute;
    top: 12px;
    right: 16px;
  }
  .account-profile-security {
    padding: 0 17px 13px;
  }
  .account-data-panel {
    border-radius: 16px;
  }
  .account-data-panel > header {
    align-items: flex-start;
    padding: 17px;
  }
  .account-data-panel > header button {
    flex: none;
  }
  .account-data-grid {
    grid-template-columns: 1fr;
    padding: 0 17px;
  }
  .account-data-grid article,
  .account-data-grid article:nth-child(2n):not(.account-data-wide) {
    min-height: 82px;
    padding: 13px 0;
  }
  .account-data-wide {
    grid-column: auto;
  }
  .account-data-grid article > button {
    padding: 7px;
  }
  .account-membership-strip {
    grid-template-columns: repeat(2, 1fr);
  }
  .account-membership-strip > span:last-child {
    grid-column: 1/-1;
  }
  .profile-security-note {
    align-items: flex-start;
    margin-top: 11px;
  }
}
@media (max-width: 390px) {
  .account-data-panel > header {
    flex-direction: column;
  }
  .account-data-panel > header button {
    width: 100%;
  }
  .profile-photo-button {
    width: 38px;
    padding: 0;
    font-size: 0;
  }
  .profile-photo-button svg {
    margin: 0;
  }
}
.network-heading-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}
button.network-pricing-trigger {
  border: 1px solid var(--primary);
  min-height: 38px;
  padding: 8px 12px;
}
@supports (color: color-mix(in lab, red, red)) {
  button.network-pricing-trigger {
    border: 1px solid color-mix(in srgb, var(--primary) 35%, transparent);
  }
}
button.network-pricing-trigger {
  background: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  button.network-pricing-trigger {
    background: color-mix(in srgb, var(--primary) 11%, var(--card));
  }
}
button.network-pricing-trigger {
  color: var(--accent-ink);
  box-shadow: none;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 650;
}
button.network-pricing-trigger:hover {
  background: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  button.network-pricing-trigger:hover {
    background: color-mix(in srgb, var(--primary) 19%, var(--card));
  }
}
.network-pricing-dialog {
  max-height: calc(100dvh - 32px);
  color: var(--foreground);
  overflow: hidden auto;
  background: var(--card) !important;
  gap: 14px !important;
  width: calc(100vw - 24px) !important;
  max-width: 620px !important;
  padding: 20px !important;
}
.network-pricing-dialog [data-slot='tabs-list'] {
  width: 100%;
  height: 38px;
  display: flex;
}
.network-pricing-dialog [data-slot='tabs-trigger'] {
  flex: 1;
  min-width: 0;
  font-size: 12px;
}
.network-pricing-dialog [data-slot='tabs-trigger'][aria-selected='true'] {
  color: var(--foreground);
  background: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .network-pricing-dialog [data-slot='tabs-trigger'][aria-selected='true'] {
    background: color-mix(in srgb, var(--primary) 12%, var(--card));
  }
}
.network-pricing-dialog [data-slot='tabs-trigger'][aria-selected='true'] {
  border: 1px solid var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .network-pricing-dialog [data-slot='tabs-trigger'][aria-selected='true'] {
    border: 1px solid color-mix(in srgb, var(--primary) 30%, var(--border));
  }
}
.network-pricing-dialog [data-slot='tabs-content'] {
  min-width: 0;
}
.network-pricing-dialog .pricing-hint {
  color: var(--muted);
  margin: 10px 0;
  font-size: 12px;
  line-height: 1.45;
}
.pricing-defaults {
  gap: 10px;
  display: grid;
}
.pricing-defaults article {
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 12px;
}
.pricing-defaults strong {
  font-size: 14px;
}
.pricing-defaults dl {
  gap: 6px;
  margin: 10px 0 0;
  display: grid;
}
.pricing-defaults dl div {
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  font-size: 12px;
  display: flex;
}
.pricing-defaults dt {
  color: var(--muted);
}
.pricing-defaults dd {
  white-space: nowrap;
  margin: 0;
  font-weight: 600;
}
.pricing-bulk-form {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 12px;
  display: grid;
}
.pricing-bulk-form label {
  min-width: 0;
  color: var(--muted);
  gap: 5px;
  font-size: 12px;
  display: grid;
}
.pricing-bulk-form input,
.pricing-bulk-form select {
  border: 1px solid var(--border);
  width: 100%;
  min-width: 0;
  height: 38px;
  color: var(--foreground);
  background: var(--background);
  border-radius: 8px;
  padding: 7px 10px;
  font-size: 14px;
}
:is(
  .pricing-bulk-form input:focus-visible,
  .pricing-bulk-form select:focus-visible
) {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}
.pricing-bulk-form option {
  background: var(--card);
  color: var(--foreground);
}
.pricing-bulk-form .pricing-hint,
.pricing-reason {
  grid-column: 1/-1;
}
.pricing-bulk-form .pricing-hint {
  margin: 0;
}
.pricing-bulk-form > button {
  grid-column: 1/-1;
  justify-self: start;
}
.pricing-preview {
  border-top: 1px solid var(--border);
  margin-top: 14px;
  padding-top: 12px;
  font-size: 13px;
}
.pricing-preview > p {
  color: var(--muted);
  margin: 7px 0;
  font-size: 12px;
  line-height: 1.45;
}
.pricing-preview-list {
  max-height: 240px;
  margin: 10px 0;
  overflow-y: auto;
}
.pricing-preview-list article {
  border-bottom: 1px solid var(--border);
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 5px 10px;
  padding: 9px 0;
  display: grid;
}
.pricing-preview-list strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  display: block;
  overflow: hidden;
}
.pricing-preview-list small {
  color: var(--muted);
  font-size: 11px;
  display: block;
}
.pricing-before-after {
  font-variant-numeric: tabular-nums;
  font-size: 12px;
}
.pricing-preview-list .pricing-conflict {
  color: var(--destructive);
  grid-column: 1/-1;
}
.pricing-cancellations {
  margin: 10px 0;
  font-size: 12px;
}
.pricing-cancellations summary {
  cursor: pointer;
}
.pricing-cancellations ul {
  max-height: 160px;
  padding: 0;
  list-style: none;
  overflow-y: auto;
}
.pricing-cancellations li {
  border-bottom: 1px solid var(--border);
  justify-content: space-between;
  gap: 8px;
  padding: 6px 0;
  display: flex;
}
.pricing-cancellations li span {
  overflow-wrap: anywhere;
  min-width: 0;
}
[data-theme='light'] button.network-pricing-trigger {
  color: #6e5134;
  background: #f4ead8;
  border-color: #d1b78f;
}
@media (max-width: 480px) {
  .network-heading-actions {
    width: 100%;
  }
  .network-heading-actions > button {
    flex: 1;
    min-width: 0;
    padding: 8px !important;
    font-size: 12px !important;
  }
  .network-pricing-dialog {
    padding: 14px !important;
  }
  .pricing-bulk-form {
    grid-template-columns: 1fr;
  }
  .pricing-preview-list article {
    grid-template-columns: minmax(0, 1fr);
  }
  .pricing-before-after {
    white-space: normal;
  }
}
:root {
  --background: #0a0a0a;
  --foreground: #f8f8f8;
  --card: #121212;
  --muted: #8f8a83;
  --border: #ffffff1a;
  --primary: #d4af7c;
  --accent-ink: var(--primary);
  --accent-text: var(--primary);
  --primary-foreground: #0a0a0a;
  --secondary: #1a1a1a;
  --secondary-foreground: #f4f4f4;
  --popover: #121212;
  --popover-foreground: #f8f8f8;
  --muted-foreground: #8f8a83;
  --accent: #2e2e2e;
  --accent-foreground: #f8f8f8;
  --brand-ink: #0a0a0a;
  --destructive: #ff6b5f;
  --ring: #d4af7c;
  --input: #ffffff1f;
  --radius: 0.8rem;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}
[data-theme='light'] {
  --accent-ink: var(--primary);
  --accent-text: #7e603e;
  --background: #f8f7f4;
  --foreground: #0a0a0a;
  --card: #fff;
  --muted: #6d675f;
  --border: #46372721;
  --secondary: #f1eee8;
  --secondary-foreground: #0a0a0a;
  --popover: #fff;
  --popover-foreground: #0a0a0a;
  --muted-foreground: #6d675f;
  --accent: #f2e8da;
  --accent-foreground: #0a0a0a;
  --input: #46372724;
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
}
[data-theme='light']
  :where(
    .money-positive,
    .projection-matrix .matrix-section th,
    .coverage-ok,
    .motion-slogan .slogan-dash,
    .text-button,
    .filter-panel button,
    .sidebar nav a.active,
    .sidebar-user small,
    .metric-card small b,
    .mobile-nav .active,
    .status,
    .inline-order-header > strong,
    .batch-file-field:hover,
    .batch-success,
    .row-valid,
    .pix-payment-card strong,
    .compact-import-trigger,
    .clean-fields-grid label b,
    .clean-live-summary > div b,
    .clean-live-summary > .wide-button,
    .clean-cart-list footer strong,
    .stat-box small,
    .orders-payment.payment-confirmed,
    .orders-action-link,
    .positive,
    .mode-toggle button.active,
    .valid-note,
    .ranking-row > span,
    .ranking-row em,
    .recommended,
    .billing > div > button,
    .tutorial-card a,
    .form-actions span,
    .woovi-charge > a,
    .auth-mode-switch button.active,
    .person-type-switch button.active,
    .financial-balance > a,
    .cinematic-panel-head small,
    .priority-stats b,
    .workspace-badge,
    .kanban-column > header span,
    .notification-head-actions .notification-read-all,
    .cost-product-list button.is-selected i,
    .cost-global-badge,
    .terms-product-list button i.is-active,
    .terms-version-badge,
    .network-arka-link span,
    .network-arka-link button,
    .network-status-tabs button.active,
    .network-status-tabs button.active span,
    .network-level-menu [data-slot='select-item'][data-highlighted],
    .network-icon-action:hover,
    .network-export-action:hover,
    .network-cost-button:hover,
    .network-referral-box button,
    .network-cost-row > button,
    .account-profile-security em,
    .account-profile-security button,
    .account-data-grid article > button,
    .trial-plan-options b,
    button.network-pricing-trigger,
    .form-success.profile-feedback
  ) {
  color: var(--accent-text) !important;
}
[data-theme='light']
  :where(
    .text-button,
    .filter-panel button,
    .sidebar nav a.active,
    .mobile-nav .active,
    .batch-file-field:hover,
    .batch-success,
    .compact-import-trigger,
    .clean-live-summary > .wide-button,
    .orders-action-link,
    .valid-note,
    .billing > div > button,
    .tutorial-card a,
    .woovi-charge > a,
    .financial-balance > a,
    .network-arka-link button,
    .network-status-tabs button.active,
    .network-icon-action:hover,
    .network-export-action:hover,
    .network-cost-button:hover,
    .network-referral-box button,
    .network-cost-row > button,
    .account-profile-security button,
    .account-data-grid article > button,
    button.network-pricing-trigger,
    .form-success.profile-feedback
  )
  svg {
  color: var(--primary) !important;
}
* {
  box-sizing: border-box;
}
html {
  background: var(--background);
}
body {
  background: var(--background);
  color: var(--foreground);
  margin: 0;
  font-family:
    Arial Nova,
    Helvetica Neue,
    Arial,
    sans-serif;
}
.diagnostic-delivery-shell,
.diagnostic-report-page {
  background:
    radial-gradient(circle at 82% 0%, var(--primary), transparent 32%),
    var(--background);
  min-height: 100vh;
}
@supports (color: color-mix(in lab, red, red)) {
  .diagnostic-delivery-shell,
  .diagnostic-report-page {
    background:
      radial-gradient(
        circle at 82% 0%,
        color-mix(in srgb, var(--primary) 12%, transparent),
        transparent 32%
      ),
      var(--background);
  }
}
.diagnostic-delivery-shell {
  color: #171613;
  background: #f1efeb;
}
.diagnostic-delivery-shell .diagnostic-access-card {
  background: #fff;
  border-color: #ded8cf;
  box-shadow: 0 20px 54px #231e161a;
}
.diagnostic-delivery-shell .diagnostic-access-card button {
  color: #fff;
  min-height: 42px;
  font: inherit;
  cursor: pointer;
  background: #171613;
  border: 1px solid #171613;
  border-radius: 4px;
  margin-top: 24px;
  padding: 0 18px;
  font-weight: 800;
}
.diagnostic-delivery-shell {
  place-items: center;
  padding: 24px;
  display: grid;
}
.diagnostic-access-card {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 22px;
  width: min(440px, 100%);
  padding: 42px;
}
@supports (color: color-mix(in lab, red, red)) {
  .diagnostic-access-card {
    background: color-mix(in srgb, var(--card) 96%, transparent);
  }
}
.diagnostic-access-card {
  text-align: center;
  box-shadow: 0 28px 80px #0003;
}
.diagnostic-access-card > img {
  width: 48px;
  height: 48px;
  margin: 0 auto 28px;
}
.diagnostic-access-card > svg,
.diagnostic-access-card > .diagnostic-loader {
  width: 34px;
  height: 34px;
  color: var(--primary);
  margin: 0 auto 18px;
  display: block;
}
.diagnostic-loader {
  animation: 1s linear infinite diagnostic-spin;
}
@keyframes diagnostic-spin {
  to {
    transform: rotate(360deg);
  }
}
.diagnostic-access-card h1 {
  letter-spacing: -0.035em;
  margin: 0;
  font-size: 1.55rem;
}
.diagnostic-access-card p {
  color: var(--muted);
  margin: 12px 0 0;
  line-height: 1.55;
}
.diagnostic-access-card a {
  background: var(--primary);
  color: #0a0a0a;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-height: 42px;
  margin-top: 24px;
  padding: 0 18px;
  font-weight: 800;
  text-decoration: none;
  display: inline-flex;
}
.diagnostic-report-page {
  padding: 14px clamp(16px, 3.5vw, 54px) 56px;
}
.diagnostic-report-nav,
.diagnostic-report {
  width: min(1240px, 100%);
  margin-inline: auto;
}
.diagnostic-report-nav {
  z-index: 20;
  border: 1px solid var(--border);
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  min-height: 58px;
  margin-bottom: 14px;
  padding: 8px 10px 8px 14px;
  display: flex;
  position: sticky;
  top: 10px;
}
@supports (color: color-mix(in lab, red, red)) {
  .diagnostic-report-nav {
    border: 1px solid color-mix(in srgb, var(--border) 82%, transparent);
  }
}
.diagnostic-report-nav {
  background: var(--background);
  border-radius: 16px;
}
@supports (color: color-mix(in lab, red, red)) {
  .diagnostic-report-nav {
    background: color-mix(in srgb, var(--background) 88%, transparent);
  }
}
.diagnostic-report-nav {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  box-shadow: 0 16px 50px #0000001a;
}
.diagnostic-brand-lockup,
.diagnostic-brand-lockup > span,
.diagnostic-report-nav > div,
.diagnostic-report-nav a,
.diagnostic-report-nav button {
  align-items: center;
  display: flex;
}
.diagnostic-brand-lockup {
  gap: 10px;
}
.diagnostic-brand-lockup > span {
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
.diagnostic-brand-lockup img {
  width: 30px;
  height: 30px;
}
.diagnostic-brand-lockup b {
  letter-spacing: 0.18em;
  font-size: 0.8rem;
}
.diagnostic-brand-lockup small {
  color: var(--muted);
  letter-spacing: 0.11em;
  font-size: 0.58rem;
}
.diagnostic-report-nav > div {
  gap: 7px;
}
.diagnostic-report-nav a,
.diagnostic-report-nav button {
  border: 1px solid var(--border);
  background: var(--card);
  min-height: 39px;
  color: var(--foreground);
  font: inherit;
  cursor: pointer;
  border-radius: 10px;
  gap: 7px;
  padding: 0 12px;
  font-size: 0.76rem;
  font-weight: 800;
  text-decoration: none;
}
.diagnostic-report-nav button.is-primary {
  border-color: var(--primary);
  background: var(--primary);
  color: #0a0a0a;
}
.diagnostic-report-nav svg {
  width: 15px;
}
.diagnostic-report {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 32px 100px #00000029;
}
.diagnostic-report-hero {
  background:
    linear-gradient(120deg, var(--primary), var(--card) 58%),
    radial-gradient(circle at 86% 48%, var(--primary), transparent 30%);
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 44px;
  min-height: 360px;
  padding: clamp(34px, 5vw, 66px);
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .diagnostic-report-hero {
    background:
      linear-gradient(
        120deg,
        color-mix(in srgb, var(--primary) 11%, var(--card)),
        var(--card) 58%
      ),
      radial-gradient(
        circle at 86% 48%,
        color-mix(in srgb, var(--primary) 16%, transparent),
        transparent 30%
      );
  }
}
.diagnostic-report-hero {
  border-bottom: 1px solid var(--border);
}
.diagnostic-eyebrow,
.diagnostic-overview header span,
.diagnostic-section-heading small {
  color: var(--primary);
  letter-spacing: 0.16em;
  font-size: 0.66rem;
  font-weight: 900;
}
.diagnostic-report-kind {
  color: var(--muted);
  margin: 28px 0 0;
  font-size: 0.9rem;
}
.diagnostic-report-hero h1 {
  letter-spacing: -0.06em;
  overflow-wrap: anywhere;
  max-width: 820px;
  margin: 7px 0 18px;
  font-size: clamp(2rem, 4.3vw, 4.5rem);
  line-height: 0.97;
}
.diagnostic-subject-meta {
  color: var(--muted);
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  font-size: 0.78rem;
  display: flex;
}
.diagnostic-subject-meta > span {
  border: 1px solid var(--border);
  background: var(--background);
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 10px;
  display: inline-flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .diagnostic-subject-meta > span {
    background: color-mix(in srgb, var(--background) 54%, transparent);
  }
}
.diagnostic-subject-meta svg {
  width: 14px;
}
.diagnostic-rating-block {
  --rating-color: var(--primary);
  text-align: center;
  width: 222px;
}
.diagnostic-rating-block[data-tone='attention'] {
  --rating-color: #d99d44;
}
.diagnostic-rating-block[data-tone='critical'] {
  --rating-color: #d35d52;
}
.diagnostic-rating-block[data-tone='neutral'] {
  --rating-color: var(--muted);
}
.diagnostic-rating-ring {
  border: 1px solid var(--rating-color);
  align-content: center;
  place-items: center;
  width: 202px;
  min-height: 202px;
  margin: auto;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .diagnostic-rating-ring {
    border: 1px solid color-mix(in srgb, var(--rating-color) 54%, var(--border));
  }
}
.diagnostic-rating-ring {
  background: radial-gradient(circle, var(--rating-color), var(--card) 70%);
  border-radius: 50%;
}
@supports (color: color-mix(in lab, red, red)) {
  .diagnostic-rating-ring {
    background: radial-gradient(
      circle,
      color-mix(in srgb, var(--rating-color) 12%, var(--background)),
      var(--card) 70%
    );
  }
}
.diagnostic-rating-ring {
  box-shadow:
    0 0 0 9px var(--rating-color),
    inset 0 0 44px var(--rating-color);
}
@supports (color: color-mix(in lab, red, red)) {
  .diagnostic-rating-ring {
    box-shadow:
      0 0 0 9px color-mix(in srgb, var(--rating-color) 5%, transparent),
      inset 0 0 44px color-mix(in srgb, var(--rating-color) 8%, transparent);
  }
}
.diagnostic-rating-ring small,
.diagnostic-rating-ring span {
  color: var(--muted);
  font-size: 0.68rem;
}
.diagnostic-rating-ring strong {
  color: var(--rating-color);
  letter-spacing: -0.08em;
  margin: 4px 0;
  font-size: 4.4rem;
  line-height: 0.9;
}
.diagnostic-rating-block > p {
  color: var(--muted);
  margin: 18px 0 0;
  font-size: 0.75rem;
}
.diagnostic-overview,
.diagnostic-section {
  border-bottom: 1px solid var(--border);
  padding: clamp(28px, 4vw, 48px);
}
.diagnostic-overview > header,
.diagnostic-section-heading {
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin-bottom: 24px;
  display: flex;
}
.diagnostic-overview h2,
.diagnostic-section-heading h2 {
  letter-spacing: -0.035em;
  margin: 6px 0 0;
  font-size: clamp(1.22rem, 2vw, 1.65rem);
}
.diagnostic-overview > header > p {
  color: var(--muted);
  align-items: center;
  gap: 7px;
  margin: 0;
  font-size: 0.76rem;
  display: flex;
}
.diagnostic-overview > header svg {
  width: 16px;
  color: var(--primary);
}
.diagnostic-kpis {
  border: 1px solid var(--border);
  border-radius: 16px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  display: grid;
  overflow: hidden;
}
.diagnostic-kpis article {
  border-right: 1px solid var(--border);
  background: var(--background);
  min-width: 0;
  padding: 22px;
}
@supports (color: color-mix(in lab, red, red)) {
  .diagnostic-kpis article {
    background: color-mix(in srgb, var(--background) 28%, var(--card));
  }
}
.diagnostic-kpis article:last-child {
  border-right: 0;
}
.diagnostic-kpis svg {
  width: 19px;
  color: var(--primary);
}
.diagnostic-kpis span {
  min-height: 30px;
  color: var(--muted);
  margin: 18px 0 6px;
  font-size: 0.72rem;
  line-height: 1.35;
  display: block;
}
.diagnostic-kpis strong {
  letter-spacing: -0.035em;
  overflow-wrap: anywhere;
  font-size: clamp(1rem, 1.8vw, 1.35rem);
  display: block;
}
.diagnostic-section-heading {
  justify-content: flex-start;
}
.diagnostic-section-heading > span {
  border: 1px solid var(--primary);
  flex: none;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .diagnostic-section-heading > span {
    border: 1px solid color-mix(in srgb, var(--primary) 45%, var(--border));
  }
}
.diagnostic-section-heading > span {
  color: var(--primary);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 900;
}
.diagnostic-section-heading > div:nth-child(2) {
  flex: 1;
}
.diagnostic-feature-grid {
  grid-template-columns: 1.35fr repeat(3, 1fr);
  gap: 12px;
  display: grid;
}
.diagnostic-feature-grid article,
.diagnostic-risk-grid article,
.diagnostic-bacen-kpis article {
  border: 1px solid var(--border);
  background: var(--background);
  border-radius: 14px;
  min-width: 0;
}
@supports (color: color-mix(in lab, red, red)) {
  .diagnostic-feature-grid article,
  .diagnostic-risk-grid article,
  .diagnostic-bacen-kpis article {
    background: color-mix(in srgb, var(--background) 25%, var(--card));
  }
}
.diagnostic-feature-grid article {
  flex-direction: column;
  justify-content: flex-end;
  min-height: 148px;
  padding: 20px;
  display: flex;
}
.diagnostic-feature-grid article.is-emphasis {
  background: linear-gradient(145deg, var(--primary), var(--card));
  grid-row: span 2;
  justify-content: center;
  min-height: 210px;
}
@supports (color: color-mix(in lab, red, red)) {
  .diagnostic-feature-grid article.is-emphasis {
    background: linear-gradient(
      145deg,
      color-mix(in srgb, var(--primary) 10%, var(--card)),
      var(--card)
    );
  }
}
.diagnostic-feature-grid svg {
  width: 24px;
  color: var(--primary);
  margin-bottom: 26px;
}
.diagnostic-feature-grid span,
.diagnostic-risk-grid article > span,
.diagnostic-bacen-kpis span {
  color: var(--muted);
  font-size: 0.72rem;
}
.diagnostic-feature-grid strong,
.diagnostic-risk-grid strong,
.diagnostic-bacen-kpis strong {
  letter-spacing: -0.035em;
  overflow-wrap: anywhere;
  margin-top: 7px;
  font-size: clamp(1rem, 1.8vw, 1.35rem);
}
.diagnostic-feature-grid p,
.diagnostic-risk-grid p {
  color: var(--muted);
  margin: 12px 0 0;
  font-size: 0.72rem;
  line-height: 1.5;
}
.diagnostic-risk-grid {
  grid-template-columns: 1.15fr 1fr 1fr;
  gap: 12px;
  display: grid;
}
.diagnostic-risk-grid article {
  min-height: 174px;
  padding: 22px;
}
.diagnostic-risk-summary {
  --risk-color: var(--primary);
}
.diagnostic-risk-summary[data-tone='attention'] {
  --risk-color: #d99d44;
}
.diagnostic-risk-summary[data-tone='critical'] {
  --risk-color: #d35d52;
}
.diagnostic-risk-summary > div {
  color: var(--muted);
  align-items: center;
  gap: 8px;
  font-size: 0.72rem;
  display: flex;
}
.diagnostic-risk-summary svg {
  width: 18px;
  color: var(--risk-color);
}
.diagnostic-risk-summary > strong {
  color: var(--risk-color);
  font-size: 3.5rem;
  line-height: 1;
  display: block;
}
.diagnostic-reference {
  align-items: center;
  gap: 10px;
  margin-left: auto;
  display: flex;
}
.diagnostic-reference svg {
  width: 20px;
  color: var(--primary);
}
.diagnostic-reference span {
  color: var(--muted);
  gap: 2px;
  font-size: 0.66rem;
  display: grid;
}
.diagnostic-reference b {
  color: var(--foreground);
  font-size: 0.8rem;
}
.diagnostic-bacen-kpis {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}
.diagnostic-bacen-kpis article {
  flex-direction: column;
  justify-content: flex-end;
  min-height: 118px;
  padding: 16px;
  display: flex;
}
.diagnostic-bacen-kpis svg {
  width: 18px;
  color: var(--primary);
  margin-bottom: auto;
}
.diagnostic-bacen-kpis article[data-state='warning'] strong {
  color: #d99d44;
}
.diagnostic-bacen-kpis article[data-state='danger'] strong {
  color: #d35d52;
}
.diagnostic-modalities {
  border: 1px solid var(--border);
  border-radius: 15px;
  margin-top: 20px;
  overflow: hidden;
}
.diagnostic-modalities h3 {
  border-bottom: 1px solid var(--border);
  margin: 0;
  padding: 16px 18px;
  font-size: 0.82rem;
}
.diagnostic-modalities > div {
  border-bottom: 1px solid var(--border);
  grid-template-columns: 1.8fr repeat(3, 1fr);
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  display: grid;
}
.diagnostic-modalities > div:last-child {
  border-bottom: 0;
}
.diagnostic-modalities span {
  gap: 3px;
  display: grid;
}
.diagnostic-modalities small {
  color: var(--muted);
  font-size: 0.68rem;
}
.diagnostic-modalities b {
  font-size: 0.78rem;
}
.diagnostic-source-list {
  border: 1px solid var(--border);
  border-radius: 15px;
  overflow: hidden;
}
.diagnostic-source-list article {
  border-bottom: 1px solid var(--border);
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 15px 18px;
  display: grid;
}
.diagnostic-source-list article:last-child {
  border-bottom: 0;
}
.diagnostic-source-icon {
  border: 1px solid var(--border);
  width: 34px;
  height: 34px;
  color: var(--primary);
  background: var(--primary);
  border-radius: 10px;
  place-items: center;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .diagnostic-source-icon {
    background: color-mix(in srgb, var(--primary) 7%, var(--card));
  }
}
.diagnostic-source-icon[data-status='FAILED'],
.diagnostic-source-icon[data-status='UNAVAILABLE'] {
  color: #d35d52;
}
.diagnostic-source-icon svg {
  width: 17px;
}
.diagnostic-source-copy {
  gap: 3px;
  display: grid;
}
.diagnostic-source-copy strong {
  font-size: 0.82rem;
}
.diagnostic-source-copy small {
  color: var(--muted);
  font-size: 0.7rem;
}
.diagnostic-source-list article > b {
  color: var(--primary);
  font-size: 0.7rem;
}
.diagnostic-source-list article > b[data-status='FAILED'],
.diagnostic-source-list article > b[data-status='UNAVAILABLE'] {
  color: #d35d52;
}
.diagnostic-source-warning {
  color: #d35d52;
  background: #d35d520f;
  border: 1px solid #d35d5257;
  border-radius: 12px;
  align-items: flex-start;
  gap: 8px;
  margin: 14px 0 0;
  padding: 13px 15px;
  font-size: 0.73rem;
  line-height: 1.45;
  display: flex;
}
.diagnostic-source-warning svg {
  flex: none;
  width: 16px;
}
.diagnostic-report-footer {
  color: var(--muted);
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 24px;
  padding: 24px clamp(28px, 4vw, 48px);
  font-size: 0.7rem;
  line-height: 1.5;
  display: grid;
}
.diagnostic-report-footer > span {
  color: var(--foreground);
  white-space: nowrap;
  align-items: center;
  gap: 8px;
  display: flex;
}
.diagnostic-report-footer img {
  width: 24px;
  height: 24px;
}
.diagnostic-report-footer p {
  margin: 0;
}
.diagnostic-report-footer small {
  text-align: right;
}
@media (max-width: 980px) {
  .diagnostic-report-nav button:not(.is-primary) {
    padding-inline: 11px;
    font-size: 0;
  }
  .diagnostic-report-nav button:not(.is-primary) svg {
    margin: 0;
  }
  .diagnostic-kpis {
    grid-template-columns: 1fr 1fr;
  }
  .diagnostic-kpis article:nth-child(2) {
    border-right: 0;
  }
  .diagnostic-kpis article:nth-child(-n + 2) {
    border-bottom: 1px solid var(--border);
  }
  .diagnostic-feature-grid {
    grid-template-columns: 1fr 1fr;
  }
  .diagnostic-feature-grid article.is-emphasis {
    grid-area: auto/span 2;
  }
  .diagnostic-bacen-kpis {
    grid-template-columns: repeat(4, 1fr);
  }
  .diagnostic-report-footer {
    grid-template-columns: 1fr;
  }
  .diagnostic-report-footer small {
    text-align: left;
  }
}
@media (max-width: 680px) {
  .diagnostic-report-page {
    padding: 0 0 28px;
  }
  .diagnostic-report-nav {
    border-width: 0 0 1px;
    border-radius: 0;
    margin-bottom: 0;
    padding: 9px 12px;
    top: 0;
  }
  .diagnostic-brand-lockup small {
    display: none;
  }
  .diagnostic-report-nav a {
    justify-content: center;
    width: 38px;
    padding: 0;
    font-size: 0;
  }
  .diagnostic-report-nav button {
    justify-content: center;
    width: 38px;
    padding: 0;
    font-size: 0 !important;
  }
  .diagnostic-report {
    box-shadow: none;
    border-width: 0 0 1px;
    border-radius: 0;
  }
  .diagnostic-report-hero {
    grid-template-columns: 1fr;
    gap: 32px;
    min-height: 0;
    padding: 38px 20px 34px;
  }
  .diagnostic-report-hero h1 {
    font-size: clamp(2rem, 11vw, 3.2rem);
  }
  .diagnostic-subject-meta {
    flex-direction: column;
    align-items: stretch;
  }
  .diagnostic-subject-meta > span {
    width: fit-content;
  }
  .diagnostic-rating-block {
    text-align: left;
    align-items: center;
    gap: 20px;
    width: 100%;
    display: flex;
  }
  .diagnostic-rating-ring {
    flex: none;
    width: 138px;
    min-height: 138px;
    margin: 0;
  }
  .diagnostic-rating-ring strong {
    font-size: 3.2rem;
  }
  .diagnostic-rating-block > p {
    margin: 0;
  }
  .diagnostic-overview,
  .diagnostic-section {
    padding: 30px 18px;
  }
  .diagnostic-overview > header {
    flex-direction: column;
    align-items: flex-start;
  }
  .diagnostic-kpis {
    grid-template-columns: 1fr;
  }
  .diagnostic-kpis article {
    border-right: 0;
    border-bottom: 1px solid var(--border);
  }
  .diagnostic-kpis article:last-child {
    border-bottom: 0;
  }
  .diagnostic-kpis span {
    min-height: 0;
    margin-top: 12px;
  }
  .diagnostic-section-heading {
    align-items: flex-start;
    gap: 13px;
  }
  .diagnostic-reference {
    width: 100%;
    margin-left: 0;
  }
  .diagnostic-feature-grid,
  .diagnostic-risk-grid {
    grid-template-columns: 1fr;
  }
  .diagnostic-feature-grid article.is-emphasis {
    grid-column: auto;
  }
  .diagnostic-bacen-kpis,
  .diagnostic-modalities > div {
    grid-template-columns: 1fr 1fr;
  }
  .diagnostic-modalities > div > span:first-child {
    grid-column: span 2;
  }
  .diagnostic-source-list article {
    grid-template-columns: auto 1fr;
  }
  .diagnostic-source-list article > b {
    grid-column: 2;
  }
  .diagnostic-access-card {
    padding: 32px 22px;
  }
}
@media print {
  @page {
    size: A4;
    margin: 12mm;
  }
  .diagnostic-report-page {
    color: #111;
    padding: 0;
    background: #fff !important;
  }
  .diagnostic-report-nav {
    display: none;
  }
  .diagnostic-report {
    box-shadow: none;
    border: 0;
    border-radius: 0;
  }
  .diagnostic-report-hero {
    min-height: 0;
    padding: 24px;
    background: #f7f2e9 !important;
  }
  .diagnostic-overview,
  .diagnostic-section {
    break-inside: avoid;
    padding: 24px 0;
  }
  .diagnostic-feature-grid article,
  .diagnostic-risk-grid article,
  .diagnostic-bacen-kpis article,
  .diagnostic-source-list {
    break-inside: avoid;
  }
  .diagnostic-report-footer {
    padding-inline: 0;
  }
}
.diagnostic-report-page {
  --diagnostic-ink: #171613;
  --diagnostic-muted: #716b61;
  --diagnostic-line: #ded8cf;
  --diagnostic-soft: #f7f4ee;
  --diagnostic-gold: #b88948;
  --diagnostic-gold-soft: #f1e7d7;
  min-height: 100vh;
  color: var(--diagnostic-ink);
  background: #ebe8e2;
  padding: 18px clamp(14px, 3vw, 42px) 64px;
}
.diagnostic-report-page .diagnostic-report-nav {
  background: #fffffff0;
  border: 1px solid #1716131a;
  width: min(1120px, 100%);
  min-height: 58px;
  margin: 0 auto 18px;
  top: 12px;
  box-shadow: 0 12px 34px #231e1614;
}
.diagnostic-report-page .diagnostic-brand-lockup b,
.diagnostic-report-page .diagnostic-report-nav a,
.diagnostic-report-page .diagnostic-report-nav button {
  color: var(--diagnostic-ink);
}
.diagnostic-report-page .diagnostic-brand-lockup small {
  color: var(--diagnostic-muted);
}
.diagnostic-report-page .diagnostic-report-nav a,
.diagnostic-report-page .diagnostic-report-nav button {
  border-color: var(--diagnostic-line);
  background: #fff;
}
.diagnostic-report-page .diagnostic-report-nav button.is-primary {
  color: #fff;
  background: #1b1916;
  border-color: #1b1916;
}
.diagnostic-document-page {
  background: #fff;
  border: 1px solid #d9d2c8;
  border-radius: 4px;
  flex-direction: column;
  width: min(1120px, 100%);
  min-height: 1420px;
  margin: 0 auto 22px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 26px 70px #211c151f;
}
.diagnostic-page-header {
  border-bottom: 1px solid var(--diagnostic-line);
  background: #fff;
  justify-content: space-between;
  align-items: center;
  gap: 28px;
  min-height: 84px;
  padding: 19px 54px;
  display: flex;
}
.diagnostic-page-brand {
  align-items: center;
  display: flex;
}
.diagnostic-page-brand b {
  letter-spacing: 0.19em;
  font-size: 0.72rem;
}
.diagnostic-page-title {
  text-align: right;
  gap: 3px;
  display: grid;
}
.diagnostic-page-title small {
  color: var(--diagnostic-gold);
  letter-spacing: 0.13em;
  font-size: 0.57rem;
  font-weight: 900;
}
.diagnostic-page-title b {
  font-size: 0.8rem;
  font-weight: 650;
}
.diagnostic-cover-intro {
  border-bottom: 1px solid var(--diagnostic-line);
  background: #f7f3ed;
  flex-direction: column;
  justify-content: center;
  min-height: 360px;
  padding: 58px 64px 50px;
  display: flex;
}
.diagnostic-kicker {
  color: var(--diagnostic-gold);
  letter-spacing: 0.19em;
  font-size: 0.66rem;
  font-weight: 900;
}
.diagnostic-cover-intro h1,
.diagnostic-conclusion-page .diagnostic-document-section > h1 {
  letter-spacing: -0.065em;
  max-width: 790px;
  margin: 17px 0 18px;
  font-size: clamp(2.5rem, 5vw, 4.9rem);
  font-weight: 540;
  line-height: 0.98;
}
.diagnostic-cover-intro > p {
  max-width: 650px;
  color: var(--diagnostic-muted);
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.65;
}
.diagnostic-cover-meta {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 31px;
  display: flex;
}
.diagnostic-cover-meta span {
  color: #4f4a42;
  background: #ffffffc2;
  border: 1px solid #ded5c8;
  border-radius: 3px;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  padding: 0 11px;
  font-size: 0.7rem;
  font-weight: 700;
  display: inline-flex;
}
.diagnostic-cover-meta svg {
  width: 14px;
  color: var(--diagnostic-gold);
}
.diagnostic-document-section {
  padding: 42px 64px 36px;
}
.diagnostic-document-section + .diagnostic-document-section {
  border-top: 1px solid var(--diagnostic-line);
}
.diagnostic-document-heading {
  align-items: center;
  gap: 14px;
  margin-bottom: 26px;
  display: flex;
}
.diagnostic-document-heading > span {
  border: 1px solid var(--diagnostic-gold);
  width: 35px;
  height: 35px;
  color: var(--diagnostic-gold);
  border-radius: 50%;
  flex: none;
  place-items: center;
  font-size: 0.69rem;
  font-weight: 900;
  display: grid;
}
.diagnostic-document-heading > div {
  gap: 4px;
  display: grid;
}
.diagnostic-document-heading small {
  color: var(--diagnostic-gold);
  letter-spacing: 0.15em;
  font-size: 0.58rem;
  font-weight: 900;
}
.diagnostic-document-heading h2 {
  letter-spacing: -0.025em;
  margin: 0;
  font-size: 1.45rem;
  font-weight: 630;
}
.diagnostic-fields-grid {
  border: 1px solid var(--diagnostic-line);
  border-radius: 5px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
  overflow: hidden;
}
.diagnostic-fields-grid article {
  border-right: 1px solid var(--diagnostic-line);
  border-bottom: 1px solid var(--diagnostic-line);
  align-content: center;
  gap: 6px;
  min-height: 80px;
  padding: 17px 19px;
  display: grid;
}
.diagnostic-fields-grid article:nth-child(3n) {
  border-right: 0;
}
.diagnostic-fields-grid article:nth-last-child(-n + 3) {
  border-bottom: 0;
}
.diagnostic-fields-grid article.is-wide {
  grid-column: span 2;
}
.diagnostic-fields-grid small,
.diagnostic-metric-grid small,
.diagnostic-reference-row small,
.diagnostic-score-panel > small,
.diagnostic-probability-panel > small,
.diagnostic-score-overview article > small {
  color: var(--diagnostic-muted);
  font-size: 0.65rem;
  line-height: 1.4;
}
.diagnostic-fields-grid strong {
  font-size: 0.85rem;
  line-height: 1.45;
}
.diagnostic-address-block {
  border: 1px solid var(--diagnostic-line);
  border-radius: 5px;
  margin-top: 19px;
  overflow: hidden;
}
.diagnostic-address-block h3 {
  border-bottom: 1px solid var(--diagnostic-line);
  background: var(--diagnostic-soft);
  margin: 0;
  padding: 13px 17px;
  font-size: 0.77rem;
}
.diagnostic-address-block p {
  border-bottom: 1px solid var(--diagnostic-line);
  color: #39362f;
  grid-template-columns: 28px 1fr;
  gap: 10px;
  margin: 0;
  padding: 12px 17px;
  font-size: 0.75rem;
  line-height: 1.45;
  display: grid;
}
.diagnostic-address-block p b {
  color: var(--diagnostic-gold);
  font-size: 0.65rem;
}
.diagnostic-address-block aside,
.diagnostic-neutral-note {
  color: #6f5737;
  background: #faf5ec;
  padding: 13px 17px;
  font-size: 0.7rem;
  line-height: 1.5;
}
.diagnostic-metric-grid {
  border: 1px solid var(--diagnostic-line);
  border-radius: 5px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
  overflow: hidden;
}
.diagnostic-metric-grid article {
  border-right: 1px solid var(--diagnostic-line);
  border-bottom: 1px solid var(--diagnostic-line);
  align-content: center;
  gap: 9px;
  min-height: 98px;
  padding: 18px;
  display: grid;
}
.diagnostic-metric-grid article:nth-child(3n) {
  border-right: 0;
}
.diagnostic-metric-grid article:nth-last-child(-n + 3) {
  border-bottom: 0;
}
.diagnostic-metric-grid strong {
  letter-spacing: -0.02em;
  font-size: 1.05rem;
}
.diagnostic-two-columns {
  grid-template-columns: 1.1fr 0.9fr;
  gap: 16px;
  display: grid;
}
.diagnostic-score-panel,
.diagnostic-probability-panel {
  border: 1px solid var(--diagnostic-line);
  background: #fff;
  border-radius: 5px;
  min-height: 205px;
  padding: 27px;
}
.diagnostic-score-panel > strong {
  letter-spacing: -0.06em;
  margin: 27px 0 20px;
  font-size: 3.4rem;
  font-weight: 570;
  display: block;
}
.diagnostic-score-panel > strong span,
.diagnostic-score-overview article > strong span {
  color: var(--diagnostic-muted);
  letter-spacing: 0;
  font-size: 0.9rem;
}
.diagnostic-linear-gauge {
  background: #e3ded5;
  border-radius: 999px;
  height: 8px;
  overflow: hidden;
}
.diagnostic-linear-gauge i {
  background: #b88948;
  height: 100%;
  display: block;
}
.diagnostic-scale-legend {
  color: var(--diagnostic-muted);
  justify-content: space-between;
  margin-top: 8px;
  font-size: 0.61rem;
  display: flex;
}
.diagnostic-probability-panel {
  background: var(--diagnostic-soft);
  align-content: center;
  display: grid;
}
.diagnostic-probability-panel strong {
  color: var(--diagnostic-gold);
  letter-spacing: -0.06em;
  margin: 11px 0 7px;
  font-size: 3.1rem;
  font-weight: 580;
}
.diagnostic-probability-panel p {
  color: var(--diagnostic-muted);
  margin: 0;
  font-size: 0.72rem;
  line-height: 1.55;
}
.diagnostic-risk-statement {
  background: #fdf7f6;
  border: 1px solid #e3c2bd;
  border-radius: 5px;
  grid-template-columns: 180px 1fr;
  align-items: center;
  gap: 34px;
  padding: 30px;
  display: grid;
}
.diagnostic-risk-statement > strong {
  color: #a94b43;
  letter-spacing: -0.07em;
  font-size: 3.6rem;
  font-weight: 560;
}
.diagnostic-risk-statement h3 {
  margin: 0 0 7px;
  font-size: 0.94rem;
}
.diagnostic-risk-statement p {
  color: var(--diagnostic-muted);
  margin: 0;
  font-size: 0.76rem;
  line-height: 1.6;
}
.diagnostic-rating-layout {
  grid-template-columns: 190px 1fr;
  align-items: center;
  gap: 24px;
  display: grid;
}
.diagnostic-rating-current {
  border: 1px solid var(--diagnostic-line);
  background: var(--diagnostic-soft);
  border-radius: 50%;
  align-content: center;
  place-items: center;
  min-height: 190px;
  display: grid;
}
.diagnostic-rating-current small {
  color: var(--diagnostic-muted);
  letter-spacing: 0.12em;
  font-size: 0.58rem;
  font-weight: 900;
}
.diagnostic-rating-current strong {
  color: #aa4b43;
  margin: 4px 0;
  font-size: 4.2rem;
  font-weight: 580;
  line-height: 1;
}
.diagnostic-rating-current span {
  color: var(--diagnostic-muted);
  font-size: 0.64rem;
}
.diagnostic-rating-scale {
  border: 1px solid var(--diagnostic-line);
  border-radius: 4px;
  grid-template-columns: repeat(7, 1fr);
  display: grid;
  overflow: hidden;
}
.diagnostic-rating-scale span {
  border-right: 1px solid var(--diagnostic-line);
  color: #797269;
  place-items: center;
  min-height: 70px;
  font-size: 0.8rem;
  font-weight: 850;
  display: grid;
}
.diagnostic-rating-scale span:last-child {
  border-right: 0;
}
.diagnostic-rating-scale span.is-current {
  color: #fff;
  background: #aa4b43;
}
.diagnostic-approval-block {
  border: 1px solid var(--diagnostic-line);
  border-radius: 5px;
  margin: 25px 0 18px;
  padding: 19px 22px;
}
.diagnostic-approval-block header {
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 14px;
  font-size: 0.75rem;
  display: flex;
}
.diagnostic-approval-block header strong {
  font-size: 0.9rem;
}
.diagnostic-explainer {
  border-left: 3px solid var(--diagnostic-gold);
  background: var(--diagnostic-soft);
  padding: 18px 20px;
}
.diagnostic-explainer h3 {
  margin: 0 0 5px;
  font-size: 0.8rem;
}
.diagnostic-explainer p {
  color: var(--diagnostic-muted);
  margin: 0;
  font-size: 0.71rem;
  line-height: 1.55;
}
.diagnostic-score-overview {
  grid-template-columns: 0.9fr 1.1fr;
  gap: 18px;
  display: grid;
}
.diagnostic-score-overview > article,
.diagnostic-score-overview > div {
  border: 1px solid var(--diagnostic-line);
  border-radius: 5px;
  padding: 25px;
}
.diagnostic-score-overview article > strong {
  letter-spacing: -0.06em;
  margin: 17px 0 22px;
  font-size: 3.6rem;
  font-weight: 560;
  display: block;
}
.diagnostic-score-overview > div {
  gap: 0;
  padding-block: 15px;
  display: grid;
}
.diagnostic-score-overview > div p {
  border-bottom: 1px solid var(--diagnostic-line);
  grid-template-columns: 90px 1fr;
  align-items: center;
  margin: 0;
  padding: 10px 0;
  font-size: 0.72rem;
  display: grid;
}
.diagnostic-score-overview > div p:last-child {
  border-bottom: 0;
}
.diagnostic-score-overview > div span {
  color: var(--diagnostic-muted);
}
.diagnostic-neutral-note {
  border: 1px solid #e7dac6;
  border-radius: 4px;
  margin: 16px 0;
}
.diagnostic-metric-grid.is-four {
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 18px;
}
.diagnostic-metric-grid.is-four article {
  border-bottom: 0;
}
.diagnostic-metric-grid.is-four article:nth-child(3n) {
  border-right: 1px solid var(--diagnostic-line);
}
.diagnostic-metric-grid.is-four article:last-child {
  border-right: 0;
}
.diagnostic-data-table {
  border: 1px solid var(--diagnostic-line);
  border-radius: 5px;
  overflow: hidden;
}
.diagnostic-data-table header,
.diagnostic-data-table > div {
  grid-template-columns: 1.1fr 1.5fr 0.75fr 0.9fr;
  align-items: center;
  gap: 10px;
  padding: 13px 16px;
  display: grid;
}
.diagnostic-data-table header {
  background: var(--diagnostic-soft);
  color: var(--diagnostic-muted);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.6rem;
  font-weight: 900;
}
.diagnostic-data-table > div {
  border-top: 1px solid var(--diagnostic-line);
  font-size: 0.7rem;
}
.diagnostic-data-table > div strong {
  text-align: right;
}
.diagnostic-data-table > p {
  color: var(--diagnostic-muted);
  text-align: center;
  margin: 0;
  padding: 22px;
  font-size: 0.72rem;
}
.diagnostic-reference-row {
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  display: grid;
}
.diagnostic-reference-row > span {
  border: 1px solid var(--diagnostic-line);
  border-radius: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: auto 1fr;
  align-content: center;
  column-gap: 13px;
  min-height: 88px;
  padding: 18px;
  display: grid;
}
.diagnostic-reference-row svg {
  width: 23px;
  color: var(--diagnostic-gold);
  grid-row: span 2;
}
.diagnostic-reference-row strong {
  font-size: 0.87rem;
}
.diagnostic-enhancement {
  background: #fbf7f0;
  border: 1px solid #d8c5a9;
  border-radius: 5px;
  grid-template-columns: 1fr 1.15fr;
  align-items: center;
  gap: 28px;
  margin: 19px 0;
  padding: 23px;
  display: grid;
}
.diagnostic-enhancement > div:first-child small {
  color: var(--diagnostic-gold);
  letter-spacing: 0.13em;
  font-size: 0.57rem;
  font-weight: 900;
}
.diagnostic-enhancement h3 {
  margin: 7px 0 5px;
  font-size: 0.95rem;
}
.diagnostic-enhancement p {
  color: var(--diagnostic-muted);
  margin: 0;
  font-size: 0.7rem;
  line-height: 1.5;
}
.diagnostic-document-types {
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  display: grid;
}
.diagnostic-document-types span {
  min-height: 68px;
  color: var(--diagnostic-gold);
  background: #fff;
  border: 1px solid #dccbb1;
  border-radius: 4px;
  align-content: center;
  gap: 4px;
  padding: 11px;
  font-size: 0.78rem;
  font-weight: 900;
  display: grid;
}
.diagnostic-document-types small {
  color: var(--diagnostic-muted);
  font-size: 0.57rem;
  font-weight: 500;
}
.diagnostic-bacen-grid {
  grid-template-columns: repeat(4, 1fr);
}
.diagnostic-bacen-grid article:nth-child(3n) {
  border-right: 1px solid var(--diagnostic-line);
}
.diagnostic-bacen-grid article:nth-child(4n) {
  border-right: 0;
}
.diagnostic-bacen-grid article:nth-last-child(-n + 4) {
  border-bottom: 0;
}
.diagnostic-bacen-grid article strong {
  overflow-wrap: anywhere;
  font-size: 0.88rem;
}
.diagnostic-modalities-table {
  margin-top: 19px;
}
.diagnostic-modalities-table header,
.diagnostic-modalities-table > div {
  grid-template-columns: 1.6fr repeat(4, 1fr);
}
.diagnostic-modalities-table > div strong {
  text-align: left;
}
.diagnostic-conclusion-page .diagnostic-document-section {
  padding-top: 70px;
}
.diagnostic-conclusion-page .diagnostic-conclusion-lead {
  max-width: 720px;
  color: var(--diagnostic-muted);
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.65;
}
.diagnostic-pillars {
  border: 1px solid var(--diagnostic-line);
  border-radius: 5px;
  grid-template-columns: repeat(7, 1fr);
  margin: 34px 0;
  display: grid;
  overflow: hidden;
}
.diagnostic-pillars span {
  border-right: 1px solid var(--diagnostic-line);
  min-height: 76px;
  color: var(--diagnostic-muted);
  text-align: center;
  align-content: center;
  place-items: center;
  gap: 7px;
  font-size: 0.59rem;
  display: grid;
}
.diagnostic-pillars span:last-child {
  border-right: 0;
}
.diagnostic-pillars b {
  background: var(--diagnostic-gold-soft);
  width: 22px;
  height: 22px;
  color: var(--diagnostic-gold);
  border-radius: 50%;
  place-items: center;
  font-size: 0.61rem;
  display: grid;
}
.diagnostic-conclusion-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  display: grid;
}
.diagnostic-conclusion-grid article {
  border: 1px solid var(--diagnostic-line);
  border-radius: 5px;
  min-height: 270px;
  padding: 23px;
}
.diagnostic-conclusion-grid h2 {
  margin: 0 0 17px;
  font-size: 0.9rem;
}
.diagnostic-conclusion-grid p {
  color: #4e4941;
  grid-template-columns: 18px 1fr;
  gap: 8px;
  margin: 0 0 13px;
  font-size: 0.7rem;
  line-height: 1.5;
  display: grid;
}
.diagnostic-conclusion-grid svg {
  color: #74876d;
  width: 15px;
}
.diagnostic-conclusion-grid .is-attention > p > span {
  color: #aa4b43;
  font-weight: 900;
}
.diagnostic-conclusion-grid .is-improvement > p > b {
  color: var(--diagnostic-gold);
}
.diagnostic-final-reading {
  border-left: 4px solid var(--diagnostic-gold);
  background: var(--diagnostic-soft);
  margin-top: 18px;
  padding: 26px;
}
.diagnostic-final-reading small {
  color: var(--diagnostic-gold);
  letter-spacing: 0.14em;
  font-size: 0.58rem;
  font-weight: 900;
}
.diagnostic-final-reading p {
  margin: 9px 0 0;
  font-size: 0.83rem;
  line-height: 1.65;
}
.diagnostic-action-plan {
  color: var(--diagnostic-ink);
  align-items: center;
  gap: 9px;
  margin-top: 16px;
  font-size: 0.74rem;
  font-weight: 800;
  display: inline-flex;
}
.diagnostic-action-plan svg {
  width: 15px;
  transform: rotate(180deg);
}
.diagnostic-privacy-block {
  border: 1px solid var(--diagnostic-line);
  border-radius: 5px;
  grid-template-columns: auto 1fr;
  gap: 15px;
  margin-top: 22px;
  padding: 21px;
  display: grid;
}
.diagnostic-privacy-block svg {
  width: 21px;
  color: var(--diagnostic-gold);
}
.diagnostic-privacy-block h3 {
  margin: 0 0 5px;
  font-size: 0.78rem;
}
.diagnostic-privacy-block p {
  color: var(--diagnostic-muted);
  margin: 0;
  font-size: 0.66rem;
  line-height: 1.55;
}
.diagnostic-page-footer {
  border-top: 1px solid var(--diagnostic-line);
  min-height: 62px;
  color: var(--diagnostic-muted);
  letter-spacing: 0.04em;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  padding: 0 54px;
  font-size: 0.58rem;
  display: flex;
}
.diagnostic-page-footer b {
  color: var(--diagnostic-gold);
  font-size: 0.68rem;
}
@media (max-width: 760px) {
  .diagnostic-report-page {
    padding: 0 0 32px;
  }
  .diagnostic-report-page .diagnostic-report-nav {
    border-width: 0 0 1px;
    border-radius: 0;
    margin-bottom: 0;
    top: 0;
  }
  .diagnostic-document-page {
    min-height: 0;
    box-shadow: none;
    border-width: 0 0 1px;
    border-radius: 0;
    margin-bottom: 12px;
  }
  .diagnostic-page-header {
    min-height: 72px;
    padding: 14px 19px;
  }
  .diagnostic-page-title small {
    display: none;
  }
  .diagnostic-cover-intro {
    min-height: 330px;
    padding: 42px 20px;
  }
  .diagnostic-cover-intro h1,
  .diagnostic-conclusion-page .diagnostic-document-section > h1 {
    font-size: 2.55rem;
  }
  .diagnostic-document-section,
  .diagnostic-conclusion-page .diagnostic-document-section {
    padding: 30px 19px;
  }
  .diagnostic-fields-grid,
  .diagnostic-metric-grid,
  .diagnostic-metric-grid.is-four,
  .diagnostic-bacen-grid,
  .diagnostic-two-columns,
  .diagnostic-score-overview,
  .diagnostic-reference-row,
  .diagnostic-enhancement,
  .diagnostic-conclusion-grid {
    grid-template-columns: 1fr;
  }
  .diagnostic-fields-grid article,
  .diagnostic-fields-grid article:nth-child(3n),
  .diagnostic-metric-grid article,
  .diagnostic-metric-grid article:nth-child(3n),
  .diagnostic-metric-grid.is-four article,
  .diagnostic-bacen-grid article {
    border-right: 0;
    border-bottom: 1px solid var(--diagnostic-line);
    grid-column: auto;
  }
  .diagnostic-fields-grid article:last-child,
  .diagnostic-metric-grid article:last-child,
  .diagnostic-metric-grid.is-four article:last-child,
  .diagnostic-bacen-grid article:last-child {
    border-bottom: 0;
  }
  .diagnostic-risk-statement,
  .diagnostic-rating-layout {
    grid-template-columns: 1fr;
  }
  .diagnostic-risk-statement {
    gap: 14px;
  }
  .diagnostic-rating-current {
    width: 165px;
    min-height: 165px;
    margin: auto;
  }
  .diagnostic-rating-scale span {
    min-height: 52px;
    font-size: 0.65rem;
  }
  .diagnostic-document-types {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .diagnostic-pillars {
    grid-template-columns: 1fr 1fr;
  }
  .diagnostic-pillars span {
    border-bottom: 1px solid var(--diagnostic-line);
  }
  .diagnostic-data-table {
    border: 0;
    overflow: visible;
  }
  .diagnostic-data-table header {
    display: none;
  }
  .diagnostic-data-table > div {
    border: 1px solid var(--diagnostic-line);
    border-radius: 4px;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    margin-bottom: 8px;
  }
  .diagnostic-data-table > div strong {
    text-align: left;
  }
  .diagnostic-modalities-table > div {
    grid-template-columns: 1fr 1fr;
  }
  .diagnostic-modalities-table > div > span:first-child {
    grid-column: span 2;
    font-weight: 800;
  }
  .diagnostic-page-footer {
    padding: 0 20px;
  }
}
@media print {
  @page {
    size: A4;
    margin: 0;
  }
  .diagnostic-report-page {
    padding: 0;
    background: #fff !important;
  }
  .diagnostic-report-page .diagnostic-report-nav {
    display: none;
  }
  .diagnostic-document-page {
    width: 210mm;
    min-height: 297mm;
    box-shadow: none;
    break-after: page;
    page-break-after: always;
    border: 0;
    border-radius: 0;
    margin: 0;
  }
  .diagnostic-document-page:last-child {
    break-after: auto;
    page-break-after: auto;
  }
  .diagnostic-document-section {
    break-inside: avoid;
  }
}
:root {
  --pfx-o: #2563eb;
  --pfx-i: #0b1f3a;
  --pfx-m: #5b6575;
  --pfx-b: #e1e7ef;
  --pfx-r: #b91c1c;
  --pfx-font: 'Arial Nova', 'Helvetica Neue', Arial, sans-serif;
}
.pfx-shell {
  min-height: 100vh;
  color: var(--pfx-i);
  font-family: var(--pfx-font);
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  background: #f6f8fb;
  padding: 78px 20px 48px;
  font-size: 14px;
  line-height: 1.45;
}
.pfx-page {
  background: #fff;
  border: 1px solid #ddd9d2;
  width: min(100%, 1120px);
  min-height: 720px;
  margin: 0 auto 32px;
  padding: 20px 28px 58px;
  position: relative;
}
.pfx-head {
  border-bottom: 2px solid var(--pfx-i);
  justify-content: space-between;
  align-items: center;
  min-height: 48px;
  padding: 3px 0 11px;
  display: flex;
}
.pfx-head-brand {
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}
.pfx-brand-logo {
  object-fit: contain;
  width: 148px;
  height: auto;
  display: block;
}
.pfx-head-brand > span {
  border-left: 1px solid var(--pfx-b);
  color: var(--pfx-m);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  white-space: nowrap;
  padding-left: 12px;
  font-size: 9px;
  font-weight: 700;
}
.pfx-head small {
  font-variant-numeric: tabular-nums;
  color: var(--pfx-m);
  font-size: 9px;
}
.pfx-title {
  border-bottom: 1px solid var(--pfx-b);
  margin: 16px 0 14px;
  padding-bottom: 10px;
}
.pfx-title h1 {
  margin: 0;
  font:
    700 22px/1.1 Space Grotesk,
    sans-serif;
}
.pfx-title p {
  color: var(--pfx-m);
  margin: 4px 0 0;
  font-size: 10px;
}
.pfx-data h2,
.pfx-list h2,
.pfx-table h2 {
  text-transform: uppercase;
  font: 700 11px Space Grotesk;
}
.pfx-data dl {
  margin: 0;
}
.pfx-data dl div {
  border-bottom: 1px solid var(--pfx-b);
  grid-template-columns: 180px 1fr;
  gap: 16px;
  padding: 7px 0;
  display: grid;
}
.pfx-data dt {
  text-transform: uppercase;
  color: var(--pfx-m);
  font-size: 8px;
}
.pfx-data dd {
  margin: 0;
  font: 700 10.5px Space Grotesk;
}
.pfx-good {
  align-items: center;
  gap: 6px;
  display: flex;
  color: #08745b !important;
}
.pfx-good > i {
  background: #08745b;
  border-radius: 50%;
  flex: 0 0 5px;
  width: 5px;
  height: 5px;
  display: inline-block;
}
.pfx-list {
  border-bottom: 1px solid var(--pfx-b);
  margin-top: 12px;
}
.pfx-list h2 {
  letter-spacing: 0.05em;
  margin: 0 0 6px;
  font-size: 10px;
}
.pfx-list p {
  border-top: 1px solid var(--pfx-b);
  margin: 0;
  padding: 5px 0 5px 13px;
  font-size: 8.5px;
  line-height: 1.3;
  position: relative;
}
.pfx-list p:before {
  content: '';
  background: var(--pfx-o);
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 9px;
  left: 2px;
}
.pfx-address-warning {
  border-left: 4px solid var(--pfx-o);
  background: #eff6ff;
  margin: 12px 0;
  padding: 12px 14px;
  font-size: 12px;
  line-height: 1.4;
}
.pfx-address-warning p {
  margin: 4px 0 0;
}
.pfx-pillar {
  border-bottom: 1px solid var(--pfx-b);
  align-items: flex-start;
  gap: 12px;
  margin: 20px 0 13px;
  padding-bottom: 12px;
  display: flex;
}
.pfx-pillar-number {
  background: var(--pfx-o);
  color: #fff;
  border-radius: 50%;
  flex: 0 0 32px;
  place-items: center;
  width: 32px;
  height: 32px;
  font:
    700 15px Space Grotesk,
    sans-serif;
  display: grid;
}
.pfx-pillar h2 {
  margin: 0;
  font:
    700 22px/1.2 Space Grotesk,
    sans-serif;
}
.pfx-pillar p {
  color: var(--pfx-m);
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 1.4;
}
.pfx-financial {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}
.pfx-financial article {
  border-top: 3px solid var(--pfx-o);
  background: #f7f5f1;
  flex-direction: column;
  gap: 8px;
  padding: 14px;
  display: flex;
}
.pfx-financial span,
.pfx-bureau-score > div > span {
  text-transform: uppercase;
  color: var(--pfx-m);
  font-size: 11px;
  font-weight: 700;
}
.pfx-financial strong {
  overflow-wrap: anywhere;
  font:
    700 21px Space Grotesk,
    sans-serif;
}
.pfx-financial small {
  color: var(--pfx-m);
  font-size: 10px;
  line-height: 1.4;
}
.pfx-kpis,
.pfx-scr {
  border: 1px solid var(--pfx-b);
  grid-template-columns: repeat(2, 1fr);
  margin-top: 14px;
  display: grid;
}
.pfx-kpi {
  border-right: 1px solid var(--pfx-b);
  border-bottom: 1px solid var(--pfx-b);
  flex-direction: column;
  justify-content: center;
  min-height: 96px;
  padding: 14px;
  display: flex;
}
.pfx-kpi span {
  text-transform: uppercase;
  color: var(--pfx-m);
  font-size: 9px;
}
.pfx-kpi strong {
  margin-top: 10px;
  font: 700 22px Space Grotesk;
}
.pfx-kpi.risk {
  border-top: 4px solid var(--pfx-r);
  background: #fff7f7;
}
.pfx-kpi.risk strong {
  color: var(--pfx-r);
}
.pfx-payment-grade,
.pfx-risk-metric {
  background: #f0f7f3;
  border-left: 4px solid #065f46;
  align-items: center;
  gap: 20px;
  padding: 18px;
  display: flex;
}
.pfx-payment-grade > strong,
.pfx-risk-metric > strong {
  color: #065f46;
  white-space: nowrap;
  flex: none;
  font:
    700 42px Space Grotesk,
    sans-serif;
}
.pfx-payment-grade b,
.pfx-risk-metric b {
  font-size: 12px;
}
.pfx-payment-grade p,
.pfx-risk-metric p {
  color: var(--pfx-m);
  margin: 5px 0;
  font-size: 11px;
  line-height: 1.45;
}
.pfx-payment-grade {
  border-left-color: var(--grade-color);
  background: var(--grade-bg);
}
.pfx-payment-grade > strong {
  color: var(--grade-color);
}
.pfx-payment-grade > div {
  flex: 1;
  min-width: 0;
}
.pfx-payment-steps {
  align-items: center;
  gap: 3px;
  margin-top: 14px;
  display: flex;
}
.pfx-payment-steps i {
  border-radius: 3px;
  flex: 1;
  min-width: 0;
  height: 9px;
}
.pfx-payment-steps i.current {
  outline-offset: 2px;
  outline: 2px solid #1a1714;
  height: 15px;
}
.pfx-payment-scale-labels {
  color: var(--pfx-m);
  justify-content: space-between;
  gap: 8px;
  margin-top: 7px;
  font-size: 9px;
  line-height: 1.25;
  display: flex;
}
.pfx-risk-metric.high {
  border-left-color: var(--pfx-r);
  background: #fff3f3;
}
.pfx-risk-metric.high > strong {
  color: var(--pfx-r);
}
.pfx-risk-meter {
  gap: 3px;
  height: 6px;
  margin-top: 10px;
  display: flex;
}
.pfx-risk-meter span {
  background: #065f46;
  flex: 1;
}
.pfx-risk-meter span:nth-child(2) {
  background: #dba72d;
}
.pfx-risk-meter span:nth-child(3) {
  background: var(--pfx-r);
}
.pfx-rating {
  background: #fffae8;
  border: 1px solid #e8cf8a;
  border-left: 5px solid #d69e2e;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 18px;
  padding: 16px;
  display: grid;
}
.pfx-rating.risk {
  border-color: #e4aaaa;
  border-left-color: var(--pfx-r);
  background: #fff4f4;
}
.pfx-rating > div:first-child {
  flex-direction: column;
  display: flex;
}
.pfx-rating > div:first-child > strong {
  color: var(--pfx-r);
  font: 700 64px Space Grotesk;
}
.pfx-rating p {
  border-bottom: 1px solid var(--pfx-b);
  align-items: center;
  gap: 8px;
  height: 27px;
  margin: 0;
  font-size: 10px;
  display: flex;
}
.pfx-rating p i {
  background: #d9d5ce;
  width: 8px;
  height: 8px;
}
.pfx-rating p.active {
  color: var(--pfx-r);
  background: #fdecec;
  padding-left: 6px;
  font-weight: 700;
}
.pfx-rating p b {
  margin-left: auto;
  font-size: 7px;
}
.pfx-rating p:nth-of-type(-n + 3) i {
  background: #6ab796;
}
.pfx-rating p:nth-of-type(4) i,
.pfx-rating p:nth-of-type(5) i {
  background: #e2b84d;
}
.pfx-rating p:nth-of-type(n + 6) i {
  background: #d88989;
}
.pfx-rating.attention > div:first-child > strong {
  color: #92400e;
}
.pfx-rating.attention p.active {
  color: #92400e;
  background: #fff0bd;
}
.pfx-rating.positive {
  background: #f2faf5;
  border-color: #a8d8bd #a8d8bd #a8d8bd #065f46;
}
.pfx-rating.positive > div:first-child > strong {
  color: #065f46;
}
.pfx-rating.positive p.active {
  color: #065f46;
  background: #eaf7f0;
}
.pfx-approval {
  border: 1px solid var(--pfx-b);
  border-radius: 10px;
  margin-top: 15px;
  padding: 20px;
}
.pfx-approval header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.pfx-approval header > div {
  flex-direction: column;
  gap: 7px;
  display: flex;
}
.pfx-approval header span {
  text-transform: uppercase;
  color: var(--pfx-m);
  font-size: 11px;
}
.pfx-approval header strong {
  color: #92400e;
  font:
    700 31px Space Grotesk,
    sans-serif;
}
.pfx-approval header > b {
  color: #92400e;
  background: #fff5d8;
  border-radius: 20px;
  padding: 6px 10px;
  font-size: 10px;
}
.pfx-heat-track {
  background: linear-gradient(
    90deg,
    #b91c1c,
    #d96939 25%,
    #dfae32 50%,
    #86a34a 75%,
    #065f46
  );
  border-radius: 5px;
  height: 17px;
  margin-top: 35px;
  position: relative;
}
.pfx-heat-track i {
  background: #fff5;
  border: 2px solid #1a1714;
  border-radius: 4px;
  position: absolute;
  top: -5px;
  bottom: -5px;
  box-shadow: 0 0 0 3px #fff;
}
.pfx-heat-ticks {
  color: var(--pfx-m);
  justify-content: space-between;
  margin-top: 9px;
  font-size: 10px;
  display: flex;
}
.pfx-approval small {
  color: var(--pfx-m);
  margin-top: 12px;
  font-size: 10px;
  display: block;
}
.pfx-summary {
  border-left: 4px solid var(--pfx-o);
  background: #f4f8ff;
  margin-top: 16px;
  padding: 13px 15px;
}
.pfx-summary b {
  text-transform: uppercase;
  font:
    700 11px Space Grotesk,
    sans-serif;
}
.pfx-summary p {
  margin: 5px 0 0;
  font-size: 11px;
  line-height: 1.55;
}
.pfx-bureau-score {
  border: 1px solid var(--pfx-b);
  border-radius: 12px;
  grid-template-columns: minmax(180px, 1fr) minmax(0, 1.2fr);
  align-items: center;
  gap: 24px;
  padding: 20px;
  display: grid;
}
.pfx-bureau-gauge {
  background: #faf9f7;
  border-radius: 9px;
  padding: 10px;
}
.pfx-bureau-gauge svg {
  width: 100%;
  max-width: 300px;
  margin: auto;
  display: block;
}
.pfx-gauge-value {
  fill: #1a1714;
  font:
    700 56px Space Grotesk,
    sans-serif;
}
.pfx-gauge-caption,
.pfx-gauge-end {
  fill: #777168;
  font:
    10px Inter,
    sans-serif;
}
.pfx-bureau-score h2 {
  margin: 7px 0;
  font:
    700 20px/1.25 Space Grotesk,
    sans-serif;
}
.pfx-bureau-score p {
  color: var(--pfx-m);
  font-size: 11px;
  line-height: 1.55;
}
.pfx-bureau-score b {
  color: #92400e;
  font-size: 10px;
}
.pfx-score-scale {
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 15px;
  display: grid;
}
.pfx-score-scale span {
  border-top: 3px solid var(--pfx-r);
  padding-top: 7px;
  font-size: 9px;
}
.pfx-score-scale span:nth-child(2) {
  border-color: #b98016;
}
.pfx-score-scale span:nth-child(3) {
  border-color: #065f46;
}
.pfx-score-scale small {
  color: var(--pfx-m);
  font-size: 9px;
  display: block;
}
.pfx-note {
  color: var(--pfx-m);
  background: #f7f5f1;
  padding: 10px 12px;
  font-size: 9px;
  line-height: 1.45;
}
.pfx-occurrence {
  border: 1px solid var(--pfx-b);
  grid-template-columns: 1fr 1fr;
  display: grid;
}
.pfx-occurrence .pfx-kpi {
  min-height: 78px;
}
.pfx-occurrence .pfx-kpi:not(.risk) {
  background: #f6fbf8;
  border-left: 4px solid #08745b;
}
.pfx-occurrence .pfx-kpi:not(.risk) strong {
  color: #08745b;
}
.pfx-table {
  border: 1px solid var(--pfx-b);
  margin-top: 14px;
  padding: 12px;
}
.pfx-table header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.pfx-table header h2 {
  margin: 0 0 10px;
}
.pfx-table header span {
  color: var(--pfx-m);
  font-size: 8px;
}
.pfx-table table {
  border-collapse: collapse;
  width: 100%;
  font-size: 9px;
}
.pfx-table th,
.pfx-table td {
  border-bottom: 1px solid var(--pfx-b);
  text-align: left;
  padding: 7px;
}
.pfx-table th {
  color: var(--pfx-m);
  background: #f7f5f1;
}
.pfx-table td:last-child {
  text-align: right;
  font-weight: 700;
}
.pfx-table > p {
  font-size: 10px;
}
.pfx-meta {
  color: var(--pfx-m);
  align-items: center;
  gap: 8px;
  font-size: 9px;
  display: flex;
}
.pfx-meta i {
  background: #c8c3bb;
  border-radius: 50%;
  width: 3px;
  height: 3px;
}
.pfx-scr {
  grid-template-columns: repeat(3, 1fr);
}
.pfx-upload-box {
  background: #f4f8ff;
  border: 1px solid #93c5fd;
  margin-bottom: 16px;
  padding: 16px;
}
.pfx-upload-intro {
  gap: 12px;
  display: flex;
}
.pfx-upload-intro > span {
  background: var(--pfx-o);
  color: #fff;
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 38px;
  height: 38px;
  font-size: 20px;
  display: grid;
}
.pfx-upload-intro h2 {
  margin: 0;
  font:
    700 14px Space Grotesk,
    sans-serif;
}
.pfx-upload-intro p {
  color: var(--pfx-m);
  margin: 4px 0;
  font-size: 9px;
}
.pfx-upload-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 13px;
  display: grid;
}
.pfx-upload-grid label {
  background: #fff;
  border: 1px dashed #c9c3bb;
  flex-direction: column;
  padding: 12px;
  display: flex;
}
.pfx-upload-grid b {
  font:
    700 13px Space Grotesk,
    sans-serif;
}
.pfx-upload-grid small {
  color: var(--pfx-m);
  margin: 4px 0 10px;
  font-size: 8px;
}
.pfx-upload-grid em {
  color: var(--pfx-o);
  font-size: 8px;
  font-style: normal;
  font-weight: 700;
}
.pfx-conclusion {
  border-left: 4px solid var(--pfx-o);
  background: #f4f8ff;
  margin-top: 16px;
  padding: 14px;
}
.pfx-conclusion h2 {
  margin: 0;
  font: 700 13px Space Grotesk;
}
.pfx-pillar-summary {
  counter-reset: pillar;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}
.pfx-pillar-summary li {
  counter-increment: pillar;
  border-bottom: 1px solid var(--pfx-b);
  padding: 9px 0 9px 34px;
  position: relative;
}
.pfx-pillar-summary li:before {
  content: counter(pillar);
  color: #1d4ed8;
  background: #dbeafe;
  border-radius: 50%;
  place-items: center;
  width: 23px;
  height: 23px;
  font:
    700 11px Inter,
    sans-serif;
  display: grid;
  position: absolute;
  top: 9px;
  left: 0;
}
.pfx-pillar-summary b,
.pfx-pillar-summary span {
  font-size: 11px;
  line-height: 1.4;
  display: block;
}
.pfx-pillar-summary span {
  color: var(--pfx-m);
  margin-top: 2px;
}
.pfx-strategy {
  border: 1px solid var(--pfx-b);
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}
.pfx-strategy > div {
  border-right: 1px solid var(--pfx-b);
  border-top: 4px solid #08745b;
  padding: 12px;
}
.pfx-strategy > div:nth-child(2) {
  border-top-color: var(--pfx-r);
}
.pfx-strategy > div:nth-child(3) {
  border-top-color: var(--pfx-o);
}
.pfx-strategy h2 {
  font: 700 12px Space Grotesk;
}
.pfx-strategy p {
  border-bottom: 1px solid var(--pfx-b);
  padding-bottom: 7px;
  font-size: 9px;
}
.pfx-plan {
  color: #fff;
  background: #141414;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-top: 18px;
  padding: 20px;
  display: flex;
}
.pfx-plan span {
  color: #93c5fd;
  letter-spacing: 0.12em;
  font-size: 8px;
  font-weight: 700;
}
.pfx-plan h2 {
  margin: 0;
  font:
    700 14px Space Grotesk,
    sans-serif;
}
.pfx-plan p {
  color: #bdbdbd;
  margin: 5px 0 0;
  font-size: 9px;
}
.pfx-plan .pfx-plan-link {
  background: var(--pfx-o);
  color: #fff;
  white-space: nowrap;
  letter-spacing: 0;
  padding: 12px 15px;
  font-size: 10px;
  font-weight: 700;
}
.pfx-footer {
  border-top: 1px solid var(--pfx-b);
  color: var(--pfx-m);
  padding-top: 8px;
  font-size: 7px;
  position: absolute;
  bottom: 18px;
  left: 28px;
  right: 28px;
}
.pfx-lgpd {
  border-left: 3px solid var(--pfx-i);
  background: #f7f5f1;
  margin-bottom: 8px;
  padding: 9px 11px;
}
.pfx-lgpd b {
  color: var(--pfx-i);
}
.pfx-lgpd p {
  margin: 3px 0 0;
  line-height: 1.35;
}
.pfx-error {
  text-align: center;
  align-content: center;
  place-items: center;
  display: grid;
}
.pfx-error svg {
  width: 32px;
  color: var(--pfx-o);
}
.pfx-shell {
  --pfx-m: #374151;
  --pfx-b: #d6dee9;
}
.pfx-shell * {
  font-family: var(--pfx-font) !important;
}
.pfx-shell .pfx-head-brand > span,
.pfx-shell .pfx-head small,
.pfx-shell .pj-fixed-actions-title > span {
  color: #111827;
  font-weight: 800;
}
.pfx-shell .pj-fixed-actions-buttons button {
  color: #0b1f3a;
  border-color: #8ea2bc;
  font-weight: 800;
}
.pfx-shell .pj-fixed-actions-buttons button:hover {
  color: #1d4ed8;
}
.pfx-shell .pfx-table {
  max-width: 100%;
  overflow: hidden;
}
.pfx-shell .pfx-table table {
  table-layout: fixed;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
.pfx-shell .pfx-table th,
.pfx-shell .pfx-table td {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  vertical-align: top;
  min-width: 0;
}
.pfx-shell .pfx-occurrences-table th:first-child {
  width: 22%;
}
.pfx-shell .pfx-occurrences-table th:nth-child(2) {
  width: 39%;
}
.pfx-shell .pfx-occurrences-table th:nth-child(3) {
  width: 18%;
}
.pfx-shell .pfx-occurrences-table th:nth-child(4) {
  width: 21%;
}
.pfx-shell .pfx-credit-table th:first-child {
  width: 52%;
}
.pfx-shell .pfx-credit-table th:nth-child(2) {
  width: 25%;
}
.pfx-shell .pfx-credit-table th:nth-child(3) {
  width: 23%;
}
.pfx-shell .pfx-business-data dl {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 18px;
  display: grid;
}
.pfx-shell .pfx-business-data dl > div {
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 10px;
}
.pfx-shell .pfx-business-profile dl > div {
  grid-template-columns: 210px minmax(0, 1fr);
}
.pfx-shell .pfx-business-partners th:first-child,
.pfx-shell .pfx-business-partners th:nth-child(2) {
  width: 34%;
}
.pfx-shell .pfx-business-partners th:nth-child(3) {
  width: 32%;
}
.pfx-shell .pfx-rating-points {
  color: #374151;
  margin-top: 8px;
  font-size: 8px;
  font-weight: 700;
  display: block;
}
.pfx-shell .pfx-table th {
  color: #1f2937;
  font-weight: 800;
}
.pfx-shell .pfx-table td {
  color: #111827;
  font-weight: 600;
}
.pfx-shell .pfx-table td:last-child {
  font-weight: 800;
}
.pfx-shell .pfx-table th:last-child {
  text-align: right;
}
.pfx-shell .pfx-credit-table,
.pfx-shell .pfx-credit-table header h2,
.pfx-shell .pfx-credit-table header span,
.pfx-shell .pfx-credit-table th,
.pfx-shell .pfx-credit-table td {
  color: #000;
}
.pfx-shell .pfx-credit-table header h2,
.pfx-shell .pfx-credit-table th,
.pfx-shell .pfx-credit-table td {
  font-weight: 800;
}
.pfx-shell .pfx-credit-table tbody td:first-child {
  font-weight: 700;
}
.pfx-shell :where(h1, h2, h3, h4) {
  letter-spacing: -0.022em;
}
.pfx-shell :where(strong, b, th) {
  font-weight: 700;
}
.pfx-shell
  :where(
    .pfx-data dd,
    .pfx-kpi strong,
    .pfx-financial strong,
    .pfx-payment-grade > strong,
    .pfx-risk-metric > strong,
    .pfx-approval header strong,
    .pfx-rating > div:first-child > strong
  ) {
  font-variant-numeric: tabular-nums;
}
.pj-fixed-actions {
  z-index: 80;
  background: #fff;
  border-bottom: 1px solid #dde4ee;
  height: 62px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 3px 18px #0f2f5f1a;
}
.pj-fixed-actions-inner {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  max-width: 1024px;
  height: 100%;
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
}
.pj-fixed-actions-title {
  min-width: 0;
  color: var(--pfx-i);
  align-items: center;
  gap: 13px;
  display: flex;
}
.pj-fixed-actions-logo {
  object-fit: contain;
  width: 154px;
  height: auto;
  display: block;
}
.pj-fixed-actions-title > span {
  border-left: 1px solid var(--pfx-b);
  color: #41516a;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  white-space: nowrap;
  padding-left: 12px;
  font-size: 9px;
  font-weight: 700;
}
.pj-fixed-actions-buttons {
  align-items: center;
  gap: 8px;
  display: flex;
}
.pj-fixed-actions-buttons button {
  color: #17365d;
  cursor: pointer;
  background: #fff;
  border: 1px solid #b8c7db;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  padding: 0 12px;
  font-size: 10px;
  font-weight: 700;
  display: flex;
}
.pj-fixed-actions-buttons button:hover {
  border-color: var(--pfx-o);
  color: var(--pfx-o);
  background: #f4f8ff;
}
.pj-fixed-actions-buttons svg {
  width: 15px;
}
@media (max-width: 700px) {
  .pfx-shell {
    padding: 60px 0 0;
  }
  .pfx-page {
    border-width: 0 0 8px;
    min-height: 0;
    margin: 0;
    padding: 16px 14px 48px;
  }
  .pfx-head {
    min-height: 42px;
  }
  .pfx-head small {
    display: none;
  }
  .pfx-brand-logo {
    width: 126px;
  }
  .pfx-head-brand {
    gap: 8px;
  }
  .pfx-head-brand > span {
    letter-spacing: 0.06em;
    padding-left: 8px;
    font-size: 8px;
  }
  .pfx-title h1 {
    font-size: 19px;
  }
  .pfx-data dl div {
    grid-template-columns: 118px 1fr;
  }
  .pfx-shell .pfx-business-data dl {
    grid-template-columns: 1fr;
  }
  .pfx-shell .pfx-business-data dl > div,
  .pfx-shell .pfx-business-profile dl > div {
    grid-template-columns: 118px minmax(0, 1fr);
  }
  .pfx-pillar-number {
    flex-basis: 28px;
    width: 28px;
    height: 28px;
  }
  .pfx-pillar h2 {
    font-size: 18px;
  }
  .pfx-pillar p {
    font-size: 11px;
  }
  .pfx-financial {
    grid-template-columns: 1fr;
    gap: 7px;
  }
  .pfx-financial article {
    gap: 4px;
    padding: 11px;
  }
  .pfx-financial strong {
    font-size: 20px;
  }
  .pfx-kpi {
    min-height: 96px;
    padding: 12px;
  }
  .pfx-kpi strong {
    font-size: 18px;
  }
  .pfx-payment-grade,
  .pfx-risk-metric {
    gap: 12px;
    padding: 13px;
  }
  .pfx-payment-grade > strong,
  .pfx-risk-metric > strong {
    font-size: 32px;
  }
  .pfx-rating {
    grid-template-columns: 0.85fr 1.15fr;
    padding: 12px;
  }
  .pfx-rating > div:first-child > strong {
    font-size: 48px;
  }
  .pfx-bureau-score {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 13px;
  }
  .pfx-bureau-gauge svg {
    max-width: 230px;
  }
  .pfx-approval {
    padding: 14px;
  }
  .pfx-approval header strong {
    font-size: 25px;
  }
  .pfx-scr {
    grid-template-columns: 1fr 1fr;
  }
  .pfx-table {
    width: 100%;
    max-width: 100%;
    padding: 10px 7px;
    overflow: visible;
  }
  .pfx-table table {
    table-layout: fixed;
    width: 100%;
    min-width: 0;
    font-size: 7.5px;
  }
  .pfx-table th,
  .pfx-table td {
    white-space: normal;
    overflow-wrap: anywhere;
    vertical-align: top;
    padding: 7px 4px;
    line-height: 1.3;
  }
  .pfx-strategy {
    grid-template-columns: 1fr;
  }
  .pfx-footer {
    margin-top: 28px;
    position: static;
  }
  .pfx-upload-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
  }
  .pfx-upload-grid label {
    text-align: center;
    align-items: center;
    min-width: 0;
    padding: 8px 6px;
  }
  .pfx-plan {
    flex-direction: column;
    align-items: flex-start;
  }
  .pfx-plan .pfx-plan-link {
    text-align: center;
    width: 100%;
  }
  .pj-fixed-actions {
    height: 60px;
  }
  .pj-fixed-actions-inner {
    gap: 7px;
    padding: 0 10px;
  }
  .pj-fixed-actions-logo {
    width: 122px;
  }
  .pj-fixed-actions-title {
    gap: 7px;
  }
  .pj-fixed-actions-title > span {
    letter-spacing: 0.035em;
    white-space: normal;
    max-width: 78px;
    padding-left: 7px;
    font-size: 8px;
    line-height: 1.15;
  }
  .pj-fixed-actions-buttons {
    gap: 5px;
    margin-left: auto;
  }
  .pj-fixed-actions-buttons button {
    width: 34px;
    height: 34px;
    padding: 0;
  }
  .pj-fixed-actions-buttons button span {
    display: none;
  }
}
@page {
  size: A4 portrait;
  margin: 0;
}
@media print {
  html,
  body {
    background: #fff !important;
    orphans: 3;
    widows: 3;
  }
  .pfx-shell {
    background: #fff;
    padding: 0;
  }
  .pfx-page {
    break-after: page;
    page-break-after: always;
    border: 0;
    width: 210mm;
    height: auto;
    min-height: 296mm;
    margin: 0;
    padding: 13mm 16mm 14mm;
    overflow: visible;
  }
  .pfx-page + .pfx-page {
    break-before: auto;
    page-break-before: auto;
  }
  .pfx-page:last-child {
    break-after: auto;
    page-break-after: auto;
  }
  .pj-fixed-actions,
  .no-print {
    display: none !important;
  }
  .pfx-head {
    display: flex !important;
  }
  .pfx-brand-logo {
    width: 38mm;
  }
  .pfx-footer {
    bottom: 7mm;
    left: 16mm;
    right: 16mm;
  }
  .pfx-final-footer {
    border: 0;
    margin-top: 18px;
    padding: 0;
    display: block !important;
    position: static !important;
  }
  .pfx-final-footer > span {
    display: none !important;
  }
  .pfx-pillar,
  .pfx-title,
  .pfx-data,
  .pfx-financial,
  .pfx-payment-grade,
  .pfx-risk-metric,
  .pfx-approval,
  .pfx-bureau-score,
  .pfx-pillar-summary,
  .pfx-pillar-summary li,
  .pfx-final-footer,
  figure,
  img,
  svg,
  tr {
    break-inside: avoid-page;
    page-break-inside: avoid;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .pfx-table,
  table {
    break-inside: auto;
    page-break-inside: auto;
  }
  thead {
    display: table-header-group;
  }
  tfoot {
    display: table-footer-group;
  }
}
.sim-page {
  background:
    radial-gradient(circle at 82% -10%, #d4af7c1a, transparent 28%),
    var(--background);
  min-height: 100vh;
  padding: 28px clamp(18px, 4vw, 64px) 48px;
}
.sim-header {
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 24px;
  max-width: 1480px;
  margin: 0 auto 24px;
  display: grid;
}
.sim-header-title {
  text-align: center;
}
.sim-header h1,
.sim-section-title h2,
.sim-panel-head h2 {
  letter-spacing: -0.035em;
  margin: 4px 0 0;
}
.sim-header h1 {
  font-size: clamp(1.8rem, 3vw, 2.8rem);
}
.sim-actions {
  justify-content: flex-end;
  gap: 10px;
  display: flex;
}
.sim-button {
  border: 1px solid var(--primary);
  background: var(--primary);
  color: var(--brand-ink);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 16px;
  font-weight: 800;
  display: inline-flex;
}
.sim-button svg {
  width: 17px;
}
.sim-button.secondary {
  background: var(--card);
  color: var(--foreground);
  border-color: var(--border);
}
.sim-summary,
.distribution-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  max-width: 1480px;
  margin: 0 auto;
  display: grid;
}
.sim-summary article,
.distribution-grid article {
  border: 1px solid var(--border);
  background: var(--card);
}
@supports (color: color-mix(in lab, red, red)) {
  .sim-summary article,
  .distribution-grid article {
    background: color-mix(in srgb, var(--card) 92%, transparent);
  }
}
.sim-summary article,
.distribution-grid article {
  border-radius: 14px;
  min-width: 0;
  padding: 20px;
}
.sim-summary span,
.distribution-grid span {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.78rem;
  font-weight: 800;
  display: block;
}
.sim-summary strong,
.distribution-grid strong {
  letter-spacing: -0.04em;
  margin: 10px 0 7px;
  font-size: clamp(1.35rem, 2.4vw, 2rem);
  display: block;
}
.sim-summary small,
.distribution-grid small {
  color: var(--muted);
}
.sim-summary .positive {
  box-shadow: inset 0 3px 0 var(--primary);
  border-color: #d4af7c6b;
}
.sim-summary .negative {
  box-shadow: inset 0 3px 0 var(--destructive);
  border-color: #ff6b5f80;
}
.sim-panel,
.sim-workspace {
  border: 1px solid var(--border);
  background: var(--card);
  max-width: 1480px;
  margin: 16px auto 0;
}
@supports (color: color-mix(in lab, red, red)) {
  .sim-panel,
  .sim-workspace {
    background: color-mix(in srgb, var(--card) 95%, transparent);
  }
}
.sim-panel,
.sim-workspace {
  border-radius: 16px;
  overflow: hidden;
}
.sim-panel-head {
  color: inherit;
  text-align: left;
  background: 0 0;
  border: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px 24px;
  display: flex;
}
.sim-panel-head svg {
  color: var(--accent-ink);
}
.sim-assumption-grid {
  grid-template-columns: 1.25fr 0.75fr;
  gap: 20px;
  padding: 0 24px 24px;
  display: grid;
}
.sim-table-wrap {
  width: 100%;
  overflow-x: auto;
}
.sim-table-wrap h3,
.input-group-card h3 {
  margin: 0 0 12px;
  font-size: 0.95rem;
}
.sim-table-wrap table {
  border-collapse: collapse;
  width: 100%;
  min-width: 660px;
}
.sim-table-wrap th {
  color: var(--muted);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-align: left;
  font-size: 0.7rem;
}
.sim-table-wrap th,
.sim-table-wrap td {
  border-bottom: 1px solid var(--border);
  white-space: nowrap;
  padding: 10px 8px;
}
.sim-table-wrap td {
  font-size: 0.86rem;
}
.sim-input {
  border: 1px solid var(--border);
  background: var(--background);
  border-radius: 9px;
  align-items: center;
  width: 112px;
  height: 38px;
  display: inline-flex;
  overflow: hidden;
}
.sim-input > span {
  color: var(--muted);
  padding-left: 9px;
  font-size: 0.76rem;
}
.sim-input input {
  width: 100%;
  min-width: 0;
  height: 100%;
  color: var(--foreground);
  background: 0 0;
  border: 0;
  outline: 0;
  padding: 0 8px;
  font-weight: 700;
}
.sim-input:focus-within {
  border-color: var(--primary);
  box-shadow: 0 0 0 2px #d4af7c1f;
}
.money-positive {
  color: var(--accent-ink) !important;
}
.money-negative {
  color: var(--destructive) !important;
}
.sim-workspace {
  padding: 24px;
}
.matrix-workspace {
  overflow: visible;
}
.matrix-tools {
  align-items: flex-end;
  gap: 10px;
  display: flex;
}
.matrix-tools > label {
  color: var(--muted);
  font-size: 0.75rem;
  font-weight: 800;
}
.matrix-tools > label .sim-input {
  margin-top: 6px;
  display: flex;
}
.matrix-hint {
  color: var(--muted);
  margin: -8px 0 18px;
  font-size: 0.84rem;
  line-height: 1.5;
}
.projection-matrix-wrap {
  border: 1px solid var(--border);
  border-radius: 12px;
  width: 100%;
  overflow-x: auto;
}
.projection-matrix {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  min-width: 940px;
}
.projection-matrix th,
.projection-matrix td {
  border-right: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  text-align: left;
  background: var(--card);
  min-width: 130px;
  padding: 9px;
}
.projection-matrix thead th {
  z-index: 3;
  background: var(--secondary);
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.72rem;
  position: sticky;
  top: 0;
}
.projection-matrix .matrix-label {
  z-index: 5;
  min-width: 235px;
  color: var(--foreground);
  position: sticky;
  left: 0;
}
.projection-matrix .matrix-actions {
  z-index: 5;
  min-width: 205px;
  position: sticky;
  left: 235px;
}
.projection-matrix tbody th {
  z-index: 2;
  min-width: 235px;
  color: var(--foreground);
  font-size: 0.82rem;
  position: sticky;
  left: 0;
}
.projection-matrix tbody td:nth-child(2) {
  z-index: 2;
  background: var(--card);
  min-width: 205px;
  position: sticky;
  left: 235px;
}
.projection-matrix thead input {
  border: 0;
  border-bottom: 1px dashed var(--border);
  width: 100%;
  color: var(--foreground);
  background: 0 0;
  outline: 0;
  font-weight: 900;
}
.projection-matrix .sim-input {
  width: 100%;
  min-width: 110px;
}
.projection-matrix .matrix-section th {
  color: var(--accent-ink);
  background: var(--primary);
  padding: 11px 12px;
  position: static;
}
@supports (color: color-mix(in lab, red, red)) {
  .projection-matrix .matrix-section th {
    background: color-mix(in srgb, var(--primary) 8%, var(--background));
  }
}
.projection-matrix .matrix-section th {
  letter-spacing: 0.11em;
  text-transform: uppercase;
  font-size: 0.72rem;
}
.projection-matrix .matrix-section.results th {
  color: var(--foreground);
  background: var(--secondary);
}
.projection-matrix .matrix-subrow th {
  color: var(--muted);
  padding-left: 24px;
  font-weight: 600;
}
.row-actions {
  gap: 5px;
  display: flex;
}
.row-actions button {
  border: 1px solid var(--border);
  background: var(--background);
  min-height: 31px;
  color: var(--muted);
  border-radius: 7px;
  align-items: center;
  gap: 5px;
  padding: 0 8px;
  font-size: 0.68rem;
  font-weight: 800;
  display: inline-flex;
}
.row-actions button:hover {
  border-color: var(--primary);
  color: var(--foreground);
}
.row-actions svg {
  width: 13px;
  height: 13px;
}
.coverage-row th,
.coverage-row td {
  background: var(--background) !important;
}
.coverage-row td {
  white-space: normal;
  font-size: 0.72rem;
  font-weight: 800;
}
.coverage-ok {
  color: var(--accent-ink);
}
.coverage-error {
  color: var(--destructive);
}
.matrix-output th,
.matrix-output td {
  font-weight: 900;
}
.matrix-output td {
  white-space: nowrap;
}
.sim-section-title {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
  display: flex;
}
.month-list {
  gap: 10px;
  display: grid;
}
.month-card {
  border: 1px solid var(--border);
  background: var(--background);
  border-radius: 13px;
  overflow: hidden;
}
.month-card.expanded {
  border-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .month-card.expanded {
    border-color: color-mix(in srgb, var(--primary) 35%, var(--border));
  }
}
.month-head {
  width: 100%;
  min-height: 82px;
  color: inherit;
  text-align: left;
  background: 0 0;
  border: 0;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 16px 18px;
  display: flex;
}
.month-head input {
  border: 0;
  border-bottom: 1px dashed var(--border);
  width: 180px;
  color: var(--foreground);
  background: 0 0;
  outline: none;
  font-size: 1.05rem;
  font-weight: 800;
  display: block;
}
.month-head span {
  color: var(--muted);
  font-size: 0.78rem;
}
.month-kpis {
  align-items: center;
  gap: clamp(18px, 4vw, 58px);
  display: flex;
}
.month-kpis span {
  gap: 5px;
  display: grid;
}
.month-kpis strong {
  color: var(--foreground);
  font-size: 1rem;
}
.month-kpis svg {
  width: 19px;
  color: var(--accent-ink);
}
.month-body {
  border-top: 1px solid var(--border);
  grid-template-columns: 0.65fr 1.35fr;
  gap: 14px;
  padding: 18px;
  display: grid;
}
.input-group-card {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 12px;
  padding: 16px;
}
.input-group-card.full,
.month-result.full {
  grid-column: 1/-1;
}
.triple-grid,
.cost-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  display: grid;
}
.cost-grid {
  grid-template-columns: repeat(6, 1fr);
}
.triple-grid > label > span,
.cost-grid > label > span {
  color: var(--muted);
  margin-bottom: 6px;
  font-size: 0.75rem;
  font-weight: 700;
  display: block;
}
.triple-grid .sim-input,
.cost-grid .sim-input {
  width: 100%;
}
.month-result {
  background: var(--border);
  border: 1px solid var(--border);
  border-radius: 12px;
  grid-template-columns: repeat(6, 1fr);
  gap: 1px;
  display: grid;
  overflow: hidden;
}
.month-result > div {
  background: var(--card);
  padding: 16px;
}
.month-result span {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 7px;
  font-size: 0.72rem;
  display: block;
}
.month-result strong {
  font-size: 0.93rem;
}
.month-result .result-total {
  background: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .month-result .result-total {
    background: color-mix(in srgb, var(--primary) 8%, var(--card));
  }
}
.delete-month {
  color: var(--destructive);
  background: 0 0;
  border: 0;
  grid-column: 1/-1;
  justify-self: end;
  align-items: center;
  gap: 7px;
  font-size: 0.8rem;
  display: inline-flex;
}
.delete-month svg {
  width: 15px;
}
.distribution {
  padding: 24px;
}
.distribution > .sim-section-title > svg {
  color: var(--accent-ink);
  width: 32px;
  height: 32px;
}
.distribution-grid {
  grid-template-columns: repeat(5, 1fr);
}
.distribution-grid article {
  padding: 18px;
}
.distribution-grid article.company {
  border-color: #d4af7c66;
}
.distribution-grid strong {
  font-size: clamp(1.1rem, 2vw, 1.65rem);
}
.result-table {
  margin-top: 22px;
}
.result-table table {
  min-width: 900px;
}
.result-table tfoot td {
  border: 0;
  padding-top: 14px;
  font-weight: 900;
}
.loss-warning {
  border-left: 3px solid var(--destructive);
  color: var(--foreground);
  background: #ff6b5f14;
  margin: 16px 0 0;
  padding: 12px 14px;
  font-size: 0.85rem;
}
.sim-footer {
  max-width: 1480px;
  color: var(--muted);
  justify-content: space-between;
  gap: 30px;
  margin: 18px auto 0;
  font-size: 0.76rem;
  display: flex;
}
.sim-footer p {
  max-width: 720px;
  margin: 0;
  line-height: 1.5;
}
@media (max-width: 1050px) {
  .sim-header {
    grid-template-columns: 1fr auto;
  }
  .sim-header-title {
    text-align: left;
    grid-area: 2/1/auto/-1;
  }
  .sim-summary {
    grid-template-columns: repeat(2, 1fr);
  }
  .sim-assumption-grid,
  .month-body {
    grid-template-columns: 1fr;
  }
  .input-group-card.full,
  .month-result.full {
    grid-column: 1;
  }
  .cost-grid,
  .month-result,
  .distribution-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 680px) {
  .sim-page {
    padding: 18px 12px 34px;
  }
  .sim-header {
    gap: 14px;
  }
  .sim-header .brand {
    font-size: 1rem;
  }
  .sim-actions .sim-button {
    padding: 0 11px;
    font-size: 0.78rem;
  }
  .sim-summary {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .sim-summary article {
    padding: 15px;
  }
  .sim-summary strong {
    font-size: 1.2rem;
  }
  .sim-panel-head,
  .sim-workspace,
  .distribution,
  .sim-panel-head {
    padding: 16px;
  }
  .sim-assumption-grid {
    padding: 0 16px 16px;
  }
  .sim-section-title {
    align-items: flex-end;
  }
  .matrix-workspace .sim-section-title {
    flex-direction: column;
    align-items: flex-start;
  }
  .matrix-tools {
    justify-content: space-between;
    width: 100%;
  }
  .matrix-tools .sim-button {
    width: auto;
    padding: 0 10px;
    font-size: 0.72rem;
  }
  .projection-matrix .matrix-label,
  .projection-matrix tbody th {
    min-width: 190px;
  }
  .projection-matrix .matrix-actions,
  .projection-matrix tbody td:nth-child(2) {
    min-width: 80px;
    left: 190px;
  }
  .projection-matrix tbody td:nth-child(2),
  .projection-matrix .matrix-actions {
    position: static;
  }
  .row-actions {
    display: grid;
  }
  .row-actions button {
    justify-content: center;
    width: 32px;
    font-size: 0;
  }
  .sim-section-title .sim-button {
    width: 42px;
    padding: 0;
    font-size: 0;
  }
  .month-head {
    align-items: flex-start;
  }
  .month-kpis span:first-child {
    display: none;
  }
  .month-kpis {
    gap: 12px;
  }
  .month-body {
    padding: 12px;
  }
  .triple-grid,
  .cost-grid,
  .month-result {
    grid-template-columns: repeat(2, 1fr);
  }
  .distribution-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
  .distribution-grid article:last-child {
    grid-column: 1/-1;
  }
  .sim-footer {
    display: grid;
  }
}
button,
input,
select,
textarea {
  font: inherit;
}
button,
a {
  color: inherit;
}
button {
  cursor: pointer;
}
a {
  text-decoration: none;
}
.eyebrow {
  color: #aaa7a3;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 0.72rem;
  font-weight: 700;
  display: block;
}
.brand {
  letter-spacing: 0.025em;
  align-items: center;
  gap: 13px;
  font-family:
    Arial Nova,
    Helvetica Neue,
    Arial,
    sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  display: flex;
}
.brand-mark-wrap {
  width: 35px;
  height: 35px;
  color: var(--accent-ink);
  background: 0 0;
  place-items: center;
  display: grid;
}
.brand-official-asset {
  border-radius: 8px;
  overflow: hidden;
}
.brand-official-asset img {
  width: 100%;
  height: 100%;
  display: block;
}
.brand svg {
  width: 35px;
}
.brand-lg {
  font-size: 1.7rem;
}
.brand-lg .brand-mark-wrap {
  width: 48px;
  height: 48px;
}
.brand-lg svg {
  width: 48px;
}
.login-page {
  isolation: isolate;
  background: radial-gradient(circle at 46% 48%, #a581521a, #0000 30%), #050505;
  grid-template-columns: minmax(0, 1.22fr) minmax(430px, 0.78fr);
  min-height: 100vh;
  display: grid;
  position: relative;
  overflow: hidden;
}
.login-page:after {
  content: '';
  z-index: 0;
  opacity: 0.12;
  pointer-events: none;
  mix-blend-mode: soft-light;
  background-image: repeating-radial-gradient(
    circle at 36% 52%,
    #ffffff29 0 0.6px,
    #0000 0.8px 3px
  );
  position: absolute;
  inset: 0;
}
.login-panel {
  z-index: 1;
  background:
    linear-gradient(
      90deg,
      #0000000d 0%,
      #0000 54%,
      #0a0a0ac2 91%,
      #050505 100%
    ),
    linear-gradient(#0000 38%, #000000e6);
  flex-direction: column;
  min-height: 100vh;
  padding: clamp(32px, 6vw, 88px);
  display: flex;
  position: relative;
  overflow: hidden;
}
.login-scene {
  z-index: -1;
  transform-origin: 64% 48%;
  will-change: transform, filter;
  background:
    linear-gradient(
      90deg,
      #0000000d 0%,
      #0000 54%,
      #0a0a0ab8 91%,
      #050505 100%
    ),
    linear-gradient(#0000 38%, #000000e0),
    url(/brand/arka-monolith-master-v1.png) 50% 42%/cover no-repeat;
  animation: 12s cubic-bezier(0.45, 0, 0.55, 1) infinite alternate
    arka-scene-drift;
  position: absolute;
  inset: -2.5%;
}
.login-panel:before {
  content: '';
  pointer-events: none;
  background-image:
    linear-gradient(#d4af7c09 1px, #0000 1px),
    linear-gradient(90deg, #d4af7c09 1px, #0000 1px);
  background-size: 68px 68px;
  animation: 14s linear infinite login-grid-drift;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(135deg, #0000 20%, #000 58%, #0000);
  mask-image: linear-gradient(135deg, #0000 20%, #000 58%, #0000);
}
.login-panel:after {
  content: '';
  pointer-events: none;
  background: linear-gradient(105deg, #0000 18%, #d4af7c14 48%, #0000 62%);
  animation: 7s ease-in-out infinite login-scan;
  position: absolute;
  inset: 0;
  transform: translate(-120%);
}
.login-panel > .brand {
  z-index: 2;
  color: #fff;
  text-shadow: 0 2px 24px #000000a6;
  position: relative;
}
.login-copy {
  z-index: 2;
  max-width: 660px;
  margin: auto 0 3%;
  position: relative;
}
.motion-slogan {
  letter-spacing: -0.064em;
  text-wrap: balance;
  text-shadow: 0 8px 35px #000000b8;
  margin: 18px 0 22px;
  font-size: clamp(2.7rem, 4.8vw, 5.5rem);
  line-height: 0.92;
}
.motion-slogan > span {
  animation: 6.4s cubic-bezier(0.22, 1, 0.36, 1) infinite slogan-rise;
}
.motion-slogan .slogan-dash {
  color: var(--accent-ink);
  margin: 0.09em 0;
  animation-delay: 0.12s;
}
.motion-slogan .slogan-line {
  max-width: 9ch;
  animation-delay: 0.24s;
  display: block;
}
.slogan-loop {
  color: #fff9;
  letter-spacing: 0.24em;
  white-space: nowrap;
  gap: 28px;
  width: min(620px, 86%);
  font-size: 0.7rem;
  font-weight: 700;
  display: flex;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, #0000, #000 12% 88%, #0000);
  mask-image: linear-gradient(90deg, #0000, #000 12% 88%, #0000);
}
.slogan-loop span {
  flex: none;
  animation: 12s linear infinite slogan-marquee;
}
.login-form-wrap {
  z-index: 1;
  background:
    radial-gradient(circle at 0 34%, #d4af7c12, #0000 38%),
    linear-gradient(
      90deg,
      #0a0a0a2e 0%,
      #0a0a0aad 23%,
      #0a0a0af0 70%,
      #050505 100%
    );
  border-left: 0;
  place-items: center;
  padding: 32px;
  display: grid;
  position: relative;
  overflow: hidden;
}
.login-form-wrap:before {
  content: '';
  opacity: 0.34;
  pointer-events: none;
  background:
    linear-gradient(135deg, #0000 42%, #d4af7c06),
    repeating-radial-gradient(circle at 12%, #ffffff1a 0 0.5px, #0000 0.7px 3px);
  position: absolute;
  inset: 0;
}
.login-card {
  z-index: 1;
  isolation: isolate;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background:
    linear-gradient(155deg, #0a0a0aeb, #0a0a0ad6) padding-box padding-box,
    linear-gradient(
        135deg,
        #ffe7be9e,
        #d4af7c21 28%,
        #ffffff0d 55%,
        #d4af7c61 100%
      )
      border-box;
  border: 1px solid #0000;
  border-radius: 20px;
  gap: 24px;
  width: min(440px, 100%);
  padding: clamp(26px, 3vw, 38px);
  display: grid;
  position: relative;
  box-shadow:
    inset 0 1px #fff4de1a,
    inset 0 -1px #d4af7c14,
    0 2px #ffffff06,
    0 28px 80px #0000007a,
    0 0 34px #d4af7c12;
}
.login-card:after {
  content: '';
  z-index: -1;
  filter: blur(11px);
  pointer-events: none;
  background:
    radial-gradient(circle at 16% 4%, #ffe2ae21, #0000 34%),
    radial-gradient(circle at 92% 92%, #d4af7c14, #0000 31%);
  border-radius: 32px;
  position: absolute;
  inset: -18px;
}
.login-card h2 {
  letter-spacing: -0.045em;
  margin: 9px 0 6px;
  font-size: 2.1rem;
}
.login-card p {
  color: var(--muted);
  margin: 0;
  line-height: 1.5;
}
.login-card label {
  gap: 9px;
  font-size: 0.88rem;
  font-weight: 600;
  display: grid;
}
.login-card input {
  border: 1px solid var(--border);
  color: #fff;
  background: #0a0a0a;
  border-radius: 12px;
  outline: none;
  width: 100%;
  height: 52px;
  padding: 0 15px;
}
.login-card input:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px #d4af7c1a;
}
.password-field {
  position: relative;
}
.password-field button {
  color: #929292;
  background: 0 0;
  border: 0;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.password-field svg {
  width: 18px;
}
.form-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.check-row {
  color: #aaa7a3;
  align-items: center;
  grid-template-columns: auto 1fr !important;
  gap: 8px !important;
  font-weight: 400 !important;
  display: flex !important;
}
.check-row input {
  width: 16px;
  height: 16px;
}
.text-button {
  color: var(--accent-ink);
  background: 0 0;
  border: 0;
  font-size: 0.85rem;
}
.primary-button {
  border-radius: 12px !important;
  height: 52px !important;
  font-size: 0.95rem !important;
}
.login-submit-button {
  background: var(--primary);
  width: 100%;
  color: var(--primary-foreground);
  cursor: pointer;
  border: 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  transition:
    transform 0.16s,
    filter 0.16s;
  display: inline-flex;
}
.login-submit-button:hover {
  filter: brightness(0.94);
}
.login-submit-button:active {
  transform: translateY(1px);
}
.login-submit-button:focus-visible {
  outline: 3px solid var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .login-submit-button:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--primary) 35%, transparent);
  }
}
.login-submit-button:focus-visible {
  outline-offset: 3px;
}
.login-submit-button:disabled {
  cursor: wait;
  opacity: 0.65;
}
.filter-stack {
  gap: 10px;
  display: grid;
}
.filter-panel {
  border: 1px solid var(--border);
  color: var(--muted-foreground);
  background: #ffffff06;
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  display: flex;
}
.filter-panel button {
  color: var(--accent-ink);
  cursor: pointer;
  background: #d4af7c14;
  border: 1px solid #d4af7c47;
  border-radius: 999px;
  padding: 7px 12px;
}
.filter-panel small {
  margin-left: auto;
}
.header-actions {
  position: relative;
}
.notification-scrim {
  z-index: 79;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: #00000061;
  border: 0;
  position: fixed;
  inset: 0;
}
.notification-popover {
  color: inherit;
  z-index: 80;
  border: 1px solid var(--border);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  background: #0a0a0af7;
  border-radius: 16px;
  width: min(360px, 100vw - 32px);
  max-height: min(68dvh, 520px);
  margin: 0;
  padding: 10px;
  position: fixed;
  top: 82px;
  right: 24px;
  overflow: hidden;
  box-shadow: 0 18px 60px #0000006b;
}
.notification-head {
  justify-content: space-between;
  align-items: center;
  padding: 6px 6px 12px;
  display: flex;
}
.notification-head small {
  color: var(--muted-foreground);
  font-size: 0.72rem;
}
.notification-head > button {
  border: 1px solid var(--border);
  width: 32px;
  height: 32px;
  color: var(--muted-foreground);
  background: #ffffff08;
  border-radius: 9px;
  place-items: center;
  display: grid;
}
.notification-head svg {
  width: 16px;
}
.notification-head-actions button {
  border: 1px solid var(--border);
  min-height: 29px;
  color: var(--muted-foreground);
  cursor: pointer;
  background: 0 0;
  border-radius: 8px;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  font-size: 0.62rem;
  display: flex;
}
.notification-head-actions button:last-child {
  justify-content: center;
  width: 29px;
  padding: 0;
}
.notification-head-actions .notification-clear svg {
  width: 13px;
}
.notification-list {
  gap: 3px;
  max-height: min(43dvh, 340px);
  display: grid;
  overflow: auto;
}
.notification-item {
  width: 100%;
  color: var(--foreground);
  text-align: left;
  cursor: pointer;
  background: 0 0;
  border: 0;
  border-radius: 10px;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 11px;
  padding: 12px 9px;
  display: grid;
}
.notification-item:hover {
  background: #ffffff0d;
}
.notification-item > span:nth-child(2) {
  gap: 3px;
  min-width: 0;
  display: grid;
}
.notification-item strong {
  font-size: 0.79rem;
}
.notification-item small {
  color: var(--muted-foreground);
  font-size: 0.7rem;
  line-height: 1.35;
}
.notification-item .notification-sender {
  color: #929292;
  letter-spacing: 0.025em;
  font-size: 0.61rem;
  font-weight: 650;
}
.notification-item time {
  color: #6d675f;
  white-space: nowrap;
  align-self: start;
  font-size: 0.64rem;
}
.notification-icon {
  width: 34px;
  height: 34px;
  color: var(--accent-ink);
  background: #d4af7c17;
  border-radius: 10px;
  place-items: center;
  display: grid;
}
.notification-withdrawal .notification-icon {
  color: #d4af7c;
  background: #d4af7c1a;
}
.notification-order .notification-icon {
  color: #a58152;
  background: #a581521a;
}
.notification-signup .notification-icon {
  color: #c999ff;
  background: #c48eff1a;
}
.notification-welcome .notification-icon {
  color: var(--accent-ink);
  background: #d4af7c1f;
  box-shadow: inset 0 0 0 1px #d4af7c21;
}
.notification-status {
  color: var(--muted-foreground);
  padding: 11px 8px 4px;
  font-size: 0.7rem;
  display: block;
}
.member-app-install-guide {
  background: linear-gradient(135deg, #d4af7c17, #0a0a0af2);
  border: 1px solid #d4af7c47;
  border-radius: 14px;
  align-items: center;
  gap: 12px;
  margin: 0 0 14px;
  padding: 12px 14px;
  display: flex;
  box-shadow: 0 12px 32px #00000029;
}
.member-app-install-guide > svg {
  width: 23px;
  height: 23px;
  color: var(--accent-ink);
  flex: none;
}
.member-app-install-guide > div:nth-child(2) {
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: grid;
}
.member-app-install-guide strong {
  font-size: 0.8rem;
}
.member-app-install-guide span {
  color: var(--muted-foreground);
  font-size: 0.69rem;
  line-height: 1.4;
}
.member-app-install-guide > div:last-child {
  flex-wrap: wrap;
  gap: 7px;
  display: flex;
}
.member-app-install-guide button {
  background: var(--accent-ink);
  color: #0a0a0a;
  border: 1px solid #d4af7c6b;
  border-radius: 9px;
  min-height: 34px;
  padding: 0 11px;
  font-size: 0.68rem;
  font-weight: 850;
}
.member-app-install-guide button.is-secondary {
  color: var(--muted-foreground);
  background: 0 0;
}
@media (max-width: 700px) {
  .member-app-install-guide {
    align-items: flex-start;
  }
  .member-app-install-guide > div:last-child {
    min-width: 112px;
    display: grid;
  }
  .member-app-install-guide button {
    width: 100%;
  }
}
.mobile-notification-permission {
  border: 1px solid var(--border);
  background: #ffffff06;
  border-radius: 11px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin: 0 3px 8px;
  padding: 10px;
  display: flex;
}
.mobile-notification-permission > span {
  align-items: center;
  gap: 9px;
  min-width: 0;
  display: flex;
}
.mobile-notification-permission > span > svg {
  width: 18px;
  color: var(--accent-ink);
}
.mobile-notification-permission > span > span {
  gap: 2px;
  display: grid;
}
.mobile-notification-permission small {
  color: var(--muted-foreground);
  font-size: 0.63rem;
  line-height: 1.3;
}
.mobile-notification-permission button,
.mobile-notification-permission b {
  min-height: 30px;
  color: var(--accent-ink);
  background: #d4af7c1a;
  border: 1px solid #d4af7c4d;
  border-radius: 8px;
  flex: none;
  align-items: center;
  gap: 4px;
  padding: 0 10px;
  font-size: 0.65rem;
  font-weight: 800;
  display: flex;
}
.mobile-notification-permission b svg {
  width: 14px;
}
.mobile-notification-permission.is-denied > span > svg {
  color: #ff9a91;
}
.mobile-notification-error {
  color: #ffaaa3;
  margin: 0 5px 8px;
  font-size: 0.64rem;
  line-height: 1.35;
}
.dialog-product-list button {
  border: 1px solid var(--border);
  width: 100%;
  color: var(--foreground);
  text-align: left;
  cursor: pointer;
  background: #ffffff06;
  border-radius: 12px;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 14px;
  display: grid;
}
.dialog-product-list button:hover {
  border-color: #d4af7c59;
}
.course-cover {
  width: 100%;
  color: inherit;
  text-align: left;
  cursor: pointer;
  border: 0;
}
.form-error {
  color: #ff938a;
  background: #ff6b5f17;
  border: 1px solid #ff6b5f40;
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 0.84rem;
}
.future-auth {
  color: #8f8a83;
  gap: 9px;
  font-size: 0.76rem;
  line-height: 1.45;
  display: flex;
}
.future-auth svg {
  flex: none;
  width: 16px;
}
.app-frame {
  min-height: 100vh;
}
.sidebar {
  border-right: 1px solid var(--border);
  z-index: 50;
  background: #0d0d0d;
  flex-direction: column;
  width: 244px;
  padding: 25px 17px 18px;
  display: flex;
  position: fixed;
  inset: 0 auto 0 0;
}
.sidebar-top {
  padding: 0 8px 26px;
}
.sidebar nav {
  gap: 3px;
  display: grid;
}
.sidebar nav a {
  color: #8f8a83;
  border-radius: 10px;
  align-items: center;
  gap: 12px;
  height: 44px;
  padding: 0 12px;
  font-size: 0.88rem;
  font-weight: 550;
  transition: all 0.2s;
  display: flex;
}
.sidebar nav a svg {
  width: 18px;
}
.sidebar nav a:hover {
  color: #fff;
  background: #171717;
}
.sidebar nav a.active {
  color: var(--accent-ink);
  background: #d4af7c1a;
}
.sidebar nav .nav-disabled {
  color: #77736d;
  cursor: not-allowed;
  opacity: 0.78;
  border-radius: 7px;
  align-items: center;
  gap: 12px;
  height: 44px;
  padding: 0 12px;
  font-size: 0.88rem;
  font-weight: 550;
  display: flex;
}
.sidebar nav .nav-disabled svg {
  color: #a18460;
  flex: none;
  width: 18px;
}
.sidebar nav .nav-disabled > span {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}
.sidebar nav .nav-disabled small {
  color: #a18460;
  letter-spacing: 0.035em;
  text-transform: uppercase;
  border: 1px solid #d4af7c29;
  border-radius: 6px;
  margin-left: auto;
  padding: 3px 5px;
  font-size: 0.48rem;
  font-weight: 800;
}
.sidebar-user {
  box-shadow: none;
  cursor: default;
  background: 0 0;
  border: 0;
  border-radius: 0;
  align-items: center;
  gap: 9px;
  margin-top: auto;
  padding: 8px 4px;
  display: flex;
}
.avatar,
.header-avatar {
  color: #f2e3c6;
  background: #303030;
  border-radius: 50%;
  place-items: center;
  width: 35px;
  height: 35px;
  font-size: 0.72rem;
  font-weight: 700;
  display: grid;
}
.sidebar-user div {
  gap: 2px;
  min-width: 0;
  display: grid;
}
.sidebar-user strong {
  white-space: nowrap;
  font-size: 0.78rem;
}
.sidebar-user small {
  color: var(--accent-ink);
  font-size: 0.68rem;
}
.logout {
  color: #8f8a83;
  background: 0 0;
  border: 0;
  align-items: center;
  gap: 10px;
  padding: 14px 12px 2px;
  font-size: 0.8rem;
  display: flex;
}
.logout svg {
  width: 16px;
}
.app-main {
  min-height: 100vh;
  margin-left: 244px;
}
.app-header {
  border-bottom: 1px solid var(--border);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  z-index: 30;
  background: #0a0a0ae0;
  justify-content: space-between;
  align-items: center;
  height: 88px;
  padding: 0 clamp(22px, 3.2vw, 48px);
  display: flex;
  position: sticky;
  top: 0;
}
.app-header h1 {
  letter-spacing: -0.035em;
  margin: 4px 0 0;
  font-size: 1.3rem;
}
.header-title.daily-greeting {
  min-width: min(360px, 31vw);
}
.header-title.daily-greeting .eyebrow {
  letter-spacing: 0.04em;
  text-transform: none;
}
.header-title.daily-greeting h1 {
  gap: 1px;
  font-size: 1.05rem;
  line-height: 1.2;
  display: grid;
}
.daily-greeting-salutation,
.daily-greeting-message {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}
.daily-greeting-message {
  color: #a58152;
  letter-spacing: -0.01em;
  font-size: 0.78rem;
  font-weight: 600;
}
.header-actions {
  align-items: center;
  gap: 12px;
  display: flex;
}
.icon-button,
.mobile-menu,
.mobile-close {
  border: 1px solid var(--border);
  background: #151515;
  border-radius: 10px;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
  position: relative;
}
.icon-button svg,
.mobile-menu svg,
.mobile-close svg {
  width: 17px;
}
.icon-button i {
  background: var(--primary);
  border: 2px solid #151515;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 8px;
  right: 8px;
}
.page-content {
  max-width: 1640px;
  margin: auto;
  padding: clamp(20px, 3.2vw, 48px);
}
.hero-banner {
  background:
    linear-gradient(
      90deg,
      #0a0a0afa 0%,
      #0a0a0ae6 28%,
      #0a0a0a61 55%,
      #00000014 100%
    ),
    linear-gradient(#0000 35%, #00000080),
    url(/brand/arka-monolith-master-v1.png) 50%/cover no-repeat;
  border: 1px solid #d4af7c29;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  min-height: 320px;
  padding: clamp(28px, 4vw, 56px);
  display: flex;
  position: relative;
  overflow: hidden;
}
.hero-banner:after {
  content: '';
  opacity: 0.24;
  pointer-events: none;
  background-image:
    linear-gradient(#d4af7c09 1px, #0000 1px),
    linear-gradient(90deg, #d4af7c09 1px, #0000 1px);
  background-size: 52px 52px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(90deg, #0000 30%, #000 100%);
  mask-image: linear-gradient(90deg, #0000 30%, #000 100%);
}
.hero-copy {
  z-index: 3;
  width: min(62%, 760px);
  position: relative;
}
.hero-banner h2 {
  letter-spacing: -0.065em;
  max-width: 720px;
  margin: 18px 0 14px;
  font-size: clamp(1.9rem, 3.5vw, 3.4rem);
  line-height: 1.02;
}
.hero-banner p {
  color: #aaa7a3;
  max-width: 650px;
  margin: 0;
  line-height: 1.6;
}
.signal-orbit {
  border: 1px solid #d4af7c47;
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 190px;
  height: 190px;
  margin-right: 3vw;
  display: grid;
  position: relative;
  box-shadow: 0 0 70px #d4af7c17;
}
.signal-orbit .signal-mark {
  width: 88px;
  height: 88px;
  color: var(--accent-ink);
  filter: drop-shadow(0 0 22px #d4af7c29);
  animation: 3s ease-in-out infinite pulse;
}
.signal-orbit i {
  border: 1px dashed #ffffff1f;
  border-radius: 50%;
  animation: 18s linear infinite spin;
  position: absolute;
  inset: 18px;
}
.signal-orbit i:nth-child(3) {
  inset: -18px;
}
.signal-orbit i:nth-child(4) {
  animation-direction: reverse;
  inset: 48px;
}
.metric-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin: 18px 0;
  display: grid;
}
.metric-card,
.panel {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 16px;
}
.metric-card {
  padding: 21px;
}
.metric-card > div {
  color: #8f8a83;
  justify-content: space-between;
  align-items: center;
  font-size: 0.82rem;
  display: flex;
}
.metric-card svg {
  width: 17px;
  color: var(--accent-ink);
}
.metric-card > strong {
  letter-spacing: -0.045em;
  margin: 15px 0 8px;
  font-size: 1.55rem;
  display: block;
}
.metric-card small {
  color: #6d675f;
  font-size: 0.68rem;
}
.metric-card small b {
  color: var(--accent-ink);
}
.dashboard-grid {
  grid-template-columns: minmax(0, 1.65fr) minmax(280px, 0.7fr);
  gap: 18px;
  margin-bottom: 18px;
  display: grid;
}
.panel {
  min-width: 0;
  padding: 23px;
}
.panel-head {
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  display: flex;
}
.panel-head h3 {
  letter-spacing: -0.025em;
  margin: 6px 0 0;
  font-size: 1.12rem;
}
.panel-head > svg {
  width: 20px;
  color: var(--accent-ink);
}
.segment-control {
  border: 1px solid var(--border);
  background: #0d0d0d;
  border-radius: 9px;
  padding: 3px;
  display: flex;
}
.segment-control button {
  color: #8f8a83;
  background: 0 0;
  border: 0;
  border-radius: 7px;
  padding: 7px 10px;
  font-size: 0.7rem;
}
.segment-control button.active {
  color: #fff;
  background: #2e2e2e;
}
.chart-wrap {
  height: 250px;
  margin-top: 18px;
}
.big-number {
  letter-spacing: -0.07em;
  margin-top: 25px;
  font-size: 3rem;
  display: block;
}
.network-summary > span {
  color: #8f8a83;
  font-size: 0.8rem;
}
.summary-bars {
  gap: 14px;
  margin: 28px 0;
  display: grid;
}
.summary-bars div {
  color: #8f8a83;
  grid-template-columns: 1fr auto;
  gap: 7px;
  font-size: 0.72rem;
  display: grid;
}
.summary-bars i {
  background: var(--primary);
  border-radius: 2px;
  grid-column: 1/-1;
  height: 3px;
}
.network-value {
  background: #0e0e0e;
  border-radius: 11px;
  align-items: center;
  gap: 12px;
  padding: 13px;
  display: flex;
}
.network-value svg {
  width: 19px;
  color: var(--accent-ink);
}
.network-value div {
  gap: 3px;
  display: grid;
}
.network-value span {
  color: #7e603e;
  font-size: 0.68rem;
}
.network-value strong {
  font-size: 0.88rem;
}
.lower-grid {
  grid-template-columns: 1fr 1fr;
}
.ranking-list,
.activity-list {
  margin-top: 17px;
}
.ranking-list > div,
.activity-list > div {
  border-top: 1px solid #fff1;
  align-items: center;
  gap: 11px;
  min-height: 61px;
  display: flex;
}
.rank {
  color: #6d675f;
  width: 18px;
  font-size: 0.75rem;
}
.avatar.mini {
  width: 31px;
  height: 31px;
  font-size: 0.6rem;
}
.ranking-list div div,
.activity-list div div {
  gap: 3px;
  min-width: 0;
  display: grid;
}
.ranking-list strong,
.activity-list strong {
  font-size: 0.79rem;
}
.ranking-list small,
.activity-list span {
  color: #8f8a83;
  font-size: 0.68rem;
}
.ranking-list > div > b {
  margin-left: auto;
  font-size: 0.78rem;
}
.activity-list > div > small {
  color: #8f8a83;
  margin-left: auto;
  font-size: 0.68rem;
}
.activity-dot {
  background: var(--primary);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  box-shadow: 0 0 0 5px #d4af7c14;
}
.dot-1 {
  background: #d4af7c;
}
.dot-2 {
  background: #a18cff;
}
.dot-3 {
  background: #ffb45e;
}
.mobile-menu,
.mobile-close,
.mobile-nav {
  display: none;
}
.theme-toggle {
  color: var(--accent-ink);
}
[data-theme='light'] .sidebar nav a {
  color: #6d5033;
}
[data-theme='light'] .sidebar nav a:hover {
  color: #0a0a0a;
  background: #e8e3dc;
}
[data-theme='light'] .sidebar nav a.active {
  color: #5f452d;
  background: #f2e3c6;
}
[data-theme='light'] .sidebar nav .nav-disabled {
  color: #80786e;
}
[data-theme='light'] .sidebar nav .nav-disabled svg,
[data-theme='light'] .sidebar nav .nav-disabled small {
  color: #8a6339;
}
[data-theme='light'] .brand-mark-wrap,
[data-theme='light'] .signal-orbit .signal-mark {
  color: #0a0a0a;
  --brand-ink: #d4af7c;
}
[data-theme='light'] .signal-orbit .signal-mark {
  filter: drop-shadow(0 0 20px #0a0a0a2e);
}
[data-theme='light'] .icon-button,
[data-theme='light'] .mobile-menu,
[data-theme='light'] .mobile-close,
[data-theme='light'] .segment-control,
[data-theme='light'] .network-value,
[data-theme='light'] .pix-card,
[data-theme='light'] .search-box,
[data-theme='light'] .view-switch,
[data-theme='light'] .pix-field,
[data-theme='light'] .review-state > div,
[data-theme='light'] .mode-toggle button,
[data-theme='light'] .form-grid input,
[data-theme='light'] .field-label input,
[data-theme='light'] .field-label select,
[data-theme='light'] .field-label textarea,
[data-theme='light'] .profile-form input {
  color: #0a0a0a;
  background: #f4f0ea;
}
[data-theme='light'] .notification-popover,
[data-theme='light'] .arka-dialog {
  box-shadow: 0 18px 60px #0a0a0a26;
  color: #0a0a0a !important;
  background: #fff !important;
}
[data-theme='light'] .notification-popover button:hover,
[data-theme='light'] .filter-panel,
[data-theme='light'] .dialog-product-list button {
  background: #0a0a0a0a;
}
[data-theme='light'] .hero-banner p,
[data-theme='light'] .metric-card > div,
[data-theme='light'] .metric-card small,
[data-theme='light'] .feature-card p,
[data-theme='light'] .content-card p,
[data-theme='light'] .product-card p,
[data-theme='light'] .plan-card p {
  color: #7e603e;
}
[data-theme='light'] .segment-control button.active,
[data-theme='light'] .view-switch .active,
[data-theme='light'] .arka-tabs [data-active] {
  color: #0a0a0a !important;
  background: #efe6d9 !important;
}
[data-theme='light'] .arka-tabs > [data-slot='tabs-list'] {
  background: #f2eee8 !important;
}
[data-theme='light'] .search-box input,
[data-theme='light'] .chat-input input {
  color: #0a0a0a;
}
[data-theme='light'] th {
  color: #5f5a54;
  background: #f2eee8;
}
[data-theme='light'] td {
  color: #45413d;
  border-top-color: #0a0a0a14;
}
[data-theme='light'] .message:not(.user) {
  background: #f3f0eb;
}
[data-theme='light'] .mobile-nav {
  background: #faf9f7fa;
}
.sidebar-scrim {
  display: none;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
.arka-splash {
  z-index: 9999;
  background:
    radial-gradient(circle at 50% 48%, #a5815247, #0000 28%),
    radial-gradient(circle at 22% 18%, #d4af7c14, #0000 24%), #050505;
  place-items: center;
  animation: 0.45s 2.25s forwards splash-dismiss;
  display: grid;
  position: fixed;
  inset: 0;
  overflow: hidden;
}
.arka-splash:before,
.arka-splash:after {
  content: '';
  background: conic-gradient(from 40deg, #0000, #d4af7c1c, #0000 24%);
  animation: 7s linear infinite splash-rotate;
  position: absolute;
  inset: -35%;
}
.arka-splash:after {
  background-image:
    linear-gradient(#d4af7c0a 1px, #0000 1px),
    linear-gradient(90deg, #d4af7c0a 1px, #0000 1px);
  background-size: 62px 62px;
  animation: 3.2s ease-in-out infinite alternate splash-grid;
  inset: -10%;
  -webkit-mask-image: radial-gradient(circle, #000, #0000 66%);
  mask-image: radial-gradient(circle, #000, #0000 66%);
}
.splash-energy {
  aspect-ratio: 1;
  width: min(66vw, 720px);
  position: absolute;
}
.splash-energy i {
  inset: calc(var(--ring, 0) * 9%);
  border: 1px solid #d4af7c38;
  border-radius: 50%;
  animation: 2.2s ease-in-out infinite splash-ring;
  position: absolute;
}
.splash-energy i:nth-child(2) {
  --ring: 1;
  animation-delay: -0.7s;
}
.splash-energy i:nth-child(3) {
  --ring: 2;
  animation-delay: -1.4s;
}
.splash-core {
  z-index: 2;
  color: #fff;
  justify-items: center;
  display: grid;
  position: relative;
}
.splash-mark {
  width: 92px;
  height: 92px;
  color: var(--accent-ink);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #0a0a0ab8;
  border: 1px solid #d4af7c59;
  border-radius: 26px;
  place-items: center;
  animation: 2.2s ease-in-out infinite splash-mark;
  display: grid;
  box-shadow:
    0 0 70px #d4af7c29,
    inset 0 0 30px #d4af7c0d;
}
.splash-mark svg {
  width: 52px;
}
.splash-core > strong {
  letter-spacing: 0.42em;
  text-indent: 0.42em;
  margin-top: 24px;
  font-size: 1.45rem;
}
.splash-core > p {
  color: #a58152;
  letter-spacing: 0.08em;
  margin: 9px 0 26px;
  font-size: 0.86rem;
}
.splash-loader {
  background: #ffffff17;
  width: 190px;
  height: 2px;
  overflow: hidden;
}
.splash-loader i {
  background: linear-gradient(90deg, transparent, var(--primary), transparent);
  width: 45%;
  height: 100%;
  animation: 1.1s ease-in-out infinite splash-load;
  display: block;
}
@keyframes login-grid-drift {
  to {
    background-position: 68px 68px;
  }
}
@keyframes arka-scene-drift {
  0% {
    filter: brightness(0.94);
    transform: scale(1);
  }
  50% {
    filter: brightness();
  }
  to {
    filter: brightness(0.97);
    transform: scale(1.035) translate(-0.35%);
  }
}
@keyframes login-scan {
  0%,
  58% {
    opacity: 0;
    transform: translate(-120%);
  }
  70% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate(120%);
  }
}
@keyframes slogan-rise {
  0%,
  12% {
    opacity: 0.72;
    filter: blur(1px);
  }
  22%,
  78% {
    opacity: 1;
    filter: blur();
  }
  90%,
  to {
    opacity: 0.76;
    filter: blur(0.8px);
  }
}
@keyframes slogan-marquee {
  to {
    transform: translate(calc(-100% - 28px));
  }
}
@keyframes splash-dismiss {
  to {
    opacity: 0;
    visibility: hidden;
    transform: scale(1.035);
  }
}
@keyframes splash-rotate {
  to {
    transform: rotate(360deg);
  }
}
@keyframes splash-grid {
  to {
    opacity: 0.55;
    transform: perspective(600px) rotateX(8deg) scale(1.08);
  }
}
@keyframes splash-ring {
  0%,
  to {
    opacity: 0.18;
    transform: scale(0.92);
  }
  50% {
    opacity: 0.7;
    transform: scale(1.04);
  }
}
@keyframes splash-mark {
  0%,
  to {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-7px) scale(1.035);
  }
}
@keyframes splash-load {
  0% {
    transform: translate(-120%);
  }
  to {
    transform: translate(340%);
  }
}
@media (max-width: 1100px) {
  .metric-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .signal-orbit {
    width: 150px;
    height: 150px;
  }
  .dashboard-grid {
    grid-template-columns: 1fr;
  }
  .lower-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 760px) {
  .login-page {
    grid-template-columns: 1fr;
  }
  .login-panel {
    background-position: 38%;
    min-height: 470px;
    padding: 28px;
  }
  .login-copy {
    margin: auto 0 26px;
  }
  .motion-slogan {
    max-width: 8ch;
    font-size: clamp(2.8rem, 12vw, 4.4rem);
  }
  .login-form-wrap {
    padding: 42px 24px;
  }
  .app-main {
    padding-bottom: calc(92px + env(safe-area-inset-bottom));
    margin-left: 0;
  }
  .sidebar {
    width: min(286px, 86vw);
    transition: all 0.28s;
    transform: translate(-102%);
    box-shadow: 20px 0 60px #0006;
  }
  .sidebar-open {
    transform: none;
  }
  .sidebar-scrim {
    z-index: 40;
    background: #0000008c;
    border: 0;
    display: block;
    position: fixed;
    inset: 0;
  }
  .sidebar-top {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
  .mobile-close,
  .mobile-menu {
    display: grid;
  }
  .app-header {
    height: 76px;
    padding: 0 18px;
  }
  .app-header > div:nth-child(2) {
    flex: 1;
    margin-left: 12px;
  }
  .app-header .eyebrow {
    font-size: 0.6rem;
  }
  .app-header h1 {
    font-size: 1rem;
  }
  .header-avatar {
    display: none;
  }
  .notification-popover {
    top: calc(84px + env(safe-area-inset-top));
    right: max(12px, env(safe-area-inset-right));
    width: min(350px, 100vw - 24px);
    max-height: min(calc(100dvh - 104px - env(safe-area-inset-top)), 500px);
    border-radius: 16px;
    padding: 10px;
    position: fixed;
    bottom: auto;
    left: auto;
    overflow-y: auto;
    box-shadow: 0 18px 70px #0000008c;
  }
  .notification-item {
    padding: 13px 8px;
  }
  .notification-item strong {
    font-size: 0.84rem;
  }
  .notification-item small {
    font-size: 0.74rem;
  }
  .page-content {
    padding: 18px 14px;
  }
  .hero-banner {
    background-position: 62%;
    align-items: flex-start;
    min-height: 350px;
    padding: 24px;
  }
  .hero-copy {
    width: 74%;
  }
  .hero-banner h2 {
    max-width: 85%;
    font-size: 2rem;
  }
  .hero-banner p {
    max-width: 72%;
    font-size: 0.86rem;
  }
  .metric-grid {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .metric-card {
    padding: 16px;
  }
  .metric-card > strong {
    font-size: 1.15rem;
  }
  .metric-card small {
    display: none;
  }
  .panel {
    padding: 18px;
  }
  .dashboard-grid,
  .lower-grid {
    grid-template-columns: 1fr;
  }
  .panel-head {
    align-items: flex-start;
  }
  .segment-control {
    max-width: 190px;
    overflow: auto;
  }
  .chart-wrap {
    height: 210px;
  }
  .mobile-nav {
    right: 12px;
    bottom: max(12px, env(safe-area-inset-bottom));
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    border: 1px solid var(--border);
    z-index: 35;
    background: #0a0a0af5;
    border-radius: 18px;
    grid-template-columns: repeat(5, 1fr);
    padding: 7px 8px;
    display: grid;
    position: fixed;
    left: 12px;
    box-shadow: 0 16px 42px #0000006b;
  }
  .mobile-nav a,
  .mobile-nav button {
    color: #8f8a83;
    background: 0 0;
    border: 0;
    justify-items: center;
    gap: 4px;
    font-size: 0.58rem;
    display: grid;
  }
  .mobile-nav svg {
    width: 18px;
  }
  .mobile-nav .active {
    color: var(--accent-ink);
  }
}
@media (max-width: 420px) {
  .metric-grid {
    grid-template-columns: 1fr;
  }
  .form-row {
    align-items: flex-start;
    gap: 10px;
  }
  .login-panel {
    min-height: 440px;
  }
  .motion-slogan {
    font-size: 2.75rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .login-panel:before,
  .login-panel:after,
  .login-scene,
  .motion-slogan > span,
  .slogan-loop span,
  .arka-splash:before,
  .arka-splash:after,
  .splash-energy i,
  .splash-mark,
  .splash-loader i {
    animation: none !important;
  }
  .motion-slogan > span {
    opacity: 1;
    filter: none;
    transform: none;
  }
}
.page-intro {
  justify-content: space-between;
  align-items: end;
  gap: 24px;
  margin-bottom: 26px;
  display: flex;
}
.page-intro h2 {
  letter-spacing: -0.055em;
  margin: 10px 0 8px;
  font-size: clamp(1.7rem, 3vw, 2.7rem);
}
.page-intro p {
  color: var(--muted);
  max-width: 690px;
  margin: 0;
  line-height: 1.6;
}
.status {
  width: max-content;
  color: var(--accent-ink);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background: #d4af7c17;
  border-radius: 20px;
  align-items: center;
  padding: 5px 8px;
  font-size: 0.64rem;
  font-weight: 700;
  display: inline-flex;
}
.status-inativo,
.status-cancelado {
  color: #8f8a83;
  background: #ffffff0f;
}
.status-pendente,
.status-aguardando-assinatura {
  color: #ffb45e;
  background: #ffb45e17;
}
.status-em-andamento,
.status-rascunho {
  color: #d4af7c;
  background: #d4af7c17;
}
.status-bloqueado {
  color: #ff847a;
  background: #ff6b5f17;
}
.arka-tabs {
  gap: 22px;
}
.arka-tabs > [data-slot='tabs-list'] {
  border: 1px solid var(--border);
  background: #151515 !important;
  height: 42px !important;
  padding: 4px !important;
}
.arka-tabs [data-slot='tabs-trigger'] {
  padding: 0 16px !important;
  font-size: 0.8rem !important;
}
.arka-tabs [data-active] {
  color: #fff !important;
  background: #292929 !important;
}
.cards-grid,
.product-grid,
.course-grid,
.plan-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  display: grid;
}
.feature-card,
.content-card,
.product-card,
.contract-card,
.current-plan,
.profile-card,
.chat-panel,
.help-panel {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 18px;
}
.feature-card {
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 28px;
  min-height: 260px;
  padding: 32px;
  display: grid;
}
.feature-icon,
.cert-badge {
  width: 78px;
  height: 78px;
  color: var(--accent-ink);
  background: #d4af7c1a;
  border-radius: 20px;
  place-items: center;
  display: grid;
}
.feature-icon svg,
.cert-badge svg {
  width: 31px;
}
.feature-card h3 {
  letter-spacing: -0.04em;
  margin: 12px 0 8px;
  font-size: 1.7rem;
}
.feature-card p,
.content-card p,
.product-card p,
.plan-card p {
  color: var(--muted);
  line-height: 1.55;
}
.feature-card small {
  color: #6d675f;
  margin-top: 12px;
  display: block;
}
.certification-card [data-slot='progress'] {
  max-width: 520px;
  margin: 20px 0 8px;
}
.content-card,
.product-card {
  padding: 22px;
}
.product-grid-compact {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  align-items: stretch;
  gap: 14px;
  width: 100%;
  max-width: 980px;
  margin-inline: auto;
}
.product-card-compact {
  border-radius: 15px;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 270px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}
.product-card-compact.is-inactive {
  border-color: #ffffff14;
}
.product-card-compact.is-inactive .product-art {
  filter: none;
  opacity: 0.78;
}
.product-card-compact.is-inactive h3,
.product-card-compact.is-inactive .product-price {
  opacity: 0.7;
}
.product-visual {
  aspect-ratio: 3/2;
  background: #0b0b0b;
  border-radius: 10px;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}
.product-visual:after {
  content: '';
  pointer-events: none;
  background: linear-gradient(#0000 45%, #0a0a0a94);
  position: absolute;
  inset: 0;
}
.product-art {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  display: block;
}
.product-visual .status {
  z-index: 1;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  position: absolute;
  top: 8px;
  right: 8px;
}
.product-card-copy {
  flex: 1;
  grid-template-rows: minmax(40px, auto) minmax(42px, auto) 36px;
  gap: 6px;
  min-height: 0;
  padding: 7px 7px 5px;
  display: grid;
}
.product-card-compact h3 {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-width: 0;
  margin: 4px 0 0;
  font-size: 1rem;
  line-height: 1.18;
  display: -webkit-box;
  overflow: hidden;
}
.product-card-compact .product-price {
  border-top: 1px solid var(--border);
  justify-content: center;
  align-self: end;
  align-items: center;
  width: 100%;
  min-height: 42px;
  margin: 0;
  padding-top: 8px;
  display: flex;
}
.product-card-compact .product-price strong {
  font-size: 1.04rem;
}
.product-card-compact .wide-button {
  align-self: end;
  width: 100%;
  min-height: 36px;
  padding-inline: 12px;
  font-size: 0.8rem;
  font-weight: 800;
  box-shadow: 0 8px 18px #d4af7c29;
  border-color: var(--primary) !important;
  background: var(--primary) !important;
  height: 36px !important;
  color: var(--primary-foreground) !important;
}
.product-card-compact .wide-button:not(:disabled):hover {
  transform: translateY(-1px);
  background: #f2e3c6 !important;
  border-color: #f2e3c6 !important;
}
.product-card-compact .wide-button:disabled {
  box-shadow: none;
  color: #7e603e !important;
  background: #202020 !important;
  border-color: #ffffff14 !important;
}
[data-theme='light'] .product-visual {
  background: #f0f0f0;
}
[data-theme='light'] .product-card-compact {
  background: #faf8f4f5;
  border-color: #0a0a0a1f;
}
[data-theme='light'] .product-card-compact h3,
[data-theme='light'] .product-card-compact .product-price strong {
  color: #1a1815;
}
@media (max-width: 900px) {
  .product-grid.product-grid-compact {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }
  .product-card-compact {
    min-height: 250px;
  }
  .product-card-compact h3 {
    font-size: 0.9rem;
  }
}
@media (max-width: 620px) {
  .product-grid.product-grid-compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
    gap: 8px;
  }
  .product-card-compact {
    border-radius: 9px;
    min-height: 0;
    padding: 5px;
  }
  .product-visual {
    border-radius: 6px;
  }
  .product-visual .status {
    padding: 3px 5px;
    font-size: 0.5rem;
    top: 4px;
    right: 4px;
  }
  .product-card-copy {
    grid-template-rows: minmax(32px, auto) minmax(32px, auto) 32px;
    gap: 3px;
    padding: 4px 2px 2px;
  }
  .product-card-compact h3 {
    margin-top: 2px;
    font-size: 0.7rem;
    line-height: 1.16;
  }
  .product-card-compact .product-price {
    min-height: 32px;
    padding-top: 4px;
  }
  .product-card-compact .product-price strong {
    font-size: 0.72rem;
  }
  .product-card-compact .wide-button {
    gap: 3px;
    min-height: 32px;
    padding-inline: 4px;
    font-size: 0.64rem;
    height: 32px !important;
  }
  .product-card-compact .wide-button svg {
    width: 12px;
  }
  .product-card-compact .product-contract-link {
    font-size: 0.56rem;
  }
}
@media (max-width: 420px) {
  .product-grid.product-grid-compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-bottom: 0;
    overflow: visible;
  }
}
.inline-order-workspace {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 18px;
  overflow: hidden;
}
.draft-restored-alert {
  background: #d4af7c1a;
  border-bottom: 1px solid #d4af7c47;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  display: grid;
}
.draft-restored-alert > span {
  background: var(--primary);
  width: 34px;
  height: 34px;
  color: var(--brand-ink);
  border-radius: 10px;
  place-items: center;
  display: grid;
}
.draft-restored-alert svg {
  width: 17px;
}
.draft-restored-alert strong {
  font-size: 0.88rem;
  display: block;
}
.draft-restored-alert p {
  color: var(--muted);
  margin: 3px 0 0;
  font-size: 0.76rem;
}
.inline-order-header {
  border-bottom: 1px solid var(--border);
  background: linear-gradient(110deg, #d4af7c12, #0000 55%);
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  display: grid;
}
.inline-order-header h3 {
  margin: 3px 0;
  font-size: 1.12rem;
}
.inline-order-header p {
  color: var(--muted);
  margin: 0;
  font-size: 0.74rem;
}
.inline-order-header > strong {
  color: var(--accent-ink);
  font-size: 1.2rem;
}
.draft-save-state {
  color: var(--muted);
  grid-column: 2/-1;
  justify-self: end;
  align-items: center;
  gap: 5px;
  margin-top: -14px;
  font-size: 0.7rem;
  display: inline-flex;
}
.draft-save-state svg {
  width: 13px;
  color: var(--accent-ink);
}
.inline-order-flow {
  padding: 12px;
}
.order-mode-toggle {
  max-width: 460px;
  margin-bottom: 18px;
}
.batch-import-panel {
  background: #d4af7c09;
  border: 1px dashed #d4af7c57;
  border-radius: 15px;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 16px;
  padding: 22px;
  display: grid;
}
.batch-import-panel > svg {
  width: 30px;
  height: 30px;
  color: var(--accent-ink);
}
.batch-import-panel h4,
.batch-import-panel p {
  margin: 0;
}
.batch-import-panel p {
  color: var(--muted);
  font-size: 0.8rem;
}
.batch-file-field {
  border: 1px solid var(--border);
  cursor: pointer;
  min-height: 96px;
  color: var(--muted);
  background: #00000029;
  border-radius: 13px;
  grid-column: 1/-1;
  place-items: center;
  gap: 6px;
  display: grid;
}
.batch-file-field:hover {
  color: var(--accent-ink);
  border-color: #d4af7c85;
}
.batch-file-field input {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
}
.batch-actions {
  grid-column: 1/-1;
  justify-content: flex-end;
  gap: 10px;
  display: flex;
}
.batch-success {
  grid-column: 1/-1;
  align-items: center;
  gap: 8px;
  margin: 0;
  display: flex;
  color: var(--accent-ink) !important;
}
.batch-success svg {
  width: 17px;
}
.batch-entry-layout {
  grid-template-columns: minmax(0, 1fr) 280px;
}
.import-review-table {
  border: 1px solid var(--border);
  border-radius: 12px;
  grid-column: 1/-1;
  overflow: auto;
}
.import-review-table table {
  border-collapse: collapse;
  width: 100%;
  min-width: 760px;
}
.import-review-table th,
.import-review-table td {
  border-bottom: 1px solid var(--border);
  text-align: left;
  padding: 8px 9px;
  font-size: 0.72rem;
}
.import-review-table th {
  color: var(--muted);
  font-weight: 700;
}
.import-review-table tr:last-child td {
  border-bottom: 0;
}
.import-review-table tr.invalid {
  background: #ff494909;
}
.import-review-table input {
  border: 1px solid var(--border);
  width: 100%;
  min-width: 160px;
  height: 34px;
  color: var(--foreground);
  background: #0000002e;
  border-radius: 8px;
  outline: none;
  padding: 0 9px;
}
.import-review-table input:focus {
  border-color: #d4af7c8c;
}
.import-review-table td > button {
  width: 30px;
  height: 30px;
  color: var(--muted);
  cursor: pointer;
  background: 0 0;
  border: 0;
  border-radius: 8px;
  place-items: center;
  display: grid;
}
.import-review-table td > button:hover {
  color: #ff6565;
  background: #ff494914;
}
.import-review-table td > button svg {
  width: 14px;
}
.row-valid,
.row-invalid {
  align-items: center;
  gap: 5px;
  font-size: 0.69rem;
  display: inline-flex;
}
.row-valid {
  color: var(--accent-ink) !important;
}
.row-invalid {
  color: #ff6565 !important;
}
.row-valid svg,
.row-invalid svg {
  flex: none;
  width: 14px;
}
.import-live-summary > div {
  min-height: 108px;
}
[data-theme='light'] .import-review-table input {
  color: #0a0a0a;
  background: #faf8f4;
}
.inline-order-actions {
  justify-content: flex-end;
  padding-top: 14px;
  display: flex;
}
.clean-order-stage {
  gap: 18px;
  display: grid;
}
.product-term-stage {
  gap: 16px;
  display: grid;
}
.term-checkout-steps {
  color: var(--muted);
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 0.75rem;
  font-weight: 700;
  display: flex;
}
.term-checkout-steps > svg {
  color: #6d5033;
  width: 14px;
}
.term-checkout-steps span {
  align-items: center;
  gap: 8px;
  display: flex;
}
.term-checkout-steps i {
  border: 1px solid var(--border);
  border-radius: 50%;
  place-items: center;
  width: 28px;
  height: 28px;
  font-style: normal;
  display: grid;
}
.term-checkout-steps i svg {
  width: 14px;
}
.term-checkout-steps .is-complete i,
.term-checkout-steps .is-current i {
  border-color: var(--primary);
  background: var(--primary);
  color: var(--primary-foreground);
}
.term-checkout-layout {
  grid-template-columns: minmax(0, 1.55fr) minmax(240px, 0.7fr);
  align-items: start;
  gap: 14px;
  display: grid;
}
.term-checkout-document,
.term-checkout-summary {
  border: 1px solid var(--border);
  background: #ffffff05;
  border-radius: 16px;
  min-width: 0;
  padding: 18px;
}
.term-checkout-document {
  gap: 14px;
  display: grid;
}
.term-checkout-document header {
  gap: 5px;
  padding-right: 72px;
  display: grid;
  position: relative;
}
.term-checkout-document h4,
.term-checkout-summary h4 {
  margin: 0;
  font-size: 1rem;
}
.term-checkout-document header small {
  color: var(--muted);
  font-size: 0.64rem;
  position: absolute;
  top: 0;
  right: 0;
}
.term-checkout-content {
  border: 1px solid var(--border);
  color: #d1ccc5;
  white-space: pre-wrap;
  background: #0000002e;
  border-radius: 13px;
  max-height: 330px;
  padding: 16px;
  font-size: 0.78rem;
  line-height: 1.65;
  overflow-y: auto;
}
.term-content-line {
  display: block;
}
.term-content-line.is-blank {
  min-height: 0.8em;
}
.term-content-line strong {
  color: var(--foreground);
  font-weight: 750;
}
.term-acceptance-control {
  border: 1px solid var(--border);
  cursor: pointer;
  border-radius: 13px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 11px;
  padding: 14px;
  display: grid;
}
.term-acceptance-control input {
  width: 19px;
  height: 19px;
  accent-color: var(--primary);
  margin: 2px 0 0;
}
.term-acceptance-control span {
  color: #a58152;
  gap: 4px;
  font-size: 0.76rem;
  line-height: 1.45;
  display: grid;
}
.term-acceptance-control strong {
  color: #e8e3dc;
}
.term-checkout-summary {
  gap: 14px;
  display: grid;
  position: sticky;
  top: 12px;
}
.term-checkout-summary dl {
  margin: 0;
  display: grid;
}
.term-checkout-summary dl > div {
  border-bottom: 1px solid var(--border);
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  display: flex;
}
.term-checkout-summary dl > div:last-child {
  border-bottom: 0;
}
.term-checkout-summary dt {
  color: var(--muted);
}
.term-checkout-summary dd {
  color: var(--foreground);
  text-align: right;
  margin: 0;
  font-weight: 700;
}
.term-checkout-summary button {
  width: 100%;
}
.term-checkout-unavailable {
  color: #ff9a9a;
  background: #ff65650f;
  border: 1px solid #ff656547;
  border-radius: 13px;
  align-items: flex-start;
  gap: 10px;
  padding: 14px;
  font-size: 0.78rem;
  line-height: 1.45;
  display: flex;
}
.term-checkout-unavailable svg {
  flex: none;
  width: 17px;
}
[data-theme='light'] .term-checkout-document,
[data-theme='light'] .term-checkout-summary {
  background: #fff;
}
[data-theme='light'] .term-checkout-content {
  color: #5e5a54;
  background: #fbfaf7;
}
[data-theme='light'] .term-acceptance-control span {
  color: #6d5033;
}
[data-theme='light'] .term-acceptance-control strong {
  color: #1a1815;
}
.stage-heading {
  align-items: center;
  gap: 12px;
  display: flex;
}
.stage-heading > span {
  min-width: 48px;
  height: 30px;
  color: var(--accent-ink);
  background: #d4af7c1a;
  border-radius: 999px;
  place-items: center;
  padding: 0 9px;
  font-size: 0.72rem;
  font-weight: 700;
  display: grid;
}
.stage-heading h4,
.stage-heading p {
  margin: 0;
}
.stage-heading p {
  color: var(--muted);
  font-size: 0.82rem;
}
.order-summary-list {
  border: 1px solid var(--border);
  border-radius: 14px;
  margin: 0;
  overflow: hidden;
}
.order-summary-list > div {
  border-bottom: 1px solid var(--border);
  justify-content: space-between;
  gap: 18px;
  padding: 13px 16px;
  display: flex;
}
.order-summary-list > div:last-child {
  background: #d4af7c0b;
  border-bottom: 0;
}
.order-summary-list dt {
  color: var(--muted);
}
.order-summary-list dd {
  text-align: right;
  margin: 0;
  font-weight: 650;
}
.split-actions {
  justify-content: space-between;
  gap: 10px;
}
.pix-copy-field {
  color: var(--muted);
  gap: 7px;
  font-size: 0.78rem;
  display: grid;
}
.pix-copy-field > span {
  border: 1px solid var(--border);
  color: var(--foreground);
  overflow-wrap: anywhere;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 8px 8px 8px 13px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  display: flex;
}
.clean-order-complete small {
  color: var(--muted);
}
.admin-data-pending > .table-wrap,
.admin-data-pending > .management-toolbar,
.admin-data-pending > .master-authority-panel,
.admin-data-pending > .security-note,
.admin-data-pending > .stat-grid,
.admin-data-pending > .backoffice-overview {
  display: none;
}
.clean-entry-layout {
  grid-template-columns: minmax(0, 1fr) minmax(220px, 250px);
  align-items: start;
  gap: 8px;
  width: min(100%, 1080px);
  margin-inline: auto;
  display: grid;
}
.clean-entry-card,
.clean-live-summary {
  border: 1px solid var(--border);
  background: #0a0a0a57;
  border-radius: 12px;
  min-width: 0;
}
.compact-import-trigger {
  width: calc(100% - 20px);
  min-height: 42px;
  color: var(--accent-ink);
  cursor: pointer;
  text-align: left;
  background: #d4af7c1f;
  border: 1px solid #d4af7c6b;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  margin: 10px 10px 0;
  padding: 7px 10px;
  font-size: 0.875rem;
  transition:
    background 0.15s,
    border-color 0.15s;
  display: flex;
}
.compact-import-trigger:hover {
  border-color: var(--primary);
  background: #d4af7c33;
}
.compact-import-trigger:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}
.compact-import-trigger span {
  flex: 1;
  min-width: 0;
  font-weight: 700;
  line-height: 1.3;
}
.compact-import-trigger svg {
  color: currentColor;
  flex: 0 0 19px;
  width: 19px;
  height: 19px;
}
.compact-import-trigger svg:last-child {
  color: currentColor;
}
[data-theme='light'] .compact-import-trigger {
  color: #5f452d;
  background: #f2e3c6;
  border-color: #a58152;
}
[data-theme='light'] .compact-import-trigger svg {
  color: #7e603e !important;
}
[data-theme='light'] .compact-import-trigger:hover {
  background: #f2e3c6;
  border-color: #a58152;
}
.clean-entry-form {
  gap: 8px;
  padding: 10px;
  display: grid;
}
.clean-kind-block {
  flex-wrap: wrap;
  align-items: center;
  gap: 7px 12px;
  min-width: 0;
  display: flex;
}
.clean-kind-block > span {
  color: var(--muted);
  letter-spacing: 0.09em;
  text-transform: uppercase;
  flex: none;
  margin: 0;
  font-size: 0.63rem;
  font-weight: 700;
}
.clean-kind-toggle {
  gap: 5px;
  width: auto;
  min-width: 0;
  margin: 0;
}
.clean-kind-toggle button {
  min-width: 98px;
  min-height: 32px;
  padding: 6px 10px;
}
.clean-fields-grid {
  grid-template-columns: 1fr 1fr;
  gap: 7px 10px;
  display: grid;
}
.clean-fields-grid label {
  min-width: 0;
  color: var(--muted);
  gap: 3px;
  font-size: 0.7rem;
  display: grid;
}
.clean-field-caption {
  white-space: nowrap;
  align-items: baseline;
  gap: 4px;
  min-width: 0;
  line-height: 1.15;
  display: flex;
}
.clean-fields-grid label b {
  color: var(--accent-ink);
}
.clean-fields-grid label small {
  color: #6d675f;
  font-size: 0.62rem;
}
.document-lookup-status {
  color: var(--muted-foreground);
  overflow-wrap: anywhere;
  font-size: 0.8125rem;
  line-height: 1.35;
}
.clean-fields-grid input {
  border: 1px solid var(--border);
  width: 100%;
  min-width: 0;
  height: 34px;
  color: var(--foreground);
  background: #00000038;
  border-radius: 8px;
  outline: none;
  padding: 0 10px;
  font-size: 0.78rem;
}
.clean-fields-grid input:focus {
  border-color: #d4af7c94;
  box-shadow: 0 0 0 3px #d4af7c12;
}
.clean-fields-grid input.invalid {
  border-color: #ff4949b8;
}
.document-error {
  color: #ff6565;
  background: #ff2f2f14;
  border: 1px solid #ff494961;
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  margin: 0;
  padding: 10px 12px;
  font-size: 0.78rem;
  display: flex;
}
.document-error svg {
  flex: none;
  width: 16px;
}
.clean-form-actions {
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  padding-top: 1px;
  display: flex;
}
.clean-form-actions button {
  min-width: 0;
  min-height: 32px;
  padding-inline: 11px;
  font-size: 0.68rem;
}
.clean-live-summary {
  gap: 10px;
  padding: 13px;
  display: grid;
  position: sticky;
  top: 76px;
}
.clean-live-summary h4 {
  margin: 0;
  font-size: 0.82rem;
}
.clean-live-summary > p {
  min-height: 58px;
  color: var(--muted);
  text-align: center;
  place-items: center;
  margin: 0;
  font-size: 0.7rem;
  display: grid;
}
.clean-live-summary > div {
  align-content: center;
  gap: 3px;
  min-height: 58px;
  display: grid;
}
.clean-live-summary > div span {
  color: var(--muted);
  font-size: 0.75rem;
}
.clean-live-summary > div b {
  color: var(--accent-ink);
  margin-top: 7px;
}
.clean-live-summary > .wide-button {
  box-shadow: 0 8px 20px #d4af7c12;
  color: var(--accent-ink) !important;
  background: #d4af7c1a !important;
  border: 1px solid #d4af7c57 !important;
}
.clean-live-summary > .wide-button:disabled {
  opacity: 0.72;
  box-shadow: none;
  color: #777773 !important;
  background: #d4af7c0b !important;
  border-color: #d4af7c2e !important;
}
.clean-cart-list {
  max-height: 280px;
  overflow: auto;
  align-content: start !important;
}
.clean-cart-list article {
  border-bottom: 1px solid var(--border);
  align-items: center;
  gap: 8px;
  padding: 9px 0;
  display: flex;
}
.clean-cart-list article > span {
  flex: 1;
  display: grid;
}
.clean-cart-list article strong {
  color: var(--foreground);
  font-size: 0.78rem;
}
.clean-cart-list article button {
  width: 28px;
  height: 28px;
  color: var(--muted);
  cursor: pointer;
  background: 0 0;
  border: 0;
  border-radius: 8px;
  place-items: center;
  display: grid;
}
.clean-cart-list article button:hover {
  color: #ff6565;
  background: #ff494914;
}
.clean-cart-list article button svg {
  width: 14px;
}
.clean-cart-list footer {
  color: var(--muted);
  justify-content: space-between;
  gap: 10px;
  padding-top: 10px;
  font-size: 0.75rem;
  display: flex;
}
.clean-cart-list footer strong {
  color: var(--accent-ink);
  font-size: 0.86rem;
}
[data-theme='light'] .clean-entry-card,
[data-theme='light'] .clean-live-summary {
  background: #fff;
}
[data-theme='light'] .clean-fields-grid input {
  color: #0a0a0a;
  background: #faf8f4;
}
.content-cover {
  background: radial-gradient(circle at 70%, #d4af7c2e, #0000 35%), #0e0e0e;
  border-radius: 13px;
  place-items: center;
  height: 145px;
  margin-bottom: 18px;
  display: grid;
}
.content-cover svg {
  width: 34px;
  color: var(--accent-ink);
}
.content-card h3,
.product-card h3 {
  margin: 14px 0 7px;
  font-size: 1.2rem;
}
.content-card.locked {
  opacity: 0.55;
}
.content-card button {
  margin-top: 12px;
}
.stats-grid {
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  margin: 22px 0;
  display: grid;
}
.stat-box {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 14px;
  gap: 8px;
  padding: 18px;
  display: grid;
}
.stat-box span {
  color: #8f8a83;
  font-size: 0.76rem;
}
.stat-box strong {
  letter-spacing: -0.04em;
  font-size: 1.35rem;
}
.stat-box small {
  color: var(--accent-ink);
  font-size: 0.67rem;
}
.product-monogram {
  height: 150px;
  color: var(--accent-ink);
  background:
    radial-gradient(circle at 50% 90%, #d4af7c2e, #0000 45%),
    linear-gradient(145deg, #1a1815, #0d0d0d);
  border-radius: 14px;
  place-items: center;
  margin-bottom: 18px;
  font-size: 2.7rem;
  font-weight: 800;
  display: grid;
}
.product-price {
  gap: 4px;
  margin: 22px 0;
  display: grid;
}
.product-price span,
.product-meta {
  color: #7e603e;
  font-size: 0.69rem;
}
.product-price strong {
  font-size: 1.35rem;
}
.product-meta {
  border-top: 1px solid var(--border);
  justify-content: space-between;
  padding: 13px 0;
  display: flex;
}
.wide-button {
  width: 100%;
  height: 42px !important;
}
.filter-bar {
  align-items: center;
  gap: 10px;
  margin: 0 0 16px;
  display: flex;
}
.search-box {
  border: 1px solid var(--border);
  background: #121212;
  border-radius: 10px;
  flex: 1;
  align-items: center;
  gap: 8px;
  max-width: 440px;
  height: 40px;
  padding: 0 12px;
  display: flex;
}
.search-box svg {
  color: #8f8a83;
  width: 16px;
}
.search-box input {
  color: #fff;
  background: 0 0;
  border: 0;
  outline: 0;
  width: 100%;
  font-size: 0.8rem;
}
.table-wrap {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 15px;
  overflow: auto;
}
table {
  border-collapse: collapse;
  width: 100%;
  min-width: 820px;
}
th {
  text-align: left;
  color: #8f8a83;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  background: #101010;
  padding: 13px 16px;
  font-size: 0.68rem;
}
td {
  color: #d1ccc5;
  border-top: 1px solid #ffffff0f;
  padding: 15px 16px;
  font-size: 0.78rem;
}
td strong,
td small {
  display: block;
}
td small {
  color: #6d675f;
  margin-top: 4px;
  font-size: 0.65rem;
}
.orders-workspace {
  background: linear-gradient(145deg, #0a0a0af0, #0a0a0afa);
  border: 1px solid #d4af7c29;
  border-radius: 18px;
  overflow: hidden;
}
.orders-workspace-head {
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 20px 22px 16px;
  display: flex;
}
.orders-workspace-head > div:first-child {
  gap: 4px;
  display: grid;
}
.orders-workspace-head h3 {
  letter-spacing: -0.035em;
  margin: 0;
  font-size: 1.3rem;
}
.orders-workspace-head p {
  color: #7e603e;
  margin: 0;
  font-size: 0.75rem;
}
.orders-head-actions {
  align-items: center;
  gap: 8px;
  display: flex;
}
.orders-head-actions button {
  min-height: 38px;
}
.orders-view-switch {
  background: #0a0a0a80;
  border: 1px solid #ffffff14;
  border-radius: 10px;
  align-items: center;
  gap: 3px;
  padding: 3px;
  display: flex;
}
.orders-view-switch button {
  color: #7e603e;
  cursor: pointer;
  background: 0 0;
  border: 0;
  border-radius: 7px;
  min-height: 30px;
  padding: 5px 10px;
  font-size: 0.68rem;
  font-weight: 750;
}
.orders-view-switch button.active {
  color: var(--accent-ink);
  background: #d4af7c1c;
}
.orders-filters {
  grid-template-columns: minmax(280px, 1fr) minmax(150px, 210px) minmax(
      140px,
      190px
    );
  gap: 10px;
  padding: 0 22px 18px;
  display: grid;
}
.orders-search {
  background: #0a0a0ab8;
  border: 1px solid #ffffff17;
  border-radius: 11px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  height: 44px;
  padding: 0 13px;
  display: flex;
}
.orders-search:focus-within {
  border-color: #d4af7c73;
  box-shadow: 0 0 0 3px #d4af7c0f;
}
.orders-search svg {
  color: #7e603e;
  flex: none;
  width: 17px;
}
.orders-search input {
  width: 100%;
  min-width: 0;
  color: var(--foreground);
  background: 0 0;
  border: 0;
  outline: 0;
  font-size: 0.78rem;
}
.orders-filters > label:not(.orders-search) {
  min-width: 0;
  position: relative;
}
.orders-filters > label:not(.orders-search) span {
  z-index: 1;
  color: #7e603e;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  pointer-events: none;
  font-size: 0.55rem;
  font-weight: 700;
  position: absolute;
  top: 6px;
  left: 12px;
}
.orders-filters select {
  color: #e8e3dc;
  background: #0d0d0d;
  border: 1px solid #ffffff17;
  border-radius: 11px;
  outline: 0;
  width: 100%;
  height: 44px;
  padding: 17px 32px 4px 11px;
  font-size: 0.73rem;
}
.orders-filters select:focus {
  border-color: #d4af7c73;
}
.orders-table-wrap {
  border-top: 1px solid #d4af7c1c;
  overflow: hidden;
}
.orders-table {
  table-layout: fixed;
  width: 100%;
  min-width: 0;
}
.orders-table th {
  color: #7e603e;
  background: #ffffff05;
  padding: 11px 14px;
  font-size: 0.6rem;
}
.orders-table td {
  color: #a58152;
  vertical-align: middle;
  border-color: #ffffff0e;
  height: 68px;
  padding: 12px 14px;
}
.orders-table tbody tr {
  transition: background 0.16s;
}
.orders-table tbody tr:hover {
  background: #d4af7c06;
}
.orders-client-cell {
  min-width: 210px;
  max-width: 300px;
}
.orders-client-cell strong {
  color: #e8e3dc;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.76rem;
  overflow: hidden;
}
.orders-client-cell small {
  color: #7e603e;
}
.orders-product-cell {
  max-width: 170px;
  color: #d1ccc5 !important;
}
.orders-code-cell strong {
  color: #7e603e;
  letter-spacing: 0.02em;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.67rem;
}
.orders-value-cell {
  white-space: nowrap;
  font-weight: 800;
  color: #faf8f4 !important;
}
.orders-date-cell {
  white-space: nowrap;
  color: #7e603e !important;
}
.orders-batch-cell strong {
  color: #d1ccc5;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.7rem;
  display: block;
  overflow: hidden;
}
.orders-batch-cell small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.orders-payment {
  white-space: nowrap;
  font-size: 0.7rem;
  font-weight: 700;
}
.orders-payment.payment-confirmed {
  color: var(--accent-ink);
}
.orders-payment.payment-pending,
.orders-payment.payment-under_review {
  color: #ffb45e;
}
.orders-action-link,
.orders-action-pending {
  white-space: nowrap;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 11px;
  font-size: 0.66rem;
  font-weight: 800;
  display: inline-flex;
}
.orders-action-link {
  color: var(--accent-ink);
  background: #d4af7c17;
  border: 1px solid #d4af7c61;
}
.orders-action-link:hover {
  border-color: var(--primary);
  background: #d4af7c26;
}
.orders-action-link svg {
  width: 14px;
}
.orders-action-pending {
  color: #7e603e;
  padding-inline: 0;
  font-weight: 650;
}
.orders-mobile-list {
  display: none;
}
[data-theme='light'] .orders-workspace {
  background: #fbfaf7;
  border-color: #0a0a0a1f;
}
[data-theme='light'] .orders-search,
[data-theme='light'] .orders-filters select {
  color: #1a1815;
  background: #fff;
  border-color: #0a0a0a21;
}
[data-theme='light'] .orders-table-wrap {
  border-color: #0a0a0a1a;
}
[data-theme='light'] .orders-table th {
  background: #f4f0ea;
}
[data-theme='light'] .orders-table td {
  border-color: #0a0a0a14;
}
[data-theme='light'] .orders-table tbody tr:hover {
  background: #7e603e0b;
}
[data-theme='light'] .orders-client-cell strong,
[data-theme='light'] .orders-value-cell {
  color: #1a1815 !important;
}
.positive {
  color: var(--accent-ink);
}
.negative {
  color: #ff8c82;
}
.contracts-grid {
  gap: 10px;
  display: grid;
}
.contract-card {
  align-items: center;
  gap: 16px;
  padding: 18px;
  display: flex;
}
.contract-card > svg {
  width: 25px;
  color: var(--accent-ink);
}
.contract-card > div {
  flex: 1;
  gap: 5px;
  display: grid;
}
.contract-card h3 {
  margin: 4px 0 0;
  font-size: 0.95rem;
}
.contract-card p,
.contract-card small {
  color: #8f8a83;
  margin: 0;
  font-size: 0.72rem;
}
.product-contract-link {
  min-height: 38px;
  color: var(--accent-text);
  background: #d4af7c0d;
  border: 1px solid #d4af7c42;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  margin-bottom: 8px;
  padding: 8px 10px;
  font-size: 0.78rem;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}
.product-contract-link svg {
  width: 16px;
}
.product-contract-link small {
  color: var(--muted);
  margin-left: auto;
  font-size: 0.68rem;
}
.product-contract-link:hover {
  background: #d4af7c17;
  border-color: #d4af7c80;
}
.arka-dialog {
  color: #fff !important;
  background: #121212 !important;
  border: 1px solid #ffffff1f !important;
  max-width: 560px !important;
  padding: 24px !important;
}
.arka-dialog [data-slot='dialog-title'] {
  font-size: 1.25rem;
}
.arka-dialog [data-slot='dialog-description'] {
  color: #8f8a83;
}
.flow-dialog {
  max-height: 90vh;
  overflow: auto;
  max-width: 760px !important;
}
.dialog-product-list {
  gap: 8px;
  display: grid;
}
.dialog-product-list > div {
  border: 1px solid var(--border);
  border-radius: 10px;
  align-items: center;
  gap: 12px;
  padding: 12px;
  display: flex;
}
.dialog-product-list > div > span {
  width: 38px;
  height: 38px;
  color: var(--accent-ink);
  background: #d4af7c17;
  border-radius: 8px;
  place-items: center;
  font-weight: 700;
  display: grid;
}
.dialog-product-list div div {
  display: grid;
}
.dialog-product-list small {
  color: #8f8a83;
}
.order-flow {
  gap: 20px;
  display: grid;
}
.steps {
  gap: 4px;
  display: flex;
  overflow: auto;
}
.steps > span {
  color: #7e603e;
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  font-size: 0.64rem;
  display: flex;
}
.steps i {
  background: #181817;
  border-radius: 50%;
  place-items: center;
  width: 22px;
  height: 22px;
  font-style: normal;
  display: grid;
}
.steps svg {
  width: 12px;
}
.steps .active {
  color: #f2e3c6;
}
.steps .active i {
  background: var(--primary);
  color: #0a0a0a;
}
.flow-body > h3 {
  margin-bottom: 5px;
  font-size: 1.35rem;
}
.flow-body > p,
.review-state > p,
.success-state > p {
  color: #8f8a83;
  line-height: 1.5;
}
.mode-toggle {
  gap: 6px;
  margin: 18px 0;
  display: flex;
}
.mode-toggle button {
  border: 1px solid var(--border);
  color: #7e603e;
  background: #101010;
  border-radius: 9px;
  padding: 9px 12px;
  font-size: 0.75rem;
}
.mode-toggle button.active {
  color: var(--accent-ink);
  background: #d4af7c0f;
  border-color: #d4af7c59;
}
.form-grid {
  grid-template-columns: 1fr 1fr;
  gap: 13px;
  display: grid;
}
.form-grid label,
.field-label {
  color: #aaa7a3;
  gap: 7px;
  font-size: 0.76rem;
  display: grid;
}
.form-grid input,
.field-label input,
.field-label select,
.field-label textarea,
.profile-form input {
  border: 1px solid var(--border);
  color: #fff;
  background: #0e0e0e;
  border-radius: 9px;
  outline: none;
  padding: 11px;
}
.field-label textarea {
  resize: vertical;
  min-height: 100px;
}
.valid-note {
  color: var(--accent-ink);
  align-items: center;
  gap: 4px;
  display: flex;
}
.valid-note svg {
  width: 12px;
}
.pending-fields {
  color: #dca565;
  background: #ffb45e0d;
  border: 1px dashed #ffb45e40;
  border-radius: 9px;
  grid-column: 1/-1;
  padding: 13px;
  font-size: 0.72rem;
}
.upload-zone {
  color: #8f8a83;
  border: 1px dashed #d4af7c40;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 220px;
  display: flex;
}
.upload-zone > svg {
  color: var(--accent-ink);
}
.review-state,
.success-state {
  text-align: center;
  padding: 28px;
}
.review-state > svg {
  width: 40px;
  color: var(--accent-ink);
  margin: auto;
}
.review-state > div {
  text-align: left;
  background: #0e0e0e;
  border-radius: 10px;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 14px;
  display: grid;
}
.review-state > div span {
  color: #8f8a83;
}
.success-state > span {
  width: 55px;
  height: 55px;
  color: var(--accent-ink);
  background: #d4af7c1a;
  border-radius: 50%;
  place-items: center;
  margin: auto;
  display: grid;
}
.success-state.compact {
  padding: 12px;
}
.success-state h3 {
  font-size: 1.25rem;
}
.success-state p {
  max-width: 440px;
  margin: 8px auto;
}
.forge-feature {
  border: 1px solid var(--border);
  background: radial-gradient(circle at 20% 70%, #d4af7c2b, #0000 38%), #0a0a0a;
  border-radius: 20px;
  grid-template-columns: 1.15fr 0.85fr;
  min-height: 335px;
  margin-bottom: 24px;
  display: grid;
  overflow: hidden;
}
.forge-visual {
  background: linear-gradient(135deg, #0000, #d4af7c12);
  place-items: center;
  display: grid;
  position: relative;
}
.forge-visual:after {
  content: 'ARKA';
  letter-spacing: -0.1em;
  color: #ffffff09;
  font-size: clamp(5rem, 13vw, 12rem);
  font-weight: 900;
  position: absolute;
}
.forge-visual > svg {
  background: var(--primary);
  color: #0a0a0a;
  z-index: 1;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  padding: 19px;
}
.forge-feature > div:last-child {
  flex-direction: column;
  justify-content: center;
  padding: clamp(28px, 4vw, 50px);
  display: flex;
}
.forge-feature h2 {
  letter-spacing: -0.05em;
  margin: 12px 0 6px;
  font-size: 2rem;
}
.forge-feature p,
.forge-feature small {
  color: #7e603e;
}
.forge-feature [data-slot='progress'] {
  margin: 22px 0 7px;
}
.forge-feature button {
  width: max-content;
  margin-top: 22px;
}
.category-row {
  gap: 7px;
  margin: 0 0 18px;
  display: flex;
  overflow: auto;
}
.category-row button {
  border: 1px solid var(--border);
  color: #8f8a83;
  white-space: nowrap;
  background: 0 0;
  border-radius: 20px;
  padding: 8px 12px;
  font-size: 0.72rem;
}
.category-row .active {
  background: var(--primary);
  color: #0a0a0a;
}
.course-card {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 15px;
  overflow: hidden;
}
.course-cover {
  background:
    radial-gradient(circle at 70% 30%, #d4af7c33, #0000 30%),
    linear-gradient(135deg, #26211b, #0b0b0b);
  justify-content: space-between;
  align-items: end;
  height: 160px;
  padding: 16px;
  display: flex;
}
.course-cover > span {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.7rem;
}
.course-cover > svg {
  color: #0a0a0a;
  background: #fff;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  padding: 10px;
}
.course-1 .course-cover {
  background: radial-gradient(circle at 30%, #d4af7c33, #0000 30%), #0a0a0a;
}
.course-2 .course-cover {
  background: radial-gradient(circle at 70%, #a18cff38, #0000 30%), #111019;
}
.course-3 .course-cover {
  background: radial-gradient(circle at 30%, #ffb45e33, #0000 30%), #17120d;
}
.course-body {
  padding: 16px;
}
.course-body h3 {
  margin: 12px 0 17px;
}
.course-meta {
  color: #8f8a83;
  gap: 13px;
  margin-bottom: 16px;
  font-size: 0.68rem;
  display: flex;
}
.course-meta span {
  align-items: center;
  gap: 5px;
  display: flex;
}
.course-meta svg {
  width: 13px;
}
.course-body > small {
  color: #6d675f;
  font-size: 0.65rem;
}
.player-dialog {
  max-width: 820px !important;
}
.mock-player {
  background: radial-gradient(circle, #d4af7c21, #0000 25%), #0a0a0a;
  border-radius: 12px;
  place-items: center;
  height: 360px;
  display: grid;
}
.mock-player svg {
  background: var(--primary);
  color: #0a0a0a;
  border-radius: 50%;
  width: 65px;
  height: 65px;
  padding: 20px;
}
.lesson-actions {
  gap: 10px;
  display: flex;
}
.view-toolbar {
  justify-content: space-between;
  align-items: start;
  display: flex;
}
.view-toolbar .filter-bar {
  flex: 1;
}
.view-switch {
  border: 1px solid var(--border);
  background: #0a0a0a;
  border-radius: 9px;
  padding: 3px;
  display: flex;
}
.view-switch button {
  color: #7e603e;
  background: 0 0;
  border: 0;
  border-radius: 7px;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  font-size: 0.7rem;
  display: flex;
}
.view-switch svg {
  width: 14px;
}
.view-switch .active {
  color: #fff;
  background: #2e2e2c;
}
.referral-box {
  border: 1px solid var(--border);
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  padding: 10px;
  display: flex;
}
.referral-box > svg {
  width: 17px;
  color: var(--accent-ink);
}
.referral-box code {
  color: #d1ccc5;
  flex: 1;
  font-size: 0.75rem;
}
.tree-view {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 18px;
  padding: 25px;
  overflow: auto;
}
.tree-root {
  text-align: center;
  justify-items: center;
  gap: 5px;
  width: 200px;
  margin: 0 auto 35px;
  display: grid;
  position: relative;
}
.tree-root:after {
  content: '';
  border-left: 1px solid #d4af7c4d;
  height: 35px;
  position: absolute;
  top: 100%;
}
.tree-root > span,
.tree-lines article > span {
  background: var(--primary);
  color: #0a0a0a;
  border-radius: 50%;
  place-items: center;
  width: 44px;
  height: 44px;
  font-size: 0.7rem;
  font-weight: 700;
  display: grid;
}
.tree-root small,
.tree-lines small {
  color: #8f8a83;
  font-size: 0.65rem;
}
.tree-lines {
  gap: 12px;
  min-width: 840px;
  display: flex;
}
.tree-lines > div {
  border-top: 1px solid #d4af7c40;
  flex: 1;
  align-content: start;
  gap: 8px;
  padding-top: 16px;
  display: grid;
}
.tree-lines > div > b {
  color: #8f8a83;
  font-size: 0.7rem;
}
.tree-lines article {
  border: 1px solid var(--border);
  text-align: center;
  border-radius: 10px;
  justify-items: center;
  gap: 5px;
  padding: 10px;
  display: grid;
}
.tree-lines article > span {
  color: #e8e3dc;
  background: #2e2e2c;
  width: 32px;
  height: 32px;
}
.tree-lines article strong {
  font-size: 0.7rem;
}
.tree-lines i {
  color: #6d675f;
  border: 1px dashed var(--border);
  border-radius: 9px;
  padding: 12px;
  font-size: 0.65rem;
}
.ranking-panel {
  margin-top: 18px;
}
.ranking-row {
  border-top: 1px solid var(--border);
  grid-template-columns: 30px 1fr auto 60px;
  align-items: center;
  gap: 10px;
  padding: 13px 0;
  display: grid;
}
.ranking-row > span {
  color: var(--accent-ink);
  font-weight: 700;
}
.ranking-row div {
  display: grid;
}
.ranking-row small {
  color: #6d675f;
}
.ranking-row em {
  color: var(--accent-ink);
  text-align: right;
  font-size: 0.7rem;
  font-style: normal;
}
.wallet-hero {
  background:
    radial-gradient(circle at 20%, #d4af7c21, transparent 30%), var(--card);
  border: 1px solid #d4af7c33;
  border-radius: 14px;
  grid-template-columns: minmax(180px, 1fr) auto minmax(360px, auto);
  grid-template-areas: 'balance action rules';
  align-items: center;
  gap: 16px;
  margin-bottom: 14px;
  padding: 14px 18px;
  display: grid;
}
.wallet-balance {
  grid-area: balance;
  min-width: 0;
}
.wallet-balance > strong {
  letter-spacing: -0.07em;
  margin: 4px 0;
  font-size: clamp(2rem, 3.6vw, 3.25rem);
  display: block;
}
.wallet-hero p {
  color: #7e603e;
  margin: 0;
  font-size: 0.75rem;
}
.wallet-rules {
  grid-area: rules;
  grid-template-columns: repeat(3, max-content);
  align-items: center;
  gap: 0;
  display: grid;
}
.wallet-rules span {
  color: #8f8a83;
  grid-template-columns: auto auto;
  align-items: center;
  gap: 1px 6px;
  min-width: 0;
  padding: 3px 13px;
  font-size: 0.7rem;
  display: grid;
}
.wallet-rules span + span {
  border-left: 1px solid var(--border);
}
.wallet-rules span small {
  color: inherit;
  font-size: inherit;
  white-space: nowrap;
}
.wallet-rules span b {
  color: var(--foreground);
  white-space: nowrap;
  grid-column: 2;
}
.wallet-rules svg {
  width: 16px;
  color: var(--accent-ink);
  grid-row: 1/3;
}
.wallet-withdraw-button {
  min-width: 154px;
  min-height: 38px;
  box-shadow: none;
  border-radius: 10px;
  grid-area: action;
  justify-self: center;
  font-size: 0.74rem;
  font-weight: 750;
  color: #f2e3c6 !important;
  background: #d4af7c13 !important;
  border: 1px solid #d4af7c3d !important;
}
.wallet-withdraw-button:hover:not(:disabled) {
  background: #d4af7c1f !important;
  border-color: #d4af7c61 !important;
}
.wallet-withdraw-button:disabled {
  opacity: 1;
  color: #7e603e !important;
  background: #ffffff09 !important;
  border-color: #d4af7c1a !important;
}
.wallet-tabs {
  gap: 12px;
}
.wallet-tabs > [data-slot='tabs-list'] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: min(100%, 540px);
  display: grid;
}
.wallet-tabs [data-slot='tabs-trigger'] {
  justify-content: center;
}
.wallet-tab-panel {
  min-width: 0;
}
.wallet-purchase-list {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 10px;
  overflow: hidden;
}
.wallet-purchase-head,
.wallet-purchase-row {
  grid-template-columns: 86px minmax(112px, 0.85fr) minmax(
      130px,
      1.15fr
    ) minmax(120px, 1fr) minmax(110px, 0.8fr) 92px;
  align-items: center;
  column-gap: 10px;
  min-width: 0;
  display: grid;
}
.wallet-purchase-head {
  border-bottom: 1px solid var(--border);
  min-height: 30px;
  color: var(--muted);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 5px 12px;
  font-size: 0.62rem;
  font-weight: 750;
}
.wallet-purchase-row {
  min-height: 44px;
  padding: 6px 12px;
  font-size: 0.72rem;
}
.wallet-purchase-row + .wallet-purchase-row {
  border-top: 1px solid var(--border);
}
.wallet-purchase-row > span {
  gap: 1px;
  min-width: 0;
  display: grid;
}
.wallet-purchase-row b,
.wallet-purchase-row small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.wallet-purchase-row b {
  font-size: 0.72rem;
}
.wallet-purchase-row small {
  color: var(--muted);
  font-size: 0.62rem;
}
.wallet-purchase-row > strong {
  white-space: nowrap;
  color: var(--accent-ink);
  justify-self: end;
}
.wallet-empty-state {
  border: 1px solid var(--border);
  min-height: 92px;
  color: var(--muted);
  border-radius: 12px;
  place-items: center;
  font-size: 0.8rem;
  display: grid;
}
.wallet-mobile-list {
  display: none;
}
[data-theme='light'] .wallet-rules svg {
  color: #7e603e !important;
}
[data-theme='light'] .wallet-withdraw-button {
  color: #7e603e !important;
  background: #f2e3c6 !important;
  border-color: #d4af7c !important;
}
[data-theme='light'] .wallet-withdraw-button:disabled {
  opacity: 1;
  color: #7e603e !important;
  background: #faf8f4 !important;
  border-color: #d4af7c !important;
}
.pix-card {
  background: #0d0d0d;
  border-radius: 10px;
  gap: 4px;
  padding: 13px;
  display: grid;
}
.pix-card span,
.pix-card small {
  color: #8f8a83;
  font-size: 0.7rem;
}
.current-plan {
  align-items: center;
  gap: 25px;
  margin-bottom: 18px;
  padding: 25px;
  display: flex;
}
.current-plan > div {
  flex: 1;
  align-items: center;
  gap: 15px;
  display: flex;
}
.current-plan h2 {
  margin: 6px 0 3px;
}
.current-plan p {
  color: #8f8a83;
  margin: 0;
  font-size: 0.75rem;
}
.current-plan > strong {
  font-size: 1.8rem;
}
.current-plan strong small,
.plan-card > strong small {
  color: #8f8a83;
  font-size: 0.75rem;
}
.plan-card {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 18px;
  padding: 25px;
  position: relative;
}
.plan-grid {
  grid-template-columns: 1fr 1fr;
  max-width: 930px;
  margin-bottom: 20px;
}
.plan-card.featured {
  border-color: #d4af7c4d;
  box-shadow: 0 0 40px #d4af7c0a;
}
.recommended {
  color: var(--accent-ink);
  text-transform: uppercase;
  font-size: 0.65rem;
  position: absolute;
  top: 18px;
  right: 18px;
}
.plan-icon {
  width: 45px;
  height: 45px;
  color: var(--accent-ink);
  background: #d4af7c17;
  border-radius: 12px;
  place-items: center;
  display: grid;
}
.plan-icon svg {
  width: 20px;
}
.plan-card h3 {
  margin: 18px 0 10px;
  font-size: 1.2rem;
}
.plan-card > strong {
  font-size: 2rem;
}
.plan-card ul {
  gap: 9px;
  margin: 20px 0;
  padding: 0;
  list-style: none;
  display: grid;
}
.plan-card li {
  color: #aaa7a3;
  gap: 8px;
  font-size: 0.75rem;
  display: flex;
}
.plan-card li svg {
  width: 14px;
  color: var(--accent-ink);
}
.plan-card button {
  width: 100%;
}
.subscription-simulator-note {
  width: fit-content;
  color: var(--muted);
  align-items: center;
  gap: 7px;
  margin: 0 0 10px;
  font-size: 0.68rem;
  display: flex;
}
.subscription-simulator-note svg {
  width: 14px;
  color: var(--accent-ink);
}
.subscription-simple-card {
  background: linear-gradient(145deg, #161411f5, #0a0a0afa);
  border: 1px solid #d4af7c3d;
  border-radius: 20px;
  gap: 16px;
  width: min(100%, 560px);
  padding: 24px;
  display: grid;
  box-shadow:
    0 18px 50px #0000002e,
    inset 0 1px #ffffff09;
}
.subscription-simple-card > header {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}
.subscription-simple-icon {
  width: 38px;
  height: 38px;
  color: var(--accent-ink);
  background: #d4af7c12;
  border: 1px solid #d4af7c2e;
  border-radius: 11px;
  place-items: center;
  display: grid;
}
.subscription-simple-icon svg {
  width: 18px;
}
.subscription-simple-copy {
  gap: 7px;
  display: grid;
}
.subscription-simple-copy > span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 750;
}
.subscription-simple-copy h2 {
  letter-spacing: -0.04em;
  margin: 0;
  font-size: 2rem;
  line-height: 1;
}
.subscription-simple-copy h2 small {
  color: var(--muted);
  letter-spacing: 0;
  font-size: 0.72rem;
  font-weight: 600;
}
.subscription-simple-copy p {
  color: #aaa7a3;
  max-width: 430px;
  margin: 3px 0 0;
  font-size: 0.78rem;
  line-height: 1.5;
}
.subscription-cycle-grid {
  border: 1px solid var(--border);
  border-radius: 13px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
  overflow: hidden;
}
.subscription-cycle-grid > span {
  border-right: 1px solid var(--border);
  gap: 4px;
  min-width: 0;
  padding: 11px 12px;
  display: grid;
}
.subscription-cycle-grid > span:last-child {
  border-right: 0;
}
.subscription-cycle-grid small {
  color: var(--muted);
  font-size: 0.59rem;
  line-height: 1.2;
}
.subscription-cycle-grid strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.72rem;
  overflow: hidden;
}
.subscription-trial-line {
  border-top: 1px solid var(--border);
  color: var(--muted);
  align-items: center;
  gap: 7px;
  padding-top: 13px;
  font-size: 0.7rem;
  display: flex;
}
.subscription-trial-line svg {
  width: 14px;
  color: var(--accent-ink);
}
.subscription-trial-line strong {
  color: var(--foreground);
}
.subscription-simple-card > button {
  width: 100%;
  min-height: 42px;
}
.subscription-pix-payment {
  border: 1px solid var(--border);
  background: #d4af7c0b;
  border-radius: 13px;
  gap: 10px;
  padding: 14px;
  display: grid;
}
.subscription-pix-payment > strong {
  font-size: 0.82rem;
}
.subscription-pix-payment > small {
  color: var(--muted);
  font-size: 0.68rem;
  line-height: 1.45;
}
.subscription-pix-payment code {
  border: 1px solid var(--border);
  line-break: anywhere;
  -webkit-user-select: all;
  user-select: all;
  border-radius: 8px;
  max-height: 100px;
  padding: 10px;
  font-size: 0.67rem;
  overflow: auto;
}
.subscription-pix-payment > a {
  color: var(--accent-ink);
  font-size: 0.7rem;
  font-weight: 700;
}
[data-theme='light'] .subscription-simple-card {
  background: linear-gradient(145deg, #fffdfa, #f6f2eb);
  border-color: #7e603e38;
  box-shadow:
    0 14px 36px #46352014,
    inset 0 1px #fff;
}
[data-theme='light'] .subscription-simple-copy p {
  color: #6f6b64;
}
@media (max-width: 650px) {
  .subscription-simple-card {
    border-radius: 17px;
    gap: 14px;
    padding: 18px;
  }
  .subscription-simple-copy h2 {
    font-size: 1.72rem;
  }
  .subscription-cycle-grid {
    grid-template-columns: 1fr 1fr;
  }
  .subscription-cycle-grid > span:nth-child(2) {
    border-right: 0;
  }
  .subscription-cycle-grid > span:last-child {
    border-top: 1px solid var(--border);
    grid-column: 1/-1;
  }
}
.billing {
  max-width: 930px;
}
.billing > .panel-head {
  margin-bottom: 10px;
}
.billing > .panel-head svg {
  color: var(--accent-ink);
}
.billing > div:not(.panel-head) {
  border-top: 1px solid var(--border);
  grid-template-columns: 1fr 1fr 1fr auto;
  align-items: center;
  padding: 12px 0;
  font-size: 0.75rem;
  display: grid;
}
.billing > div > button {
  color: var(--accent-ink);
  background: 0 0;
  border: 0;
}
.support-grid {
  grid-template-columns: 1.5fr 0.8fr;
  gap: 18px;
  display: grid;
}
.chat-panel {
  flex-direction: column;
  min-height: 610px;
  display: flex;
  overflow: hidden;
}
.chat-head {
  border-bottom: 1px solid var(--border);
  align-items: center;
  gap: 11px;
  height: 70px;
  padding: 0 20px;
  display: flex;
}
.chat-head > span {
  width: 35px;
  height: 35px;
  color: var(--accent-ink);
  background: #d4af7c1a;
  border-radius: 10px;
  place-items: center;
  display: grid;
}
.chat-head svg {
  width: 17px;
}
.chat-head div {
  display: grid;
}
.chat-head small {
  color: #7e603e;
}
.chat-head > svg {
  color: var(--accent-ink);
  margin-left: auto;
}
.messages {
  background: radial-gradient(circle, #d4af7c06, #0000 30%);
  flex-direction: column;
  flex: 1;
  gap: 10px;
  padding: 24px;
  display: flex;
}
.message {
  background: #1a1815;
  border-radius: 14px;
  max-width: 72%;
  padding: 12px 14px;
  font-size: 0.78rem;
  line-height: 1.5;
}
.message.user {
  background: var(--primary);
  color: #0a0a0a;
  align-self: flex-end;
}
.chat-input {
  border: 1px solid var(--border);
  border-radius: 12px;
  gap: 8px;
  margin: 0 18px 14px;
  padding: 5px;
  display: flex;
}
.chat-input input {
  color: #fff;
  background: 0 0;
  border: 0;
  outline: 0;
  flex: 1;
  padding: 0 8px;
}
.human-support {
  border-top: 1px solid var(--border);
  align-items: center;
  gap: 10px;
  padding: 15px 18px;
  display: flex;
}
.human-support > svg {
  color: var(--accent-ink);
}
.human-support > div {
  flex: 1;
  display: grid;
}
.human-support span {
  color: #8f8a83;
  font-size: 0.7rem;
}
.help-panel {
  padding: 24px;
}
.help-panel h3 {
  font-size: 1.4rem;
}
.help-panel details {
  border-top: 1px solid var(--border);
  padding: 16px 0;
}
.help-panel summary {
  cursor: pointer;
  justify-content: space-between;
  gap: 10px;
  font-size: 0.8rem;
  display: flex;
}
.help-panel summary svg {
  width: 15px;
}
.help-panel details p {
  color: #7e603e;
  font-size: 0.74rem;
  line-height: 1.5;
}
.tutorial-card {
  background: #d4af7c0f;
  border-radius: 12px;
  margin-top: 20px;
  padding: 17px;
}
.tutorial-card p {
  color: #7e603e;
  font-size: 0.75rem;
}
.tutorial-card a {
  color: var(--accent-ink);
  font-size: 0.75rem;
}
.profile-card {
  grid-template-columns: 180px 1fr;
  gap: 28px;
  padding: 26px;
  display: grid;
}
.profile-photo {
  flex-direction: column;
  align-items: center;
  gap: 14px;
  display: flex;
}
.profile-photo > span {
  width: 110px;
  height: 110px;
  color: var(--accent-ink);
  background: linear-gradient(135deg, #312a22, #111);
  border-radius: 50%;
  place-items: center;
  font-size: 2rem;
  display: grid;
}
.profile-form {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  display: grid;
}
.profile-form label {
  color: #8f8a83;
  gap: 7px;
  font-size: 0.75rem;
  display: grid;
}
.profile-form input:disabled {
  opacity: 0.55;
}
.full {
  grid-column: 1/-1;
}
.pix-field {
  background: #0e0e0e;
  border-radius: 11px;
  justify-content: space-between;
  align-items: center;
  padding: 14px;
  display: flex;
}
.pix-field > div {
  gap: 3px;
  display: grid;
}
.pix-field span,
.pix-field small {
  color: #8f8a83;
  font-size: 0.7rem;
}
.form-actions {
  justify-content: flex-end;
  align-items: center;
  gap: 14px;
  display: flex;
}
.form-actions span {
  color: var(--accent-ink);
  align-items: center;
  gap: 5px;
  font-size: 0.72rem;
  display: flex;
}
.form-actions svg {
  width: 14px;
}
.settings-list {
  gap: 10px;
  max-width: 900px;
  display: grid;
}
.settings-list article {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 13px;
  align-items: center;
  gap: 13px;
  padding: 16px;
  display: flex;
}
.settings-list article > span {
  width: 39px;
  height: 39px;
  color: var(--accent-ink);
  background: #d4af7c14;
  border-radius: 10px;
  place-items: center;
  display: grid;
}
.settings-list article > span svg {
  width: 17px;
}
.settings-list article > div {
  flex: 1;
  display: grid;
}
.settings-list small {
  color: #8f8a83;
}
@media (max-width: 1100px) {
  .cards-grid,
  .product-grid,
  .course-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .stats-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .feature-card {
    grid-template-columns: auto 1fr;
  }
  .feature-card > button {
    grid-column: 2;
  }
  .support-grid {
    grid-template-columns: 1fr;
  }
  .help-panel {
    min-height: auto;
  }
}
@media (max-width: 760px) {
  .page-intro {
    flex-direction: column;
    align-items: flex-start;
  }
  .page-intro > button {
    width: 100%;
  }
  .arka-tabs > [data-slot='tabs-list'] {
    justify-content: flex-start;
    max-width: 100%;
    overflow: auto;
  }
  .wallet-tabs > [data-slot='tabs-list'] {
    width: 100%;
    overflow: visible;
  }
  .wallet-tabs [data-slot='tabs-trigger'] {
    min-width: 0;
    padding-inline: 6px !important;
  }
  .wallet-data-table {
    display: none;
  }
  .wallet-mobile-list {
    gap: 8px;
    display: grid;
  }
  .wallet-mobile-list article {
    border: 1px solid var(--border);
    background: var(--card);
    border-radius: 11px;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 5px 10px;
    min-width: 0;
    padding: 12px;
    display: grid;
  }
  .wallet-mobile-list article > div {
    gap: 2px;
    min-width: 0;
    display: grid;
  }
  .wallet-mobile-list article strong,
  .wallet-mobile-list article p,
  .wallet-mobile-list article small {
    overflow-wrap: anywhere;
    min-width: 0;
    margin: 0;
  }
  .wallet-mobile-list article p,
  .wallet-mobile-list article > small {
    grid-column: 1/-1;
  }
  .wallet-mobile-list article small {
    color: var(--muted);
    font-size: 0.7rem;
  }
  .feature-card {
    grid-template-columns: 1fr;
    padding: 22px;
  }
  .feature-card > button {
    grid-column: auto;
  }
  .cards-grid,
  .product-grid,
  .course-grid,
  .plan-grid {
    grid-template-columns: 1fr;
  }
  .stats-grid {
    grid-template-columns: 1fr 1fr;
  }
  .filter-bar {
    overflow: auto;
  }
  .filter-bar button {
    flex: none;
  }
  .contracts-grid .contract-card {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .contract-card button {
    width: 100%;
  }
  .steps {
    padding-bottom: 7px;
  }
  .form-grid {
    grid-template-columns: 1fr;
  }
  .pending-fields {
    grid-column: auto;
  }
  .forge-feature {
    grid-template-columns: 1fr;
  }
  .forge-visual {
    min-height: 190px;
  }
  .forge-feature > div:last-child {
    padding: 24px;
  }
  .mock-player {
    height: 210px;
  }
  .view-toolbar {
    display: block;
  }
  .view-switch {
    width: max-content;
    margin-bottom: 15px;
  }
  .ranking-row {
    grid-template-columns: 24px 1fr auto;
  }
  .ranking-row em {
    display: none;
  }
  .wallet-hero {
    grid-template-columns: minmax(130px, 0.82fr) minmax(250px, 1.18fr);
    grid-template-areas: 'balance rules' 'action action';
    align-items: center;
    gap: 8px 12px;
    padding: 13px 14px;
  }
  .wallet-rules {
    grid-template-columns: 1fr;
    width: 100%;
  }
  .wallet-rules span {
    grid-template-columns: 18px minmax(0, 1fr) auto;
    gap: 4px 6px;
    padding: 3px 0;
  }
  .wallet-rules span + span {
    border-left: 0;
    border-top: 1px solid var(--border);
  }
  .wallet-rules svg {
    grid-row: 1;
  }
  .wallet-rules span b {
    grid-column: 3;
  }
  .wallet-rules span small,
  .wallet-rules span b {
    white-space: normal;
  }
  .wallet-withdraw-button {
    justify-self: center;
    width: fit-content;
    min-width: 154px;
  }
  .wallet-purchase-head {
    display: none;
  }
  .wallet-purchase-row {
    grid-template-columns: 64px minmax(86px, 0.75fr) minmax(
        110px,
        1.2fr
      ) minmax(95px, 1fr) 88px 78px;
    gap: 7px;
    min-width: 560px;
    min-height: 40px;
    padding: 5px 8px;
  }
  .wallet-purchase-list {
    overflow-x: auto;
  }
  .current-plan {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .current-plan > div {
    min-width: 100%;
  }
  .current-plan > button {
    width: 100%;
  }
  .billing > div:not(.panel-head) {
    grid-template-columns: 1fr auto;
  }
  .billing .status,
  .billing > div > button {
    display: none;
  }
  .chat-panel {
    min-height: 560px;
  }
  .human-support {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .human-support button {
    width: 100%;
  }
  .profile-card,
  .profile-form {
    grid-template-columns: 1fr;
  }
  .profile-form .full {
    grid-column: auto;
  }
  .pix-field {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }
  .pix-field button {
    width: 100%;
  }
  .profile-tabs [data-slot='tabs-trigger'] {
    font-size: 0 !important;
  }
  .profile-tabs [data-slot='tabs-trigger'] svg {
    width: 18px !important;
  }
  .lesson-actions {
    flex-direction: column;
  }
  .lesson-actions button {
    width: 100%;
  }
}
@media (max-width: 430px) {
  .stats-grid {
    grid-template-columns: 1fr;
  }
  .feature-icon,
  .cert-badge {
    width: 58px;
    height: 58px;
  }
  .course-grid {
    grid-template-columns: 1fr;
  }
  .arka-dialog {
    padding: 18px !important;
  }
  .steps > span {
    font-size: 0;
  }
  .steps i {
    font-size: 0.65rem;
  }
}
.rating-flow {
  gap: 24px;
}
.rating-form {
  gap: 12px;
  margin-top: 12px;
  display: grid;
}
.rating-form-section {
  border: 1px solid var(--border);
  background: #ffffff03;
  border-radius: 12px;
  gap: 9px;
  padding: 14px;
  display: grid;
}
.rating-form-section:first-child {
  border-top: 0;
  padding-top: 0;
}
.rating-form-section > header {
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  display: flex;
}
.rating-form-section h4 {
  color: #e8e3dc;
  margin: 0;
  font-size: 0.9rem;
}
.rating-form-section > header small {
  color: #7e603e;
  font-size: 0.66rem;
}
.rating-fields-grid {
  gap: 8px 10px;
}
.rating-fields-grid label {
  gap: 4px;
  font-size: 0.68rem;
}
.rating-fields-grid input,
.rating-fields-grid select {
  min-height: 39px;
  padding: 8px 10px;
}
.rating-fields-grid .full {
  grid-column: 1/-1;
}
.rating-postal-field {
  display: block;
}
.rating-postal-status {
  color: #a58152;
}
.rating-document-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.rating-submit-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 2px;
  display: flex;
}
.rating-intake-alert {
  color: #ded8ce;
  background: #d4af7c0e;
  border: 1px solid #d4af7c3d;
  border-radius: 11px;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  display: flex;
}
.rating-intake-alert svg {
  width: 20px;
  color: var(--accent);
}
.rating-intake-alert span {
  gap: 2px;
  display: grid;
}
.rating-intake-alert small {
  color: #a58152;
}
.rating-model-guide {
  background: #ffffff02;
  border-color: #d4af7c29;
  grid-template-columns: 1fr 1fr;
  align-self: start;
  gap: 7px;
  width: min(100%, 460px);
  padding: 10px;
  display: grid;
}
.rating-model-guide > div {
  grid-column: 1/-1;
  gap: 7px;
}
.rating-model-guide > div > svg {
  width: 17px;
}
.rating-model-guide strong {
  font-size: 0.76rem;
}
.rating-model-guide small {
  font-size: 0.61rem;
  line-height: 1.35;
}
.rating-model-guide > a {
  background: #ffffff03;
  justify-content: center;
  padding: 6px 8px;
  font-size: 0.65rem;
}
.rating-cnpj-field {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  display: grid;
}
.rating-cnpj-field button {
  color: var(--accent-ink);
  background: #d4af7c0f;
  border: 1px solid #d4af7c40;
  border-radius: 8px;
  padding: 0 10px;
  font-size: 0.67rem;
  font-weight: 800;
}
.rating-company-status {
  color: #a58152;
  font-size: 0.62rem;
  line-height: 1.3;
}
.orders-inline-action {
  color: var(--accent-ink);
  background: #d4af7c12;
  border: 1px solid #d4af7c47;
  border-radius: 7px;
  margin-top: 5px;
  padding: 5px 8px;
  font-size: 0.65rem;
  font-weight: 800;
}
.orders-inline-action svg {
  vertical-align: -2px;
  width: 13px;
  height: 13px;
  margin-right: 4px;
}
.process-edit-dialog {
  width: min(520px, 100vw - 24px);
}
.process-edit-form {
  gap: 12px;
  display: grid;
}
.process-edit-form label {
  color: var(--muted-foreground);
  gap: 6px;
  font-size: 0.72rem;
  font-weight: 750;
  display: grid;
}
.process-edit-form input {
  border: 1px solid var(--border);
  background: var(--input);
  width: 100%;
  min-height: 44px;
  color: var(--foreground);
  border-radius: 10px;
  outline: none;
  padding: 0 12px;
}
.process-edit-form input:focus {
  border-color: #d4af7c8c;
  box-shadow: 0 0 0 3px #d4af7c14;
}
.rating-form .form-grid input,
.rating-form .form-grid select {
  width: 100%;
  min-width: 0;
}
.rating-upload-field {
  background: #d4af7c09;
  border: 1px dashed #d4af7c47;
  border-radius: 10px;
  align-items: center;
  padding: 13px;
  gap: 10px !important;
  display: flex !important;
}
.rating-upload-field > svg {
  width: 20px;
  color: var(--accent-ink);
  flex: none;
}
.rating-upload-field > span {
  flex: 1;
  gap: 3px;
  display: grid;
}
.rating-upload-field small {
  color: #7e603e;
}
.rating-upload-field input {
  max-width: 210px;
  font-size: 0.68rem;
  padding: 6px !important;
}
.security-note {
  color: #d9b37e;
  background: #ffb45e12;
  border: 1px solid #ffb45e33;
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  padding: 13px;
  font-size: 0.75rem;
  display: flex;
}
.security-note svg {
  flex: none;
  width: 20px;
}
.security-note span {
  gap: 2px;
  display: grid;
}
.model-downloads {
  border: 1px solid var(--border);
  background: #101010;
  border-radius: 12px;
  align-items: center;
  gap: 8px;
  padding: 14px;
  display: flex;
}
.model-downloads > div {
  flex: 1;
  align-items: center;
  gap: 10px;
  display: flex;
}
.model-downloads > div > svg {
  color: var(--accent-ink);
  width: 22px;
}
.model-downloads span {
  gap: 3px;
  display: grid;
}
.model-downloads small {
  color: #7e603e;
  font-size: 0.68rem;
}
.model-downloads > a {
  color: #f2e3c6;
  border: 1px solid var(--border);
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  font-size: 0.7rem;
  display: inline-flex;
}
.model-downloads > a svg {
  width: 14px;
}
.rating-review,
.payment-ready-state {
  text-align: center;
  justify-items: center;
  gap: 12px;
  padding: 20px 0;
  display: grid;
}
.rating-review > svg {
  color: var(--accent-ink);
  width: 34px;
}
.rating-review > h3,
.payment-ready-state > h3 {
  margin: 0;
}
.rating-review > p,
.payment-ready-state > p,
.payment-ready-state > small {
  color: #929292;
  max-width: 560px;
  line-height: 1.5;
}
.rating-cart {
  text-align: left;
  gap: 8px;
  width: 100%;
  display: grid;
}
.rating-cart > div {
  border: 1px solid var(--border);
  background: #0e0e0e;
  border-radius: 10px;
  align-items: center;
  gap: 12px;
  padding: 13px;
  display: flex;
}
.rating-cart span {
  flex: 1;
  gap: 3px;
  display: grid;
}
@media (max-width: 720px) {
  .rating-form {
    gap: 9px;
  }
  .rating-form-section {
    padding: 11px;
  }
  .rating-form-section > header {
    gap: 2px;
    display: grid;
  }
  .rating-fields-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .rating-document-grid {
    grid-template-columns: 1fr;
  }
  .rating-model-guide {
    width: min(100%, 360px);
  }
  .rating-model-guide > a {
    justify-content: center;
    width: 100%;
  }
  .rating-submit-actions > * {
    width: 100%;
  }
  .rating-cnpj-field {
    grid-template-columns: 1fr;
  }
  .rating-cnpj-field button {
    min-height: 36px;
  }
}
@media (max-width: 430px) {
  .rating-fields-grid {
    grid-template-columns: 1fr;
  }
  .rating-fields-grid .full {
    grid-column: auto;
  }
}
.rating-cart small {
  color: #7e603e;
  font-size: 0.68rem;
}
.rating-cart button {
  color: #ff8c82;
  background: 0 0;
  border: 0;
}
.rating-cart button svg {
  width: 16px;
}
.payment-success {
  width: 100%;
  max-width: 680px;
}
.woovi-charge-list {
  gap: 10px;
  width: 100%;
  margin-top: 6px;
  display: grid;
}
.woovi-charge {
  text-align: left;
  background: #0a0a0ab8;
  border: 1px solid #d4af7c33;
  border-radius: 14px;
  grid-template-columns: minmax(0, 1fr) 190px auto;
  align-items: center;
  gap: 14px;
  padding: 14px;
  display: grid;
}
.woovi-charge > div {
  gap: 3px;
  display: grid;
}
.woovi-charge strong {
  color: var(--foreground);
}
.woovi-charge small {
  color: var(--muted-foreground);
  line-height: 1.35;
}
.woovi-charge img {
  aspect-ratio: 1;
  object-fit: contain;
  background: #fff;
  border-radius: 10px;
  width: 190px;
  max-width: 100%;
  padding: 7px;
}
.woovi-charge > a {
  color: var(--accent-ink);
  font-weight: 750;
}
.woovi-charge.paid {
  background: #6d50331f;
  border-color: #d4af7c7a;
}
.woovi-charge.expired,
.woovi-charge.held_for_review {
  border-color: #ffb65747;
}
.payment-security-copy {
  font-size: 0.75rem;
  color: var(--muted-foreground) !important;
}
[data-theme='light'] .woovi-charge {
  background: #faf8f4f2;
  border-color: #6d50332e;
}
.rating-total {
  border-top: 1px solid var(--border);
  justify-content: space-between;
  width: 100%;
  padding: 14px 0;
  display: flex;
}
.qr-placeholder {
  aspect-ratio: 1;
  color: #0a0a0a;
  letter-spacing: 0.12em;
  background: repeating-conic-gradient(#0a0a0a 0 25%, #fff 0 50%) 0/22px 22px;
  border: 12px solid #fff;
  place-items: center;
  width: 164px;
  font-weight: 900;
  display: grid;
}
.qr-placeholder span {
  background: #fff;
  padding: 8px;
}
@media (max-width: 720px) {
  .model-downloads {
    flex-wrap: wrap;
    align-items: stretch;
  }
  .model-downloads > div {
    flex-basis: 100%;
  }
  .model-downloads > a {
    flex: 1;
    justify-content: center;
  }
  .rating-upload-field {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .rating-upload-field input {
    width: 100%;
    max-width: 100%;
  }
}
.auth-mode-switch,
.person-type-switch {
  border: 1px solid var(--border);
  background: #ffffff06;
  border-radius: 10px;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  padding: 4px;
  display: grid;
}
.auth-mode-switch button,
.person-type-switch button {
  color: #7e603e;
  min-height: 38px;
  font: inherit;
  cursor: pointer;
  background: 0 0;
  border: 0;
  border-radius: 7px;
  font-size: 0.78rem;
}
.auth-mode-switch button.active,
.person-type-switch button.active {
  color: var(--accent-ink);
  background: #d4af7c1c;
  box-shadow: inset 0 0 0 1px #d4af7c29;
}
.auth-inner-form {
  gap: 18px;
  display: grid;
}
.auth-inner-form > div:first-child {
  gap: 7px;
  display: grid;
}
.auth-inner-form h2,
.auth-inner-form p {
  margin: 0;
}
.auth-inner-form p {
  color: #7e603e;
  line-height: 1.45;
}
.registration-grid {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}
.registration-intro {
  display: grid;
  gap: 6px !important;
}
.registration-intro > div {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}
.registration-invite {
  color: var(--accent-ink);
  letter-spacing: 0.06em;
  background: #d4af7c14;
  border: 1px solid #d4af7c4d;
  border-radius: 999px;
  flex: none;
  padding: 5px 9px;
  font-size: 0.62rem;
  font-weight: 800;
}
.registration-wide-field {
  grid-column: 1/-1;
}
.field-hint {
  color: #777773;
  margin-left: auto;
  font-size: 0.6rem;
  font-weight: 500;
}
.registration-form label:has(> .password-field) {
  grid-template-columns: auto 1fr;
}
.registration-form label:has(> .password-field) > .password-field {
  grid-column: 1/-1;
}
.form-success {
  color: #f2e3c6;
  background: #d4af7c12;
  border: 1px solid #d4af7c40;
  border-radius: 8px;
  padding: 11px 12px;
  font-size: 0.78rem;
}
@media (max-width: 720px) {
  .registration-grid {
    grid-template-columns: 1fr;
  }
}
.sidebar nav a.nav-primary {
  border: 1px solid var(--primary);
  background: var(--primary);
  width: fit-content;
  min-width: 158px;
  max-width: 100%;
  min-height: 46px;
  color: var(--primary-foreground);
  margin-bottom: 7px;
  padding-inline: 12px 15px;
  font-weight: 800;
  box-shadow: 0 8px 24px #d4af7c29;
}
.sidebar nav a.nav-primary:hover,
.sidebar nav a.nav-primary.active {
  background: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .sidebar nav a.nav-primary:hover,
  .sidebar nav a.nav-primary.active {
    background: color-mix(in srgb, var(--primary) 88%, white);
  }
}
.sidebar nav a.nav-primary:hover,
.sidebar nav a.nav-primary.active {
  color: var(--primary-foreground);
  box-shadow: 0 9px 28px #d4af7c33;
}
.sidebar nav a.active {
  box-shadow: inset 0 0 18px #d4af7c0d;
}
.app-header {
  background: #0a0a0ae6;
  border-color: #d4af7c21;
  gap: 20px;
  height: auto;
  min-height: 88px;
}
.header-title {
  min-width: 155px;
}
.header-kpis {
  background: #0a0a0ab3;
  border: 1px solid #d4af7c1f;
  border-radius: 14px;
  flex: 1;
  grid-template-columns: repeat(4, minmax(110px, 1fr));
  max-width: 760px;
  display: grid;
}
.header-kpis > span {
  border-right: 1px solid #d4af7c1a;
  gap: 3px;
  padding: 10px 14px;
  display: grid;
}
.header-kpis > span:last-child {
  border: 0;
}
.header-kpis small {
  color: #7e603e;
  font-size: 0.58rem;
}
.header-kpis strong {
  color: #e8e3dc;
  white-space: nowrap;
  font-size: 0.69rem;
}
.page-content {
  padding: clamp(14px, 2vw, 28px);
}
.cinematic-dashboard {
  gap: 14px;
  display: grid;
}
.cinematic-top-grid {
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 14px;
  display: grid;
}
.cinematic-hero,
.glass-panel {
  background: linear-gradient(145deg, #1a1815e0, #0a0a0af0);
  border: 1px solid #d4af7c26;
  border-radius: 21px;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff06;
}
.cinematic-hero {
  isolation: isolate;
  background: #0a0a0a;
  min-height: 390px;
  position: relative;
}
.cinematic-hero:before {
  content: '';
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, #0a0a0afa, #0a0a0ab8 38%, #0a0a0a12 76%),
    linear-gradient(#0000 50%, #0a0a0ac7);
  position: absolute;
  inset: 0;
}
.cinematic-hero:after {
  content: '';
  z-index: 1;
  pointer-events: none;
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 55px #000000b8;
}
.cinematic-hero-media {
  z-index: 0;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.cinematic-hero-media img {
  object-fit: cover;
  object-position: center;
  opacity: 0;
  filter: saturate(0.9) contrast(1.05) brightness(0.9);
  width: 100%;
  height: 100%;
  transition:
    opacity 0.9s,
    transform 8s linear;
  position: absolute;
  inset: 0;
  transform: scale(1.025);
}
.cinematic-copy {
  z-index: 2;
  max-width: 430px;
  padding: 44px;
  animation: 0.55s both cinematic-copy-in;
  position: relative;
}
.cinematic-copy h2 {
  letter-spacing: -0.065em;
  margin: 10px 0 14px;
  font-size: clamp(2.5rem, 4vw, 4.3rem);
  line-height: 0.92;
}
.cinematic-copy p {
  color: #a58152;
  max-width: 300px;
  line-height: 1.55;
}
.cinematic-actions {
  gap: 10px;
  margin-top: 25px;
  display: flex;
}
.cinematic-actions .button {
  min-height: 42px;
}
.button {
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 16px;
  font-size: 0.78rem;
  font-weight: 800;
  display: inline-flex;
}
.button svg {
  width: 16px;
}
.button.primary {
  border: 1px solid var(--primary);
  background: var(--primary);
  color: var(--primary-foreground);
  box-shadow: 0 8px 24px #d4af7c21;
}
.button.primary:hover {
  filter: brightness(0.96);
}
.button.ghost {
  color: #d4af7c;
  background: #0a0a0abd;
  border: 1px solid #d4af7c29;
}
.cinematic-dots {
  z-index: 3;
  gap: 6px;
  display: flex;
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translate(-50%);
}
.cinematic-dots button {
  cursor: pointer;
  background: #6d5033;
  border: 0;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  padding: 0;
  transition:
    width 0.25s,
    background 0.25s;
}
:is(.cinematic-dots button:hover, .cinematic-dots button:focus-visible) {
  outline-offset: 3px;
  background: #7e603e;
  outline: 2px solid #d4af7c52;
}
.cinematic-dots button.is-active {
  background: var(--primary);
  border-radius: 8px;
  width: 24px;
}
@keyframes cinematic-copy-in {
  0% {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.financial-overview {
  grid-template-rows: auto auto 1fr auto;
  min-width: 0;
  padding: 20px;
  display: grid;
}
.financial-overview-head {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}
.financial-overview-head > div {
  gap: 4px;
  display: grid;
}
.financial-overview-head > div > strong {
  font-size: 0.95rem;
}
.financial-overview-head button {
  color: #a58152;
  background: #ffffff06;
  border: 1px solid #d4af7c26;
  border-radius: 10px;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
}
.financial-overview-head button:hover {
  color: var(--accent-ink);
  border-color: #d4af7c52;
}
.financial-overview-head button svg {
  width: 16px;
}
.financial-balance {
  border-bottom: 1px solid #d4af7c1c;
  gap: 7px;
  padding: 18px 0 15px;
  display: grid;
}
.financial-balance > span {
  color: #7e603e;
  align-items: center;
  gap: 7px;
  font-size: 0.68rem;
  display: flex;
}
.financial-balance > span svg {
  width: 15px;
  color: var(--accent-ink);
}
.financial-balance > strong {
  letter-spacing: -0.055em;
  font-size: 1.65rem;
  line-height: 1;
}
.financial-balance > a {
  width: max-content;
  color: var(--accent-ink);
  align-items: center;
  gap: 5px;
  font-size: 0.66rem;
  font-weight: 750;
  display: flex;
}
.financial-balance > a svg {
  width: 13px;
}
.financial-kpi-grid {
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  padding: 14px 0 10px;
  display: grid;
}
.financial-kpi-grid > span {
  background: #ffffff05;
  border: 1px solid #d4af7c17;
  border-radius: 11px;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 3px 7px;
  min-width: 0;
  padding: 9px;
  display: grid;
}
.financial-kpi-grid svg {
  width: 15px;
  color: var(--accent-ink);
  grid-row: 1/3;
}
.financial-kpi-grid small {
  color: #7e603e;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.57rem;
  overflow: hidden;
}
.financial-kpi-grid strong {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.72rem;
  overflow: hidden;
}
.financial-mini-chart {
  align-items: stretch;
  gap: 8px;
  height: 54px;
  padding-top: 4px;
  display: flex;
}
.financial-mini-chart > span {
  flex: 1;
  grid-template-rows: 1fr auto;
  gap: 4px;
  min-width: 0;
  display: grid;
}
.financial-mini-chart i {
  background: #d4af7c0b;
  border-radius: 7px;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  overflow: hidden;
}
.financial-mini-chart b {
  background: linear-gradient(180deg, var(--primary), #b98e596b);
  border-radius: 6px;
  width: 100%;
  transition: height 0.35s;
  display: block;
  box-shadow: 0 0 12px #d4af7c1f;
}
.financial-mini-chart small {
  color: #7e603e;
  text-align: center;
  font-size: 0.52rem;
}
.financial-mini-chart.is-hidden b {
  opacity: 0.28;
  height: 22% !important;
}
.cinematic-panel-head {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}
.cinematic-panel-head > svg {
  width: 18px;
  color: var(--accent-ink);
}
.cinematic-panel-head span {
  align-items: center;
  gap: 8px;
  font-weight: 700;
  display: flex;
}
.cinematic-panel-head span svg {
  width: 17px;
  color: var(--accent-ink);
}
.cinematic-panel-head small {
  color: var(--accent-ink);
}
.priority-title {
  gap: 12px;
  margin: 28px 0 25px;
  display: flex;
}
.priority-title > i {
  width: 48px;
  height: 48px;
  color: var(--accent-ink);
  background: #d4af7c1c;
  border-radius: 14px;
  place-items: center;
  display: grid;
}
.priority-title > i svg {
  width: 21px;
}
.priority-title > div {
  gap: 5px;
  display: grid;
}
.priority-title small {
  color: #7d7d7d;
}
.priority-progress > span {
  color: #7e603e;
  justify-content: space-between;
  font-size: 0.72rem;
  display: flex;
}
.priority-progress > span b {
  color: #e8e3dc;
}
.priority-progress > i {
  background: #1a1815;
  border-radius: 6px;
  height: 6px;
  margin-top: 8px;
  display: block;
  overflow: hidden;
}
.priority-progress > i b {
  background: var(--primary);
  width: 68%;
  height: 100%;
  display: block;
  box-shadow: 0 0 10px #d4af7c73;
}
.priority-stats {
  color: #929292;
  gap: 22px;
  margin: 24px 0;
  font-size: 0.72rem;
  display: flex;
}
.priority-stats b {
  color: var(--accent-ink);
}
.button.wide {
  justify-content: center;
  width: 100%;
}
.cinematic-shortcuts {
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  display: grid;
}
.cinematic-shortcut {
  color: inherit;
  padding: 17px;
}
.shortcut-image {
  background: #0a0a0a;
  border-radius: 15px;
  height: 170px;
  margin-top: 14px;
  position: relative;
  overflow: hidden;
}
.shortcut-image img {
  object-fit: cover;
  opacity: 0.75;
  width: 100%;
  height: 100%;
  transition: all 0.35s;
}
.cinematic-shortcut:hover img {
  opacity: 0.9;
  transform: scale(1.035);
}
.shortcut-image:after {
  content: '';
  background: linear-gradient(#0000 45%, #0a0a0a9e);
  position: absolute;
  inset: 0;
}
.shortcut-image span {
  z-index: 2;
  background: #0a0a0abd;
  border: 1px solid #d4af7c33;
  border-radius: 50%;
  place-items: center;
  width: 31px;
  height: 31px;
  display: grid;
  position: absolute;
  bottom: 10px;
  right: 11px;
}
.shortcut-image span svg {
  width: 14px;
}
@media (max-width: 1540px) {
  .app-header {
    gap: 12px;
    width: 100%;
    min-width: 0;
    padding-inline: clamp(16px, 2vw, 28px);
  }
  .header-title,
  .header-title.daily-greeting {
    flex: auto;
    min-width: 0;
  }
  .header-kpis {
    display: none;
  }
  .header-actions {
    flex: none;
    gap: 8px;
    min-width: 0;
    margin-left: auto;
  }
  .workspace-switcher {
    min-width: 0;
  }
  .workspace-switcher-button {
    max-width: min(220px, 24vw);
  }
  .workspace-switcher-button > span {
    text-overflow: ellipsis;
    min-width: 0;
    overflow: hidden;
  }
  .header-actions .icon-button,
  .header-avatar {
    flex: none;
  }
}
@media (max-width: 1150px) {
  .cinematic-top-grid {
    grid-template-columns: 1fr;
  }
  .financial-overview {
    grid-template-rows: auto 1fr;
    grid-template-columns: 1.1fr 1.4fr 0.8fr;
    gap: 0 18px;
  }
  .financial-overview-head {
    grid-column: 1/-1;
    margin-bottom: 12px;
  }
  .financial-balance {
    border: 0;
    padding: 4px 0;
  }
  .financial-kpi-grid {
    padding: 0;
  }
  .financial-mini-chart {
    height: auto;
    min-height: 88px;
  }
}
@media (max-width: 760px) {
  .header-kpis {
    display: none;
  }
  .header-title {
    min-width: 0;
  }
  .cinematic-hero {
    min-height: 390px;
  }
  .cinematic-hero-media img {
    object-position: 62% center;
  }
  .cinematic-copy {
    max-width: 300px;
    padding: 28px 22px;
  }
  .cinematic-copy h2 {
    font-size: 2.6rem;
  }
  .cinematic-copy p {
    max-width: 220px;
    font-size: 0.82rem;
  }
  .cinematic-actions {
    flex-direction: column;
    align-items: flex-start;
  }
  .cinematic-actions .button {
    justify-content: center;
    min-width: 170px;
  }
  .cinematic-shortcuts {
    scroll-snap-type: x mandatory;
    grid-template-columns: repeat(3, 82%);
    overflow-x: auto;
  }
  .cinematic-shortcut {
    scroll-snap-align: start;
  }
  .shortcut-image {
    height: 185px;
  }
  .financial-overview {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    gap: 0;
  }
  .financial-overview-head {
    grid-column: auto;
  }
  .financial-balance {
    border-bottom: 1px solid var(--border);
    padding: 14px 0;
  }
  .financial-kpi-grid {
    padding: 12px 0;
  }
  .financial-mini-chart {
    min-height: 64px;
  }
}
.sidebar {
  overflow: hidden;
}
.sidebar-top {
  flex: none;
}
.workspace-badge {
  color: var(--accent-ink);
  letter-spacing: 0.035em;
  background: #d4af7c0e;
  border: 1px solid #d4af7c2e;
  border-radius: 999px;
  margin: 12px 7px 0;
  padding: 5px 8px;
  font-size: 0.62rem;
  font-weight: 750;
  display: inline-flex;
}
.workspace-nav {
  scrollbar-width: thin;
  scrollbar-color: #d4af7c38 transparent;
  min-height: 0;
  padding-right: 4px;
  overflow-y: auto;
}
.nav-group {
  gap: 3px;
  margin-bottom: 14px;
  display: grid;
}
.nav-group > strong {
  color: #666;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  padding: 0 12px 6px;
  font-size: 0.6rem;
  font-weight: 800;
}
.sidebar .nav-group a:first-of-type {
  margin-bottom: 0;
}
.workspace-switcher {
  position: relative;
}
.workspace-switcher-button {
  color: #f2e3c6;
  white-space: nowrap;
  background: #0a0a0ae6;
  border: 1px solid #d4af7c29;
  border-radius: 11px;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 11px;
  font-size: 0.72rem;
  font-weight: 700;
  display: flex;
}
.workspace-switcher-button > svg:first-child {
  width: 17px;
  color: var(--accent-ink);
}
.workspace-switcher-button > svg:last-child {
  color: #7e603e;
  width: 13px;
}
.workspace-switcher-menu {
  z-index: 90;
  background: #0a0a0afa;
  border: 1px solid #d4af7c2b;
  border-radius: 14px;
  gap: 5px;
  width: 290px;
  padding: 8px;
  display: grid;
  position: absolute;
  top: calc(100% + 9px);
  right: 0;
  box-shadow: 0 20px 60px #0000008c;
}
.workspace-switcher-menu button {
  color: #e8e3dc;
  text-align: left;
  background: 0 0;
  border: 1px solid #0000;
  border-radius: 10px;
  align-items: center;
  gap: 11px;
  padding: 11px;
  display: flex;
}
.workspace-switcher-menu button:hover,
.workspace-switcher-menu button.active {
  background: #d4af7c12;
  border-color: #d4af7c2e;
}
.workspace-switcher-menu button > svg {
  width: 18px;
  color: var(--accent-ink);
}
.workspace-switcher-menu button span {
  gap: 3px;
  display: grid;
}
.workspace-switcher-menu button strong {
  font-size: 0.77rem;
}
.workspace-switcher-menu button small {
  color: #7e603e;
  font-size: 0.64rem;
}
.backoffice-overview {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
  display: grid;
}
.backoffice-overview article {
  background: linear-gradient(145deg, #1a1815d6, #0a0a0aed);
  border: 1px solid #d4af7c21;
  border-radius: 16px;
  align-content: center;
  gap: 8px;
  min-height: 120px;
  padding: 20px;
  display: grid;
}
.backoffice-overview span,
.backoffice-overview small {
  color: #7e603e;
}
.backoffice-overview strong {
  letter-spacing: -0.04em;
  font-size: 1.42rem;
}
.management-toolbar {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  display: flex;
}
.management-toolbar > span {
  color: #7e603e;
  font-size: 0.76rem;
}
.master-authority-panel {
  background: linear-gradient(135deg, #d4af7c13, #ffffff05);
  border: 1px solid #d4af7c2e;
  border-radius: 12px;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  margin: 0 0 14px;
  padding: 12px 14px;
  display: grid;
}
.master-authority-panel > svg {
  width: 21px;
  color: var(--accent-ink);
}
.master-authority-panel > div {
  gap: 3px;
  min-width: 0;
  display: grid;
}
.master-authority-panel strong {
  color: #eee;
  font-size: 0.78rem;
}
.master-authority-panel span {
  color: #7e603e;
  font-size: 0.69rem;
  line-height: 1.4;
}
[data-theme='light'] .master-authority-panel {
  background: linear-gradient(135deg, #f6ecdd, #fff);
  border-color: #a581522e;
}
[data-theme='light'] .master-authority-panel strong {
  color: #1a1815;
}
[data-theme='light'] .master-authority-panel span {
  color: #7e603e;
}
.check-line {
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  gap: 9px !important;
  display: flex !important;
}
.check-line input {
  width: 18px !important;
  height: 18px !important;
}
.kanban-board,
.support-kanban {
  grid-template-columns: repeat(5, minmax(230px, 1fr));
  gap: 11px;
  padding-bottom: 8px;
  display: grid;
  overflow-x: auto;
}
.support-kanban {
  grid-template-columns: repeat(4, minmax(250px, 1fr));
}
.kanban-column {
  background: #0a0a0ab8;
  border: 1px solid #d4af7c1f;
  border-radius: 15px;
  min-height: 420px;
  overflow: hidden;
}
.kanban-column > header {
  border-bottom: 1px solid #d4af7c1a;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  min-height: 50px;
  padding: 0 13px;
  display: flex;
}
.kanban-column > header strong {
  font-size: 0.76rem;
}
.kanban-column > header span {
  min-width: 23px;
  height: 23px;
  color: var(--accent-ink);
  background: #d4af7c17;
  border-radius: 8px;
  place-items: center;
  font-size: 0.67rem;
  display: grid;
}
.kanban-column > div {
  align-content: start;
  gap: 8px;
  padding: 9px;
  display: grid;
}
.kanban-card {
  background: #121212;
  border: 1px solid #d4af7c1a;
  border-radius: 11px;
  gap: 8px;
  padding: 12px;
  display: grid;
}
.kanban-card > span,
.kanban-card > small {
  color: #7e603e;
  font-size: 0.66rem;
}
.kanban-card > strong {
  font-size: 0.78rem;
}
.kanban-card > div {
  justify-content: space-between;
  align-items: center;
  gap: 7px;
  display: flex;
}
.kanban-card select {
  border: 1px solid var(--border);
  color: #e8e3dc;
  background: #0a0a0a;
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  font-size: 0.7rem;
}
.kanban-card small svg {
  vertical-align: middle;
  width: 13px;
  margin-right: 4px;
}
.kanban-empty {
  color: #6d5033;
  text-align: center;
  padding: 18px 5px;
}
.clean-name-status {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
  display: grid;
}
.clean-name-status span {
  color: #7e603e;
  background: #0a0a0ac2;
  border: 1px solid #d4af7c1f;
  border-radius: 12px;
  gap: 5px;
  padding: 13px;
  font-size: 0.7rem;
  display: grid;
}
.clean-name-status b {
  color: #e8e3dc;
  font-size: 0.78rem;
}
.batch-strip,
.terms-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
  display: grid;
}
.batch-strip article {
  background: #0a0a0ac2;
  border: 1px solid #d4af7c21;
  border-radius: 12px;
  gap: 6px;
  padding: 13px;
  display: grid;
}
.batch-strip article > span,
.batch-strip article > small,
.terms-grid article > small {
  color: #7e603e;
  font-size: 0.66rem;
}
.batch-strip article > strong {
  font-size: 0.8rem;
}
.batch-strip select {
  border: 1px solid var(--border);
  color: #e8e3dc;
  background: #0a0a0a;
  border-radius: 8px;
  min-height: 34px;
}
.terms-grid article p {
  white-space: pre-wrap;
  color: #a58152;
  line-height: 1.55;
}
[data-theme='light'] .workspace-switcher-button,
[data-theme='light'] .workspace-switcher-menu,
[data-theme='light'] .kanban-column,
[data-theme='light'] .kanban-card,
[data-theme='light'] .backoffice-overview article {
  color: #1a1815;
  background: #faf8f4f7;
}
@media (max-width: 980px) {
  .workspace-switcher-button span {
    display: none;
  }
  .backoffice-overview {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 720px) {
  .workspace-switcher-menu {
    width: auto;
    position: fixed;
    top: 78px;
    left: 12px;
    right: 12px;
  }
  .backoffice-overview,
  .clean-name-status,
  .batch-strip,
  .terms-grid {
    grid-template-columns: 1fr;
  }
  .kanban-board,
  .support-kanban {
    scroll-snap-type: x mandatory;
    grid-template-columns: repeat(5, 82vw);
  }
  .support-kanban {
    grid-template-columns: repeat(4, 82vw);
  }
  .kanban-column {
    scroll-snap-align: start;
  }
}
:is(html:has(.login-page), body:has(.login-page)) {
  overscroll-behavior: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.login-page {
  width: 100vw;
  height: 100dvh;
  min-height: 0;
  position: fixed;
  inset: 0;
  overflow: hidden;
}
.login-panel {
  width: 100%;
  height: 100%;
  min-height: 0;
}
.login-form-wrap {
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: clamp(12px, 2.2vh, 28px) clamp(18px, 2.5vw, 32px);
  overflow: hidden;
}
.login-card {
  gap: clamp(10px, 1.8vh, 20px);
  max-height: calc(100dvh - clamp(24px, 4.4vh, 56px));
  padding: clamp(18px, 2.6vh, 32px);
}
.registration-form {
  gap: clamp(7px, 1.1vh, 12px);
}
.registration-form .registration-grid {
  gap: 8px;
}
.registration-form label {
  gap: 5px;
  font-size: 0.74rem;
}
.registration-form input {
  height: clamp(36px, 5.2vh, 46px);
}
.registration-form h2 {
  font-size: clamp(1.4rem, 3vh, 1.9rem);
}
.registration-form p {
  font-size: 0.76rem;
}
.registration-form .form-error {
  padding: 9px 11px;
  font-size: 0.7rem;
}
@media (max-width: 760px) {
  .login-page {
    display: block;
  }
  .login-panel {
    display: none;
  }
  .login-form-wrap {
    padding: max(10px, env(safe-area-inset-top)) 12px
      max(10px, env(safe-area-inset-bottom));
    background:
      linear-gradient(90deg, #0a0a0ae6, #0a0a0aa3),
      linear-gradient(#0000 46%, #0a0a0af5),
      url(/brand/arka-monolith-master-v1.png) 57%/cover no-repeat;
    place-items: center;
  }
  .login-card {
    width: min(440px, 100%);
    max-height: calc(
      100dvh - max(20px, env(safe-area-inset-top) + env(safe-area-inset-bottom))
    );
    -webkit-backdrop-filter: blur(22px);
    backdrop-filter: blur(22px);
    background:
      linear-gradient(155deg, #0a0a0af0, #0a0a0ae0) padding-box padding-box,
      linear-gradient(
          135deg,
          #ffe7be94,
          #d4af7c1f 30%,
          #ffffff0d 56%,
          #d4af7c57 100%
        )
        border-box;
    border-radius: 18px;
    gap: clamp(9px, 1.7vh, 16px);
    padding: clamp(16px, 3.2vh, 25px);
  }
  .auth-inner-form {
    gap: clamp(9px, 1.5vh, 15px);
  }
  .login-card h2 {
    font-size: clamp(1.55rem, 4vh, 2rem);
  }
  .login-card p {
    font-size: 0.76rem;
  }
  .login-card input {
    height: clamp(40px, 6.4vh, 48px);
  }
  .primary-button {
    height: clamp(40px, 6.4vh, 48px) !important;
  }
  .future-auth {
    font-size: 0.64rem;
    line-height: 1.3;
  }
  .registration-grid {
    grid-template-columns: 1fr 1fr;
  }
  .registration-form {
    gap: clamp(5px, 0.9vh, 9px);
  }
  .registration-form .eyebrow {
    font-size: 0.55rem;
  }
  .registration-form h2 {
    margin: 3px 0;
    font-size: clamp(1.25rem, 3.2vh, 1.6rem);
  }
  .registration-form p {
    font-size: 0.65rem;
    line-height: 1.25;
  }
  .registration-form label {
    font-size: 0.65rem;
  }
  .registration-form input {
    border-radius: 9px;
    height: clamp(33px, 5vh, 40px);
  }
  .registration-form .primary-button {
    height: clamp(36px, 5.4vh, 42px) !important;
  }
}
@media (max-width: 380px), (max-height: 650px) {
  .login-card {
    gap: 7px;
    padding: 12px;
  }
  .auth-mode-switch {
    padding: 3px;
  }
  .auth-mode-switch button,
  .person-type-switch button {
    min-height: 32px;
  }
  .auth-inner-form {
    gap: 7px;
  }
  .auth-inner-form > div:first-child p {
    display: none;
  }
  .login-card h2 {
    margin: 2px 0;
    font-size: 1.35rem;
  }
  .login-card input {
    height: 36px;
  }
  .primary-button {
    height: 38px !important;
  }
  .future-auth {
    display: none;
  }
  .registration-form {
    gap: 4px;
  }
  .registration-form input {
    height: 31px;
    padding: 0 10px;
  }
}
@media (min-width: 1160px) and (max-height: 820px) {
  .app-header {
    height: 78px;
    min-height: 78px;
  }
  .page-content:has(> .cinematic-dashboard) {
    padding: 10px 18px;
  }
  .cinematic-dashboard,
  .cinematic-top-grid,
  .cinematic-shortcuts {
    gap: 10px;
  }
  .cinematic-hero {
    min-height: 340px;
  }
  .cinematic-copy {
    padding: 32px;
  }
  .cinematic-copy h2 {
    font-size: clamp(2.35rem, 3vw, 3.4rem);
  }
  .cinematic-copy p {
    margin: 10px 0;
  }
  .cinematic-actions {
    margin-top: 15px;
  }
  .financial-overview {
    padding: 16px 18px;
  }
  .financial-balance {
    padding: 13px 0 11px;
  }
  .financial-kpi-grid {
    padding: 10px 0 8px;
  }
  .financial-mini-chart {
    height: 46px;
  }
  .cinematic-shortcut {
    padding: 14px;
  }
  .shortcut-image {
    height: 145px;
    margin-top: 10px;
  }
}
@media (min-width: 1160px) and (max-height: 740px) {
  .app-header {
    height: 70px;
    min-height: 70px;
  }
  .cinematic-hero {
    min-height: 310px;
  }
  .cinematic-copy {
    padding: 27px;
  }
  .cinematic-copy h2 {
    font-size: 2.7rem;
  }
  .shortcut-image {
    height: 120px;
  }
  .financial-mini-chart {
    height: 38px;
  }
}
[data-theme='light'] .sidebar nav a.nav-primary,
[data-theme='light'] .sidebar nav a.nav-primary:hover,
[data-theme='light'] .sidebar nav a.nav-primary.active {
  color: #5f452d;
  background: #f2e3c6;
  border-color: #a58152;
  box-shadow: 0 8px 24px #7e603e1a;
}
[data-theme='light'] .sidebar nav a.active svg {
  color: #7e603e !important;
}
[data-theme='light'] .sidebar .nav-group > strong {
  color: #7e603e;
}
[data-theme='light'] .header-kpis {
  background: #ffffffbd;
  border-color: #0a0a0a1c;
}
[data-theme='light'] .header-kpis > span {
  border-color: #0a0a0a17;
}
[data-theme='light'] .header-kpis small {
  color: #7e603e;
}
[data-theme='light'] .header-kpis strong {
  color: #1a1815;
}
[data-theme='light'] .app-frame .eyebrow,
[data-theme='light'] .daily-greeting-message {
  color: #6d5033;
}
[data-theme='light'] .cinematic-hero,
[data-theme='light'] .glass-panel {
  background: linear-gradient(145deg, #fffffff5, #faf8f4fa);
  border-color: #0a0a0a21;
  box-shadow:
    inset 0 1px #fffc,
    0 12px 34px #4e42340f;
}
[data-theme='light'] .cinematic-hero {
  background: #0a0a0a;
  border-color: #6d50333d;
  box-shadow:
    inset 0 1px #ffffff0d,
    0 14px 36px #4e42341f;
}
[data-theme='light'] .cinematic-hero:after {
  box-shadow: inset 0 0 55px #000000ad;
}
[data-theme='light'] .cinematic-copy p {
  color: #a58152;
}
[data-theme='light'] .button.ghost {
  color: #4e4234;
  background: #ffffffc7;
  border-color: #0a0a0a24;
}
[data-theme='light'] .financial-overview-head button {
  color: #6d5033;
  background: #faf8f4;
  border-color: #0a0a0a21;
}
[data-theme='light'] .financial-overview-head button:hover {
  color: #7e603e;
  border-color: #a58152;
}
[data-theme='light'] .financial-balance {
  border-color: #0a0a0a1a;
}
[data-theme='light'] .financial-balance > span,
[data-theme='light'] .financial-kpi-grid small,
[data-theme='light'] .financial-mini-chart small {
  color: #6d5033;
}
[data-theme='light'] .financial-balance > span svg,
[data-theme='light'] .financial-kpi-grid svg,
[data-theme='light'] .financial-balance > a {
  color: #7e603e;
}
[data-theme='light'] .financial-balance > a,
[data-theme='light'] .financial-balance > a svg {
  color: #7e603e !important;
}
[data-theme='light'] .financial-kpi-grid > span {
  background: #ffffffb3;
  border-color: #0a0a0a1a;
}
[data-theme='light'] .financial-mini-chart b {
  box-shadow: none;
  background: linear-gradient(#f2e3c6, #d4af7c);
}
[data-theme='light'] .workspace-switcher-button,
[data-theme='light'] .workspace-switcher-menu {
  color: #1a1815;
  background: #fffffffa;
  border-color: #0a0a0a21;
}
[data-theme='light'] .workspace-switcher-menu button {
  color: #1a1815;
}
[data-theme='light'] .workspace-switcher-menu button small {
  color: #7e603e;
}
[data-theme='light'] .workspace-switcher-menu button:hover,
[data-theme='light'] .workspace-switcher-menu button.active {
  background: #f4f0ea;
  border-color: #a581523d;
}
[data-theme='light'] .app-main {
  color: #1a1815;
  background: 0 0;
}
[data-theme='light'] .icon-button,
[data-theme='light'] .mobile-menu,
[data-theme='light'] .mobile-close {
  color: #4e4234;
  background: #fff;
  border-color: #0a0a0a21;
  box-shadow: 0 4px 14px #4e423409;
}
[data-theme='light'] .icon-button i {
  border-color: #fff;
}
[data-theme='light'] .header-avatar,
[data-theme='light'] .avatar {
  color: #7e603e;
  background: #eee9df;
}
[data-theme='light'] .sidebar-user {
  color: #1a1815;
  background: 0 0;
  border-color: #0000;
}
[data-theme='light'] .logout {
  color: #6d5033;
}
[data-theme='light'] .cinematic-copy h2,
[data-theme='light'] .financial-balance > strong,
[data-theme='light'] .financial-kpi-grid strong,
[data-theme='light'] .cinematic-panel-head span {
  color: #1a1815;
}
[data-theme='light'] .cinematic-panel-head span svg,
[data-theme='light'] .cinematic-panel-head small {
  color: #7e603e !important;
}
[data-theme='light'] .cinematic-hero .cinematic-copy h2 {
  color: #faf8f4;
}
[data-theme='light'] .cinematic-hero .cinematic-copy .eyebrow {
  color: #a58152;
}
[data-theme='light'] .cinematic-dots button {
  background: #7e603e;
}
[data-theme='light'] .cinematic-dots button.is-active {
  background: var(--primary);
}
[data-theme='light'] .notification-item {
  color: #4e4234;
}
[data-theme='light'] .notification-item small,
[data-theme='light'] .notification-status {
  color: #7e603e;
}
.shortcut-image span {
  color: #f8f8f8;
}
@media (prefers-reduced-motion: reduce) {
  .cinematic-hero-media img,
  .cinematic-dots button {
    transition: none;
  }
  .cinematic-copy {
    animation: none;
  }
}
.notification-head-actions {
  align-items: center;
  gap: 7px;
  display: flex;
}
.notification-head-actions > button {
  border: 1px solid var(--border);
  min-width: 32px;
  height: 32px;
  color: var(--muted-foreground);
  background: #ffffff08;
  border-radius: 9px;
  place-items: center;
  display: grid;
}
.notification-head-actions .notification-read-all {
  width: auto;
  color: var(--accent-ink);
  padding: 0 10px;
  font-size: 0.66rem;
  font-weight: 750;
}
.notification-list {
  scrollbar-width: thin;
  max-height: min(58vh, 460px);
  overflow-y: auto;
}
.notification-item.is-unread {
  box-shadow: inset 2px 0 var(--primary);
  background: #d4af7c0b;
}
.notification-commission .notification-icon {
  color: var(--accent-ink);
  background: #d4af7c17;
}
.admin-product-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}
.admin-product-card {
  background: linear-gradient(145deg, #1a1815d6, #0a0a0aed);
  border: 1px solid #d4af7c21;
  border-radius: 17px;
  gap: 18px;
  min-width: 0;
  padding: 20px;
  display: grid;
}
.admin-product-card.is-inactive {
  opacity: 0.78;
  border-color: #ffffff17;
}
.admin-product-card > header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}
.admin-product-card h3 {
  letter-spacing: -0.025em;
  margin: 6px 0 0;
  font-size: 1rem;
}
.admin-product-card dl {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 0;
  display: grid;
}
.admin-product-card dl > div {
  background: #ffffff05;
  border: 1px solid #d4af7c17;
  border-radius: 11px;
  gap: 4px;
  min-width: 0;
  padding: 11px;
  display: grid;
}
.admin-product-card dt {
  color: #7e603e;
  font-size: 0.64rem;
}
.admin-product-card dd {
  color: #e8e3dc;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-size: 0.78rem;
  font-weight: 750;
  overflow: hidden;
}
.admin-product-card > footer {
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  display: grid;
}
.admin-product-card > footer button {
  width: 100%;
}
.product-admin-dialog .product-active-check {
  border: 1px solid var(--border);
  border-radius: 10px;
  align-self: end;
  min-height: 42px;
  padding: 0 12px;
}
.cost-control {
  background: linear-gradient(145deg, #0a0a0ae6, #0a0a0af5);
  border: 1px solid #d4af7c24;
  border-radius: 18px;
  grid-template-columns: minmax(230px, 28%) minmax(0, 1fr);
  display: grid;
  overflow: hidden;
  box-shadow: 0 22px 54px #0000002e;
}
.cost-products {
  background: #ffffff04;
  border-right: 1px solid #d4af7c1c;
  flex-direction: column;
  gap: 18px;
  padding: 20px;
  display: flex;
}
.cost-products h3,
.cost-editor-head h3 {
  letter-spacing: -0.025em;
  margin: 5px 0 0;
  font-size: 1.02rem;
}
.cost-products p {
  color: #7d7d7d;
  max-width: 280px;
  margin: 7px 0 0;
  font-size: 0.72rem;
  line-height: 1.45;
}
.cost-product-list {
  gap: 8px;
  display: grid;
}
.cost-product-list button {
  color: #e8e3dc;
  text-align: left;
  cursor: pointer;
  background: #0a0a0a;
  border: 1px solid #ffffff12;
  border-radius: 12px;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 62px;
  padding: 10px;
  transition:
    border-color 0.18s,
    background 0.18s,
    transform 0.18s;
  display: grid;
}
.cost-product-list button:hover {
  border-color: #d4af7c40;
  transform: translateY(-1px);
}
.cost-product-list button.is-selected {
  box-shadow: inset 2px 0 var(--primary);
  background: linear-gradient(135deg, #d4af7c1a, #d4af7c06);
  border-color: #d4af7c75;
}
.cost-product-list button > span {
  width: 36px;
  height: 36px;
  color: var(--accent-ink);
  background: #d4af7c14;
  border-radius: 10px;
  place-items: center;
  display: grid;
}
.cost-product-list button svg {
  width: 17px;
}
.cost-product-list button div {
  gap: 3px;
  min-width: 0;
  display: grid;
}
.cost-product-list button strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.78rem;
  overflow: hidden;
}
.cost-product-list button small {
  color: #7e603e;
  font-size: 0.64rem;
}
.cost-product-list button i {
  color: #7e603e;
  font-size: 0.62rem;
  font-style: normal;
}
.cost-product-list button.is-selected i {
  color: var(--accent-ink);
}
.cost-editor {
  min-width: 0;
  padding: 20px;
}
.cost-editor-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 14px;
  display: flex;
}
.cost-global-badge {
  color: var(--accent-ink);
  white-space: nowrap;
  background: #d4af7c12;
  border: 1px solid #d4af7c33;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  font-size: 0.66rem;
  font-weight: 750;
  display: inline-flex;
}
.cost-global-badge svg {
  width: 14px;
}
.cost-current-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 14px;
  display: grid;
}
.cost-current-grid article {
  background: #ffffff05;
  border: 1px solid #fff1;
  border-radius: 11px;
  gap: 5px;
  min-width: 0;
  padding: 11px 12px;
  display: grid;
}
.cost-current-grid span {
  color: #7e603e;
  font-size: 0.64rem;
}
.cost-current-grid strong {
  color: #faf8f4;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.82rem;
  overflow: hidden;
}
.cost-change-form {
  gap: 11px;
  display: grid;
}
.cost-change-grid {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}
.cost-change-grid label,
.cost-reason {
  color: #aaa7a3;
  gap: 6px;
  font-size: 0.72rem;
  display: grid;
}
.cost-change-grid input,
.cost-reason input {
  border: 1px solid var(--border);
  color: #faf8f4;
  background: #0d0d0d;
  border-radius: 10px;
  outline: none;
  width: 100%;
  min-width: 0;
  height: 42px;
  padding: 0 12px;
}
.cost-change-grid input:focus,
.cost-reason input:focus {
  border-color: #d4af7c73;
  box-shadow: 0 0 0 3px #d4af7c0f;
}
.cost-change-grid small {
  color: #7e603e;
  font-size: 0.63rem;
}
.cost-reduction-rule {
  color: #aaa7a3;
  border: 1px dashed #ffffff17;
  border-radius: 11px;
  align-items: center;
  gap: 10px;
  min-height: 50px;
  padding: 9px 11px;
  display: flex;
}
.cost-reduction-rule.is-active {
  background: #d4af7c09;
  border-color: #d4af7c3d;
}
.cost-reduction-rule input {
  width: 17px;
  height: 17px;
  accent-color: var(--primary);
}
.cost-reduction-rule > span {
  gap: 2px;
  display: grid;
}
.cost-reduction-rule strong {
  font-size: 0.72rem;
}
.cost-reduction-rule small {
  color: #7e603e;
  font-size: 0.63rem;
  line-height: 1.35;
}
.cost-impact-note {
  color: #a58152;
  background: #a581520e;
  border-radius: 11px;
  align-items: center;
  gap: 9px;
  padding: 9px 11px;
  display: flex;
}
.cost-impact-note > svg {
  color: #a58152;
  flex: none;
  width: 17px;
}
.cost-impact-note > span {
  flex-wrap: wrap;
  gap: 4px 7px;
  font-size: 0.66rem;
  line-height: 1.4;
  display: flex;
}
.cost-impact-note strong {
  color: #e8e3dc;
}
.cost-action-row {
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding-top: 2px;
  display: flex;
}
.cost-action-row > span {
  color: #7e603e;
  font-size: 0.66rem;
}
.cost-action-row button {
  min-width: 210px;
}
.terms-workspace {
  background: linear-gradient(145deg, #0a0a0ae6, #0a0a0af5);
  border: 1px solid #d4af7c24;
  border-radius: 18px;
  grid-template-columns: minmax(230px, 27%) minmax(0, 1fr);
  display: grid;
  overflow: hidden;
  box-shadow: 0 22px 54px #0000002e;
}
.terms-products {
  background: #ffffff04;
  border-right: 1px solid #d4af7c1c;
  flex-direction: column;
  gap: 18px;
  padding: 20px;
  display: flex;
}
.terms-products h3,
.terms-editor-head h3 {
  letter-spacing: -0.025em;
  margin: 5px 0 0;
  font-size: 1.02rem;
}
.terms-products p {
  color: #7d7d7d;
  max-width: 290px;
  margin: 7px 0 0;
  font-size: 0.72rem;
  line-height: 1.45;
}
.terms-product-list {
  gap: 8px;
  display: grid;
}
.terms-product-list button {
  color: #e8e3dc;
  text-align: left;
  cursor: pointer;
  background: #0a0a0a;
  border: 1px solid #ffffff12;
  border-radius: 12px;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 62px;
  padding: 10px;
  transition:
    border-color 0.18s,
    background 0.18s,
    transform 0.18s;
  display: grid;
}
.terms-product-list button:hover {
  border-color: #d4af7c40;
  transform: translateY(-1px);
}
.terms-product-list button.is-selected {
  box-shadow: inset 2px 0 var(--primary);
  background: linear-gradient(135deg, #d4af7c1a, #d4af7c06);
  border-color: #d4af7c75;
}
.terms-product-list button > span {
  width: 36px;
  height: 36px;
  color: var(--accent-ink);
  background: #d4af7c14;
  border-radius: 10px;
  place-items: center;
  display: grid;
}
.terms-product-list button svg {
  width: 17px;
}
.terms-product-list button div {
  gap: 3px;
  min-width: 0;
  display: grid;
}
.terms-product-list button strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.78rem;
  overflow: hidden;
}
.terms-product-list button small {
  color: #7e603e;
  font-size: 0.64rem;
}
.terms-product-list button i {
  color: #7e603e;
  background: #ffffff0b;
  border-radius: 999px;
  padding: 4px 7px;
  font-size: 0.58rem;
  font-style: normal;
}
.terms-product-list button i.is-active {
  color: var(--accent-ink);
  background: #d4af7c14;
}
.terms-editor {
  min-width: 0;
  padding: 20px;
}
.terms-editor-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 14px;
  display: flex;
}
.terms-version-badge {
  color: var(--accent-ink);
  white-space: nowrap;
  background: #d4af7c12;
  border: 1px solid #d4af7c33;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  font-size: 0.66rem;
  font-weight: 750;
  display: inline-flex;
}
.terms-version-badge svg {
  width: 14px;
}
.terms-editor-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
  display: grid;
}
.terms-current-card,
.terms-compose-card {
  background: #ffffff05;
  border: 1px solid #ffffff12;
  border-radius: 14px;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  min-height: 420px;
  padding: 15px;
  display: flex;
}
.terms-current-card > header,
.terms-compose-card > header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}
.terms-current-card h4,
.terms-compose-card h4 {
  letter-spacing: -0.015em;
  margin: 4px 0 0;
  font-size: 0.88rem;
}
.terms-current-card > header > span {
  color: #929292;
  border: 1px solid #ffffff14;
  border-radius: 8px;
  padding: 5px 8px;
  font-size: 0.63rem;
  font-weight: 750;
}
.terms-compose-card > header > svg {
  width: 19px;
  color: var(--accent-ink);
}
.terms-document {
  color: #d1ccc5;
  white-space: pre-wrap;
  scrollbar-width: thin;
  background: #0d0d0d;
  border: 1px solid #ffffff0e;
  border-radius: 11px;
  flex: 1;
  max-height: 315px;
  padding: 14px;
  font-size: 0.74rem;
  line-height: 1.62;
  overflow-y: auto;
}
.terms-current-card > footer {
  color: #7e603e;
  grid-template-columns: auto 1fr;
  gap: 3px 6px;
  font-size: 0.63rem;
  display: grid;
}
.terms-current-card > footer strong {
  color: #d1ccc5;
}
.terms-current-card > footer time {
  grid-column: 1/-1;
}
.terms-empty {
  color: #7e603e;
  text-align: center;
  border: 1px dashed #ffffff14;
  border-radius: 11px;
  flex: 1;
  place-content: center;
  justify-items: center;
  gap: 7px;
  min-height: 250px;
  display: grid;
}
.terms-empty svg {
  width: 25px;
  color: var(--accent-ink);
}
.terms-empty strong {
  color: #d1ccc5;
  font-size: 0.78rem;
}
.terms-empty span {
  max-width: 220px;
  font-size: 0.66rem;
  line-height: 1.45;
}
.terms-compose-card label {
  color: #aaa7a3;
  gap: 6px;
  font-size: 0.72rem;
  display: grid;
}
.terms-compose-card textarea,
.terms-compose-card input {
  border: 1px solid var(--border);
  color: #faf8f4;
  resize: none;
  background: #0d0d0d;
  border-radius: 10px;
  outline: none;
  width: 100%;
  min-width: 0;
  padding: 11px 12px;
}
.terms-compose-card textarea {
  min-height: 190px;
  line-height: 1.55;
}
.terms-compose-card input {
  height: 42px;
}
.terms-compose-card textarea:focus,
.terms-compose-card input:focus {
  border-color: #d4af7c73;
  box-shadow: 0 0 0 3px #d4af7c0f;
}
.terms-compose-card label small {
  color: #7e603e;
  text-align: right;
  font-size: 0.62rem;
}
.terms-history-note {
  color: #7e603e;
  background: #a581520e;
  border-radius: 11px;
  align-items: center;
  gap: 9px;
  padding: 9px 11px;
  display: flex;
}
.terms-history-note > svg {
  color: #a58152;
  flex: none;
  width: 17px;
}
.terms-history-note > span {
  gap: 2px;
  font-size: 0.63rem;
  line-height: 1.38;
  display: grid;
}
.terms-history-note strong {
  color: #e8e3dc;
  font-size: 0.68rem;
}
.terms-compose-card > button {
  width: 100%;
  margin-top: auto;
}
.network-page-head {
  justify-content: space-between;
  align-items: flex-end;
  gap: 22px;
  margin-bottom: 14px;
  padding: 2px 2px 0;
  display: flex;
}
.network-page-head > div {
  min-width: 0;
}
.network-page-head h2 {
  letter-spacing: -0.045em;
  margin: 6px 0 5px;
  font-size: clamp(1.65rem, 2.4vw, 2.25rem);
  line-height: 1.05;
}
.network-page-head p {
  color: #7e603e;
  max-width: 620px;
  margin: 0;
  font-size: 0.84rem;
  line-height: 1.5;
}
.network-create-button {
  flex: none;
  box-shadow: 0 10px 28px #d4af7c21;
  border: 1px solid var(--primary) !important;
  background: var(--primary) !important;
  min-height: 46px !important;
  color: var(--primary-foreground) !important;
  border-radius: 12px !important;
  padding-inline: 18px !important;
  font-weight: 850 !important;
}
.network-create-button:hover {
  filter: brightness(0.96);
  box-shadow: 0 12px 32px #d4af7c2e;
}
.network-create-button svg {
  width: 17px;
}
.network-success-note,
.network-page-error {
  margin-bottom: 12px;
}
.network-arka-link {
  background: linear-gradient(135deg, #d4af7c12, #0a0a0aeb);
  border: 1px solid #d4af7c2e;
  border-radius: 14px;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-width: 0;
  margin-bottom: 14px;
  padding: 12px 14px;
  display: grid;
}
.network-arka-link > svg {
  width: 20px;
  color: var(--accent-ink);
}
.network-arka-link > div {
  gap: 2px;
  min-width: 0;
  display: grid;
}
.network-arka-link span {
  color: var(--accent-ink);
  letter-spacing: 0.09em;
  font-size: 0.62rem;
  font-weight: 850;
}
.network-arka-link strong {
  color: #eee;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.76rem;
  overflow: hidden;
}
.network-arka-link small {
  color: #7e603e;
  font-size: 0.65rem;
}
.network-arka-link button {
  min-height: 35px;
  color: var(--accent-ink);
  font: inherit;
  cursor: pointer;
  white-space: nowrap;
  background: #d4af7c17;
  border: 1px solid #d4af7c33;
  border-radius: 9px;
  align-items: center;
  gap: 6px;
  padding: 0 11px;
  font-size: 0.67rem;
  font-weight: 800;
  display: inline-flex;
}
.network-arka-link button svg {
  width: 14px;
}
.network-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 11px;
  margin-bottom: 14px;
  display: grid;
}
.network-stats article {
  background: linear-gradient(145deg, #0a0a0adb, #0a0a0af2);
  border: 1px solid #d4af7c21;
  border-radius: 15px;
  align-items: center;
  gap: 13px;
  min-width: 0;
  min-height: 84px;
  padding: 15px 17px;
  display: flex;
  box-shadow: inset 0 1px #ffffff06;
}
.network-stats article > span {
  width: 38px;
  height: 38px;
  color: var(--accent-ink);
  background: #d4af7c12;
  border-radius: 11px;
  flex: none;
  place-items: center;
  display: grid;
}
.network-stats article > span svg {
  width: 18px;
}
.network-stats article > div {
  gap: 4px;
  min-width: 0;
  display: grid;
}
.network-stats small {
  color: #7d7d7d;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.72rem;
  overflow: hidden;
}
.network-stats strong {
  color: #f0f0f0;
  letter-spacing: -0.045em;
  font-size: 1.35rem;
  line-height: 1;
}
.network-directory {
  background: linear-gradient(145deg, #0a0a0aeb, #0a0a0af7);
  border: 1px solid #d4af7c24;
  border-radius: 18px;
  min-width: 0;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff06;
}
.network-directory-head {
  border-bottom: 1px solid #fff1;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 13px 15px;
  display: flex;
}
.network-status-tabs {
  background: #0a0a0a;
  border: 1px solid #ffffff13;
  border-radius: 11px;
  align-items: center;
  gap: 5px;
  min-width: max-content;
  padding: 4px;
  display: flex;
}
.network-status-tabs button {
  color: #7e603e;
  cursor: pointer;
  background: 0 0;
  border: 0;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 11px;
  font-size: 0.72rem;
  font-weight: 750;
  display: flex;
}
.network-status-tabs button span {
  color: #7e603e;
  background: #ffffff0b;
  border-radius: 999px;
  min-width: 20px;
  padding: 2px 5px;
  font-size: 0.62rem;
}
.network-status-tabs button.active {
  color: var(--accent-ink);
  background: #d4af7c1c;
  box-shadow: inset 0 0 0 1px #d4af7c26;
}
.network-status-tabs button.active span {
  color: var(--accent-ink);
  background: #d4af7c1f;
}
.network-filters {
  justify-content: flex-end;
  align-items: center;
  gap: 7px;
  min-width: 0;
  display: flex;
}
.network-level-filter,
.network-search {
  color: #7e603e;
  background: #0a0a0a;
  border: 1px solid #ffffff16;
  border-radius: 10px;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  padding: 0 10px;
  display: flex;
}
.network-level-filter svg,
.network-search svg {
  flex: none;
  width: 15px;
}
.network-level-filter {
  color: #e8e3dc !important;
  width: 154px !important;
  box-shadow: none !important;
  justify-content: flex-start !important;
  padding: 0 9px !important;
  font-size: 0.72rem !important;
}
.network-level-filter [data-slot='select-value'] {
  color: #e8e3dc;
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}
.network-level-filter > svg:last-child {
  color: #737373;
  margin-left: auto;
}
.network-level-menu {
  color: #e8e3dc !important;
  background: #101010 !important;
  border: 1px solid #d4af7c29 !important;
  box-shadow: 0 18px 42px #0000006b !important;
}
.network-level-menu [data-slot='select-item'] {
  color: #a58152;
  border-radius: 7px;
  min-height: 34px;
  padding: 7px 30px 7px 10px;
  font-size: 0.72rem;
}
.network-level-menu [data-slot='select-item'][data-highlighted] {
  color: var(--accent-ink);
  background: #d4af7c1a;
}
.network-search input {
  color: #e8e3dc;
  min-width: 0;
  height: 36px;
  font: inherit;
  background: 0 0;
  border: 0;
  outline: 0;
  font-size: 0.72rem;
}
.network-search {
  width: min(220px, 28vw);
}
.network-search input {
  width: 100%;
}
.network-search input::placeholder {
  color: #6d5033;
}
.network-icon-action,
.network-export-action {
  color: #a58152;
  min-height: 38px;
  font: inherit;
  cursor: pointer;
  background: #ffffff05;
  border: 1px solid #ffffff18;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  font-size: 0.7rem;
  font-weight: 750;
  display: flex;
}
.network-icon-action {
  width: 38px;
  padding: 0;
}
.network-export-action {
  padding: 0 11px;
}
.network-icon-action svg,
.network-export-action svg {
  width: 15px;
}
.network-icon-action:hover,
.network-export-action:hover {
  color: var(--accent-ink);
  border-color: #d4af7c3d;
}
.network-table-wrap {
  width: 100%;
  overflow-x: auto;
}
.network-members-table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  min-width: 850px;
}
.network-members-table th {
  color: #737373;
  letter-spacing: 0.085em;
  text-align: left;
  text-transform: uppercase;
  padding: 11px 13px;
  font-size: 0.62rem;
  font-weight: 800;
}
.network-members-table th:first-child {
  width: 22%;
}
.network-members-table th:nth-child(2) {
  width: 20%;
}
.network-members-table th:nth-child(3) {
  width: 9%;
}
.network-members-table th:nth-child(4) {
  width: 12%;
}
.network-members-table th:nth-child(5) {
  width: 16%;
}
.network-members-table th:nth-child(6) {
  width: 11%;
}
.network-members-table th:nth-child(7) {
  width: 10%;
}
.network-members-table tbody tr {
  border-top: 1px solid #ffffff0f;
  transition: background 0.18s;
}
.network-members-table tbody tr:hover {
  background: #d4af7c05;
}
.network-members-table td {
  color: #d1ccc5;
  vertical-align: middle;
  white-space: normal;
  overflow-wrap: anywhere;
  padding: 14px 13px;
  font-size: 0.75rem;
  line-height: 1.42;
}
.network-member-cell {
  align-items: center;
  gap: 11px;
  min-width: 0;
  display: flex;
}
.network-member-cell > span {
  width: 36px;
  height: 36px;
  color: var(--accent-ink);
  background: linear-gradient(145deg, #d4af7c2b, #a581521c);
  border-radius: 10px;
  flex: none;
  place-items: center;
  font-size: 0.7rem;
  font-weight: 850;
  display: grid;
}
.network-member-cell > div {
  gap: 3px;
  min-width: 0;
  display: grid;
}
.network-member-cell strong {
  color: #e8e3dc;
  font-size: 0.78rem;
  line-height: 1.35;
}
.network-member-cell small {
  color: #7e603e;
  font-size: 0.65rem;
}
.network-contact-cell {
  gap: 5px;
  min-width: 0;
  display: grid;
}
.network-contact-cell span {
  color: #a58152;
  overflow-wrap: anywhere;
  align-items: flex-start;
  gap: 6px;
  min-width: 0;
  line-height: 1.35;
  display: flex;
}
.network-contact-cell svg {
  color: #7e603e;
  flex: none;
  width: 13px;
  height: 13px;
  margin-top: 1px;
}
.network-level-badge {
  color: #d4af7c;
  white-space: nowrap;
  background: #d4af7c0b;
  border: 1px solid #d4af7c21;
  border-radius: 8px;
  padding: 5px 8px;
  font-size: 0.68rem;
  display: inline-flex;
}
.network-muted {
  color: #7e603e;
}
.network-members-table time {
  color: #a58152;
  white-space: nowrap;
}
.network-cost-button {
  color: #d4af7c;
  min-height: 31px;
  font: inherit;
  cursor: pointer;
  white-space: nowrap;
  background: #d4af7c11;
  border: 1px solid #d4af7c30;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 0 9px;
  font-size: 0.65rem;
  font-weight: 800;
  display: inline-flex;
}
.network-cost-button:hover {
  color: var(--accent-ink);
  background: #d4af7c1c;
  border-color: #d4af7c57;
}
.network-cost-button svg {
  width: 13px;
}
.network-empty-row td {
  color: #7e603e;
  text-align: center;
  height: 150px;
}
.network-mobile-list {
  display: none;
}
.network-member-dialog {
  gap: 12px !important;
  width: min(590px, 100vw - 28px) !important;
  max-width: 590px !important;
  padding: 18px !important;
}
.network-member-dialog [data-slot='dialog-header'] {
  gap: 4px;
}
.network-member-dialog [data-slot='dialog-title'] {
  font-size: 1.08rem;
}
.network-referral-box {
  background: #d4af7c0b;
  border: 1px solid #d4af7c24;
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 9px 10px;
  display: flex;
}
.network-referral-box > div {
  gap: 2px;
  min-width: 0;
  display: grid;
}
.network-referral-box span {
  color: #7d7d7d;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 0.61rem;
  font-weight: 800;
}
.network-referral-box strong {
  color: #e8e3dc;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.68rem;
  font-weight: 650;
  overflow: hidden;
}
.network-referral-box button {
  min-height: 32px;
  color: var(--accent-ink);
  font: inherit;
  cursor: pointer;
  background: #d4af7c14;
  border: 1px solid #d4af7c2e;
  border-radius: 8px;
  flex: none;
  align-items: center;
  gap: 5px;
  padding: 0 9px;
  font-size: 0.65rem;
  font-weight: 800;
  display: flex;
}
.network-referral-box button svg {
  width: 13px;
}
.network-member-form {
  gap: 10px !important;
}
.network-member-form .mode-toggle {
  margin: 0;
}
.network-member-form .form-grid {
  gap: 8px 10px;
}
.network-member-form .form-grid label {
  gap: 4px;
  font-size: 0.67rem;
}
.network-member-form .form-grid input {
  min-height: 40px;
  padding: 0 10px;
}
.network-member-form [data-slot='dialog-footer'] {
  margin-top: 0;
  background: 0 0 !important;
  border: 0 !important;
  padding: 10px 0 0 !important;
}
.network-cost-dialog {
  gap: 12px !important;
  width: min(560px, 100vw - 28px) !important;
  max-width: 560px !important;
  padding: 18px !important;
}
.network-cost-list {
  gap: 7px;
  display: grid;
}
.network-cost-list > p {
  color: #7e603e;
  margin: 8px 0;
  font-size: 0.75rem;
}
.network-cost-row {
  background: #ffffff05;
  border: 1px solid #ffffff13;
  border-radius: 11px;
  grid-template-columns: minmax(0, 1fr) 110px 74px;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  display: grid;
}
.network-cost-row > div {
  gap: 3px;
  min-width: 0;
  display: grid;
}
.network-cost-row strong {
  color: #e8e3dc;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.75rem;
  overflow: hidden;
}
.network-cost-row small {
  color: #7e603e;
  font-size: 0.61rem;
  line-height: 1.3;
}
.network-cost-row label {
  color: #737373;
  background: #0a0a0a;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  align-items: center;
  min-height: 36px;
  padding: 0 8px;
  font-size: 0.65rem;
  display: flex;
}
.network-cost-row input {
  color: #e8e3dc;
  width: 100%;
  min-width: 0;
  font: inherit;
  text-align: right;
  background: 0 0;
  border: 0;
  outline: 0;
  font-weight: 750;
}
.network-cost-row > button {
  min-height: 36px;
  color: var(--accent-ink);
  font: inherit;
  cursor: pointer;
  background: #d4af7c14;
  border: 1px solid #d4af7c38;
  border-radius: 8px;
  font-size: 0.65rem;
  font-weight: 800;
}
.network-cost-row > button:disabled {
  opacity: 0.55;
  cursor: wait;
}
.network-cost-row small {
  white-space: normal;
  display: block;
}
.network-price-preview {
  color: var(--foreground);
  background: #d4af7c0e;
  border: 1px solid #d4af7c40;
  border-radius: 12px;
  gap: 10px;
  margin-top: 12px;
  padding: 14px;
  font-size: 0.82rem;
  display: grid;
}
.network-price-preview ul {
  max-height: 190px;
  margin: 0;
  padding-left: 20px;
  overflow: auto;
}
.network-price-preview li {
  margin: 4px 0;
}
.network-price-preview p {
  color: var(--muted-foreground);
  margin: 0;
}
.network-price-preview > button {
  color: #17120c;
  cursor: pointer;
  background: #d4af7c;
  border: 1px solid #d4af7c80;
  border-radius: 9px;
  justify-self: start;
  padding: 10px 15px;
  font-weight: 700;
}
.network-price-preview > button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
[data-theme='light'] .network-page-head p {
  color: #7e603e;
}
[data-theme='light'] .network-arka-link strong {
  color: #1a1815;
}
[data-theme='light'] .network-arka-link small {
  color: #7e603e;
}
[data-theme='light'] .network-stats article,
[data-theme='light'] .network-directory {
  background: #fff;
  border-color: #0a0a0a1f;
  box-shadow: 0 14px 35px #1a18150b;
}
[data-theme='light'] .network-stats article > span {
  color: #7e603e;
  background: #f2e8da;
}
[data-theme='light'] .network-stats small {
  color: #7e603e;
}
[data-theme='light'] .network-stats strong {
  color: #1a1815;
}
[data-theme='light'] .network-directory-head,
[data-theme='light'] .network-members-table tbody tr {
  border-color: #0a0a0a16;
}
[data-theme='light'] .network-status-tabs,
[data-theme='light'] .network-level-filter,
[data-theme='light'] .network-search {
  background: #f4f0ea;
  border-color: #4637271f;
}
[data-theme='light'] .network-status-tabs button {
  color: #7e603e;
}
[data-theme='light'] .network-status-tabs button span {
  color: #6d675f;
  background: #eee8df;
}
[data-theme='light'] .network-status-tabs button.active {
  color: #7e603e;
  background: #f2e3c6;
  box-shadow: inset 0 0 0 1px #a5815224;
}
[data-theme='light'] .network-status-tabs button.active span {
  color: #7e603e;
  background: #d4af7c21;
}
[data-theme='light'] .network-level-filter,
[data-theme='light'] .network-level-filter [data-slot='select-value'],
[data-theme='light'] .network-search input {
  color: #1a1815 !important;
}
[data-theme='light'] .network-level-menu {
  color: #27231f !important;
  background: #fff !important;
  border-color: #a581522e !important;
  box-shadow: 0 18px 42px #261d1324 !important;
}
[data-theme='light'] .network-level-menu [data-slot='select-item'] {
  color: #6d5033;
}
[data-theme='light']
  .network-level-menu
  [data-slot='select-item'][data-highlighted] {
  color: #7e603e;
  background: #f4ead8;
}
[data-theme='light'] .network-search input::placeholder {
  color: #7e603e;
}
[data-theme='light'] .network-icon-action,
[data-theme='light'] .network-export-action {
  color: #6d5033;
  background: #fff;
  border-color: #0a0a0a1c;
}
[data-theme='light'] .network-members-table th {
  color: #7e603e;
}
[data-theme='light'] .network-members-table tbody tr:hover {
  background: #fbfaf7;
}
[data-theme='light'] .network-members-table td {
  color: #4e4234;
}
[data-theme='light'] .network-member-cell > span {
  color: #7e603e;
  background: #f2e8da;
}
[data-theme='light'] .network-member-cell strong {
  color: #1a1815;
}
[data-theme='light'] .network-contact-cell span,
[data-theme='light'] .network-members-table time {
  color: #6d5033;
}
[data-theme='light'] .network-level-badge {
  color: #7e603e;
  background: #f8f1e7;
  border-color: #a581522e;
}
[data-theme='light'] .network-cost-button {
  color: #7e603e;
  background: #f8f1e7;
  border-color: #a5815233;
}
[data-theme='light'] .network-referral-box {
  background: #f6ecdd;
  border-color: #a581522e;
}
[data-theme='light'] .network-referral-box strong,
[data-theme='light'] .network-cost-row strong,
[data-theme='light'] .network-cost-row input {
  color: #1a1815;
}
[data-theme='light'] .network-cost-row {
  background: #fbfaf7;
  border-color: #4637271a;
}
[data-theme='light'] .network-cost-row label {
  background: #f4f0ea;
  border-color: #4637271f;
}
@media (max-width: 1080px) {
  .network-directory-head {
    flex-direction: column;
    align-items: stretch;
  }
  .network-filters {
    justify-content: flex-start;
  }
  .network-search {
    flex: 1;
    width: auto;
  }
}
@media (max-width: 760px) {
  .network-page-head {
    flex-direction: column;
    align-items: stretch;
    gap: 13px;
  }
  .network-page-head h2 {
    font-size: 1.75rem;
  }
  .network-create-button {
    align-self: flex-start;
    width: auto;
    min-width: 0;
    min-height: 42px !important;
    padding-inline: 15px !important;
  }
  .network-arka-link {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 8px;
    padding: 10px;
  }
  .network-arka-link > svg {
    width: 17px;
  }
  .network-arka-link small {
    display: none;
  }
  .network-arka-link button {
    grid-column: 1/-1;
    width: 100%;
  }
  .network-stats {
    gap: 8px;
  }
  .network-stats article {
    gap: 9px;
    min-height: 75px;
    padding: 12px;
  }
  .network-stats article > span {
    width: 33px;
    height: 33px;
  }
  .network-stats small {
    white-space: normal;
    line-height: 1.25;
  }
  .network-stats strong {
    font-size: 1.18rem;
  }
  .network-directory-head {
    padding: 12px;
  }
  .network-status-tabs {
    width: 100%;
    min-width: 0;
  }
  .network-status-tabs button {
    flex: 1;
    justify-content: center;
    padding-inline: 7px;
  }
  .network-filters {
    grid-template-columns: minmax(0, 1fr) 42px 96px;
    display: grid;
  }
  .network-level-filter {
    grid-column: 1/-1;
    width: 100% !important;
  }
  .network-search {
    width: 100%;
  }
  .network-icon-action {
    width: 42px;
  }
  .network-export-action {
    padding-inline: 8px;
  }
  .network-table-wrap {
    display: none;
  }
  .network-mobile-list {
    gap: 6px;
    padding: 8px 10px 10px;
    display: grid;
  }
  .network-mobile-list > p {
    color: #7e603e;
    text-align: center;
    margin: 0;
    padding: 32px 10px;
    font-size: 0.75rem;
  }
  .network-mobile-row {
    background: #ffffff04;
    border: 1px solid #ffffff13;
    border-radius: 11px;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    min-width: 0;
    padding: 9px 10px;
    display: grid;
  }
  .network-mobile-avatar {
    width: 32px;
    height: 32px;
    color: var(--accent-ink);
    background: linear-gradient(145deg, #d4af7c2b, #a581521c);
    border-radius: 9px;
    place-items: center;
    font-size: 0.62rem;
    font-weight: 850;
    display: grid;
  }
  .network-mobile-row > div {
    gap: 3px;
    min-width: 0;
    display: grid;
  }
  .network-mobile-row strong {
    color: #e8e3dc;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.72rem;
    line-height: 1.25;
    overflow: hidden;
  }
  .network-mobile-row small {
    color: #7e603e;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.6rem;
    line-height: 1.25;
    overflow: hidden;
  }
  .network-mobile-row .status {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: none;
    max-width: 112px;
    padding: 5px 7px;
    font-size: 0.56rem;
    overflow: hidden;
  }
  .network-mobile-actions {
    justify-items: end;
    gap: 5px !important;
    display: grid !important;
  }
  .network-mobile-actions .network-cost-button {
    min-height: 27px;
    padding-inline: 7px;
    font-size: 0.58rem;
  }
  .network-members-table {
    min-width: 0;
    display: block;
  }
  .network-members-table thead {
    display: none;
  }
  .network-members-table tbody {
    gap: 9px;
    display: grid;
  }
  .network-members-table tbody tr {
    background: #ffffff04;
    border: 1px solid #ffffff13;
    border-radius: 13px;
    padding: 11px 12px;
    display: grid;
  }
  .network-members-table td {
    border-bottom: 1px solid #ffffff0e;
    grid-template-columns: 88px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    min-width: 0;
    padding: 8px 0;
    display: grid;
  }
  .network-members-table td:last-child {
    border-bottom: 0;
  }
  .network-members-table td:before {
    content: attr(data-label);
    color: #707070;
    letter-spacing: 0.065em;
    text-transform: uppercase;
    font-size: 0.63rem;
    font-weight: 800;
  }
  .network-member-cell,
  .network-contact-cell {
    min-width: 0;
  }
  .network-contact-cell span {
    overflow-wrap: anywhere;
  }
  .network-empty-row {
    display: block !important;
  }
  .network-empty-row td {
    text-align: center;
    border: 0;
    height: auto;
    padding: 34px 10px;
    display: block;
  }
  .network-empty-row td:before {
    content: none;
  }
  [data-theme='light'] .network-mobile-row {
    background: #fbfaf7;
    border-color: #4637271a;
  }
  [data-theme='light'] .network-mobile-avatar {
    color: #7e603e;
    background: #f2e8da;
  }
  [data-theme='light'] .network-mobile-row strong {
    color: #1a1815;
  }
  [data-theme='light'] .network-mobile-row small {
    color: #7e603e;
  }
  [data-theme='light'] .network-members-table tbody tr {
    background: #fbfaf7;
    border-color: #4637271a;
  }
  [data-theme='light'] .network-members-table td {
    border-color: #0a0a0a13;
  }
}
@media (max-width: 520px) {
  .network-stats {
    grid-template-columns: 1fr 1fr;
  }
  .network-stats article:first-child {
    grid-column: 1/-1;
  }
  .network-stats article {
    min-height: 69px;
  }
  .network-status-tabs button {
    gap: 3px;
    font-size: 0.67rem;
  }
  .network-status-tabs button span {
    min-width: 18px;
    padding-inline: 4px;
  }
}
.profile-feedback {
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  display: flex;
}
.profile-feedback svg {
  flex: none;
  width: 17px;
}
.profile-loading {
  color: #929292;
  place-content: center;
  justify-items: center;
  gap: 13px;
  min-height: 360px;
  display: grid;
}
.profile-loading strong {
  font-size: 0.88rem;
  font-weight: 650;
}
.profile-loading-mark {
  border: 3px solid #d4af7c21;
  border-top-color: var(--primary);
  border-radius: 50%;
  width: 34px;
  height: 34px;
  animation: 0.8s linear infinite profile-spin;
}
@keyframes profile-spin {
  to {
    transform: rotate(360deg);
  }
}
.profile-error-state {
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  min-height: 190px;
  display: grid;
}
.profile-error-state > svg {
  width: 30px;
  height: 30px;
  color: var(--accent-ink);
}
.profile-error-state h2 {
  margin: 0 0 5px;
  font-size: 1rem;
}
.profile-error-state p {
  color: #7e603e;
  margin: 0;
  font-size: 0.85rem;
}
.account-profile-layout {
  grid-template-columns: minmax(255px, 300px) minmax(0, 1fr);
  align-items: stretch;
  gap: 14px;
  display: grid;
}
.account-profile-card,
.account-data-panel {
  background: linear-gradient(145deg, #1a1815e0, #0a0a0af5);
  border: 1px solid #d4af7c24;
  border-radius: 18px;
  min-width: 0;
  overflow: hidden;
  box-shadow:
    inset 0 1px #ffffff06,
    0 20px 48px #00000029;
}
.account-profile-cover {
  background:
    radial-gradient(circle at 24% 28%, #d4af7c36, #0000 32%),
    linear-gradient(135deg, #211c16, #0d0d0d 65%);
  border-bottom: 1px solid #d4af7c1c;
  height: 118px;
}
.account-profile-identity {
  flex-direction: column;
  align-items: flex-start;
  padding: 0 20px 19px;
  display: flex;
  position: relative;
}
.account-profile-avatar {
  width: 104px;
  height: 104px;
  color: var(--accent-ink);
  background: linear-gradient(145deg, #4e4234, #1a1815);
  border: 5px solid #0a0a0a;
  border-radius: 25px;
  place-items: center;
  margin-top: -52px;
  margin-bottom: 12px;
  font-size: 1.7rem;
  font-weight: 850;
  display: grid;
  position: relative;
  overflow: visible;
  box-shadow: 0 12px 34px #0000004d;
}
.account-profile-avatar.has-photo {
  overflow: visible;
}
.account-profile-avatar > img {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}
.account-profile-avatar > button {
  background: var(--primary);
  width: 34px;
  height: 34px;
  color: var(--primary-foreground);
  cursor: pointer;
  border: 3px solid #0a0a0a;
  border-radius: 50%;
  place-items: center;
  display: grid;
  position: absolute;
  bottom: -8px;
  right: -8px;
}
.account-profile-avatar > button svg {
  width: 15px;
}
.profile-photo-button {
  min-height: 35px;
  margin-bottom: 14px;
  padding-inline: 11px !important;
  font-size: 0.75rem !important;
}
.profile-photo-button svg {
  width: 15px;
}
.account-profile-identity h2 {
  letter-spacing: -0.025em;
  margin: 0 0 4px;
  font-size: 1.08rem;
}
.account-profile-identity p {
  color: #7e603e;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  margin: 0 0 11px;
  font-size: 0.82rem;
  overflow: hidden;
}
.account-profile-security {
  background: #ffffff05;
  border: 1px solid #fff1;
  border-radius: 13px;
  gap: 0;
  margin: 0 16px 16px;
  display: grid;
}
.account-profile-security > div {
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 12px;
  display: grid;
}
.account-profile-security > div + div {
  border-top: 1px solid #fff1;
}
.account-profile-security > div > span {
  color: #7e603e;
  background: #0a0a0a;
  border-radius: 9px;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
}
.account-profile-security svg {
  width: 16px;
}
.account-profile-security div div {
  gap: 2px;
  min-width: 0;
  display: grid;
}
.account-profile-security small,
.account-data-grid small,
.account-membership-strip small {
  color: #7d7d7d;
  font-size: 0.75rem;
}
.account-profile-security strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.82rem;
  overflow: hidden;
}
.account-profile-security em {
  color: var(--accent-ink);
  font-size: 0.72rem;
  font-style: normal;
}
.account-profile-security button,
.account-data-grid article > button {
  min-height: 30px;
  color: var(--accent-ink);
  cursor: pointer;
  background: #d4af7c09;
  border: 1px solid #d4af7c3d;
  border-radius: 8px;
  padding: 0 9px;
  font-size: 0.72rem;
  font-weight: 750;
}
.account-data-panel {
  flex-direction: column;
  display: flex;
}
.account-data-panel > header {
  border-bottom: 1px solid #d4af7c1a;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 19px 20px;
  display: flex;
}
.account-data-panel > header h2 {
  letter-spacing: -0.02em;
  margin: 5px 0 0;
  font-size: 1.04rem;
}
.account-data-grid {
  grid-template-columns: 1fr 1fr;
  padding: 4px 20px 10px;
  display: grid;
}
.account-data-grid article {
  border-bottom: 1px solid #fff1;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  min-width: 0;
  min-height: 78px;
  padding: 12px 4px;
  display: grid;
}
.account-data-grid article:nth-child(odd):not(.account-data-wide) {
  margin-right: 16px;
}
.account-data-grid article:nth-child(2n):not(.account-data-wide) {
  margin-left: 16px;
}
.account-data-grid article > span {
  color: #7e603e;
  background: #0a0a0a;
  border-radius: 10px;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}
.account-data-grid article > span svg {
  width: 17px;
}
.account-data-grid article > div {
  gap: 4px;
  min-width: 0;
  display: grid;
}
.account-data-grid article strong {
  color: #eee;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.86rem;
  overflow: hidden;
}
.account-data-grid article em {
  color: #7e603e;
  font-size: 0.72rem;
  font-style: normal;
}
.account-data-wide {
  grid-column: 1/-1;
}
.account-membership-strip {
  background: #ffffff05;
  border-top: 1px solid #d4af7c1a;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  margin-top: auto;
  display: grid;
}
.account-membership-strip > span {
  border-right: 1px solid #ffffff0e;
  gap: 4px;
  min-width: 0;
  padding: 13px 15px;
  display: grid;
}
.account-membership-strip > span:last-child {
  border-right: 0;
}
.account-membership-strip strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.82rem;
  overflow: hidden;
}
.profile-security-note {
  color: #929292;
  background: #d4af7c06;
  border: 1px solid #d4af7c1f;
  border-radius: 13px;
  align-items: center;
  gap: 11px;
  margin-top: 12px;
  padding: 13px 15px;
  font-size: 0.8rem;
  line-height: 1.45;
  display: flex;
}
.profile-security-note svg {
  width: 19px;
  color: var(--accent-ink);
  flex: none;
}
.profile-dialog {
  max-width: 700px !important;
}
.password-dialog {
  max-width: 540px !important;
}
[data-theme='light'] .account-profile-card,
[data-theme='light'] .account-data-panel {
  background: #fff;
  border-color: #0a0a0a1f;
  box-shadow: 0 18px 44px #1a18150f;
}
[data-theme='light'] .account-profile-avatar {
  color: #7e603e;
  background: #f2eadf;
  border-color: #fff;
  box-shadow: 0 11px 28px #1a18151f;
}
[data-theme='light'] .account-profile-avatar > button {
  border-color: #fff;
}
[data-theme='light'] .account-profile-security {
  background: #fbfaf7;
  border-color: #4637271a;
}
[data-theme='light'] .account-profile-security > div + div,
[data-theme='light'] .account-data-grid article,
[data-theme='light'] .account-membership-strip {
  border-color: #0a0a0a17;
}
[data-theme='light'] .account-profile-security > div > span,
[data-theme='light'] .account-data-grid article > span {
  color: #666;
  background: #f3eee7;
}
[data-theme='light'] .account-data-grid article strong {
  color: #1a1815;
}
[data-theme='light'] .account-membership-strip {
  background: #faf8f4;
}
[data-theme='light'] .account-membership-strip > span {
  border-color: #0a0a0a14;
}
[data-theme='light'] .profile-security-note {
  color: #6d5033;
  background: #faf8f4;
  border-color: #0a0a0a1c;
}
[data-theme='light'] .profile-error-state p,
[data-theme='light'] .account-profile-identity p {
  color: #7e603e;
}
[data-theme='light'] .admin-product-card {
  background: #faf8f4f7;
  border-color: #0a0a0a1f;
}
[data-theme='light'] .admin-product-card dl > div {
  background: #ffffffb8;
  border-color: #0a0a0a17;
}
[data-theme='light'] .admin-product-card dd {
  color: #1a1815;
}
[data-theme='light'] .cost-control {
  background: #fbfaf7;
  border-color: #4637271f;
  box-shadow: 0 18px 45px #261d130f;
}
[data-theme='light'] .cost-products {
  background: #f4f0ea;
  border-color: #4637271a;
}
[data-theme='light'] .cost-product-list button {
  color: #1a1815;
  background: #fff;
  border-color: #0a0a0a1a;
}
[data-theme='light'] .cost-product-list button.is-selected {
  background: #f6ecdd;
  border-color: #a581526b;
}
[data-theme='light'] .cost-current-grid article {
  background: #fff;
  border-color: #0a0a0a17;
}
[data-theme='light'] .cost-current-grid strong,
[data-theme='light'] .cost-impact-note strong {
  color: #1a1815;
}
[data-theme='light'] .cost-change-grid input,
[data-theme='light'] .cost-reason input {
  color: #1a1815;
  background: #fff;
  border-color: #0a0a0a24;
}
[data-theme='light'] .cost-reduction-rule {
  border-color: #0a0a0a24;
}
[data-theme='light'] .cost-impact-note {
  background: #6d50330f;
}
[data-theme='light'] .terms-workspace {
  background: #fbfaf7;
  border-color: #4637271f;
  box-shadow: 0 18px 45px #261d130f;
}
[data-theme='light'] .terms-products {
  background: #f4f0ea;
  border-color: #4637271a;
}
[data-theme='light'] .terms-product-list button {
  color: #1a1815;
  background: #fff;
  border-color: #0a0a0a1a;
}
[data-theme='light'] .terms-product-list button.is-selected {
  background: #f6ecdd;
  border-color: #a581526b;
}
[data-theme='light'] .terms-current-card,
[data-theme='light'] .terms-compose-card {
  background: #fff;
  border-color: #0a0a0a17;
}
[data-theme='light'] .terms-current-card h4,
[data-theme='light'] .terms-compose-card h4,
[data-theme='light'] .terms-current-card > footer strong,
[data-theme='light'] .terms-empty strong,
[data-theme='light'] .terms-history-note strong {
  color: #1a1815;
}
[data-theme='light'] .terms-document,
[data-theme='light'] .terms-compose-card textarea,
[data-theme='light'] .terms-compose-card input {
  color: #27231f;
  background: #fbfaf7;
  border-color: #4637271f;
}
[data-theme='light'] .terms-empty {
  border-color: #0a0a0a21;
}
[data-theme='light'] .terms-history-note {
  background: #6d50330f;
}
@media (max-width: 1180px) {
  .admin-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .account-profile-layout {
    grid-template-columns: minmax(235px, 270px) minmax(0, 1fr);
  }
  .account-membership-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .account-membership-strip > span:nth-child(3) {
    border-right: 0;
  }
  .account-membership-strip > span:nth-child(n + 4) {
    border-top: 1px solid #ffffff0e;
  }
}
@media (max-width: 760px) {
  html,
  body,
  .app-frame,
  .app-main {
    max-width: 100%;
    overflow-x: hidden;
  }
  .app-main {
    width: 100%;
    min-width: 0;
    padding-bottom: calc(92px + env(safe-area-inset-bottom));
  }
  .app-header {
    gap: 7px;
    height: 64px;
    min-height: 64px;
    padding: 0 10px;
  }
  .mobile-menu,
  .header-actions .icon-button,
  .workspace-switcher-button {
    border-radius: 9px;
    width: 34px;
    height: 34px;
    min-height: 34px;
  }
  .header-title {
    flex: 1;
    min-width: 0;
    margin-left: 3px !important;
  }
  .header-title .eyebrow {
    display: none;
  }
  .app-header h1 {
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0;
    font-size: 0.92rem;
    overflow: hidden;
  }
  .header-title.daily-greeting {
    min-width: 0;
  }
  .header-title.daily-greeting .eyebrow {
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0.55rem;
    display: block;
    overflow: hidden;
  }
  .header-title.daily-greeting h1 {
    white-space: normal;
    gap: 1px;
    margin-top: 2px;
    font-size: 0.72rem;
    line-height: 1.1;
    display: grid;
    overflow: hidden;
  }
  .daily-greeting-salutation {
    font-size: 0.72rem;
  }
  .daily-greeting-message {
    font-size: 0.62rem;
  }
  .header-actions {
    flex: none;
    gap: 5px;
  }
  .workspace-switcher-button {
    justify-content: center;
    padding: 0;
  }
  .workspace-switcher-button > svg:last-child {
    display: none;
  }
  .workspace-switcher-menu {
    max-height: calc(100dvh - 150px);
    top: 70px;
    left: 10px;
    right: 10px;
    overflow-y: auto;
  }
  .page-content {
    width: 100%;
    min-width: 0;
    padding: 14px 11px 22px;
  }
  .page-intro {
    gap: 13px;
    margin-bottom: 16px;
  }
  .page-intro h2 {
    margin: 7px 0 5px;
    font-size: 1.55rem;
    line-height: 1.05;
  }
  .page-intro p {
    font-size: 0.84rem;
    line-height: 1.45;
  }
  .page-intro > button,
  .page-intro > a,
  .page-intro > div:last-child {
    width: 100%;
  }
  .page-intro button {
    min-height: 42px;
  }
  .stat-grid,
  .stats-grid {
    grid-template-columns: 1fr 1fr;
    gap: 9px;
  }
  .stat-grid article,
  .stats-grid article,
  .backoffice-overview article {
    min-height: 96px;
    padding: 15px;
  }
  .backoffice-overview {
    grid-template-columns: 1fr;
    gap: 9px;
  }
  .backoffice-overview strong {
    font-size: 1.18rem;
  }
  .management-toolbar {
    flex-direction: column;
    align-items: stretch;
  }
  .management-toolbar button {
    width: 100%;
  }
  .panel {
    border-radius: 14px;
    min-width: 0;
    padding: 15px;
  }
  .profile-error-state {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .profile-error-state > button {
    grid-column: 1/-1;
    width: 100%;
  }
  .account-profile-layout {
    grid-template-columns: 1fr;
  }
  .account-profile-cover {
    height: 96px;
  }
  .account-profile-identity {
    padding-inline: 16px;
  }
  .account-profile-avatar {
    border-radius: 22px;
    width: 90px;
    height: 90px;
    margin-top: -45px;
  }
  .account-profile-avatar > img {
    border-radius: 17px;
  }
  .account-profile-security {
    margin-inline: 12px;
  }
  .account-data-panel > header {
    align-items: flex-start;
    padding: 15px;
  }
  .account-data-panel > header button {
    min-height: 36px;
    padding-inline: 10px;
  }
  .account-data-grid {
    grid-template-columns: 1fr;
    padding: 3px 15px 9px;
  }
  .account-data-grid article,
  .account-data-grid article:nth-child(odd):not(.account-data-wide),
  .account-data-grid article:nth-child(2n):not(.account-data-wide) {
    min-height: 70px;
    margin: 0;
  }
  .account-data-wide {
    grid-column: auto;
  }
  .account-membership-strip {
    grid-template-columns: 1fr 1fr;
  }
  .account-membership-strip > span,
  .account-membership-strip > span:nth-child(3),
  .account-membership-strip > span:nth-child(n + 4) {
    border-top: 1px solid #ffffff0e;
    border-right: 1px solid #ffffff0e;
  }
  .account-membership-strip > span:nth-child(-n + 2) {
    border-top: 0;
  }
  .account-membership-strip > span:nth-child(2n) {
    border-right: 0;
  }
  .profile-security-note {
    align-items: flex-start;
  }
  .panel-head {
    gap: 10px;
  }
  .form-grid,
  .profile-form {
    grid-template-columns: 1fr;
  }
  .form-grid .full {
    grid-column: auto;
  }
  .table-wrap {
    overscroll-behavior-inline: contain;
    border-radius: 13px;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    box-shadow: inset -18px 0 18px -22px #d4af7c8c;
  }
  .table-wrap table {
    min-width: 700px;
  }
  .table-wrap th,
  .table-wrap td {
    padding: 12px;
  }
  .table-actions {
    min-width: 170px;
  }
  .table-actions button {
    min-height: 36px;
  }
  .admin-product-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .admin-product-card {
    border-radius: 14px;
    gap: 14px;
    padding: 16px;
  }
  .admin-product-card > header {
    align-items: flex-start;
  }
  .admin-product-card dl {
    gap: 8px;
  }
  .admin-product-card dl > div {
    padding: 10px;
  }
  .admin-product-card > footer,
  .cost-control {
    grid-template-columns: 1fr;
  }
  .cost-products {
    border-bottom: 1px solid #d4af7c1c;
    border-right: 0;
    gap: 12px;
    padding: 15px;
  }
  .cost-products p {
    max-width: none;
  }
  .cost-product-list {
    grid-template-columns: 1fr 1fr;
  }
  .cost-product-list button {
    grid-template-columns: 34px minmax(0, 1fr);
    min-height: 58px;
  }
  .cost-product-list button i {
    display: none;
  }
  .cost-editor {
    padding: 15px;
  }
  .cost-current-grid {
    grid-template-columns: 1fr 1fr;
  }
  .cost-current-grid article:last-child {
    grid-column: 1/-1;
  }
  .cost-change-grid {
    grid-template-columns: 1fr;
  }
  .cost-action-row {
    flex-direction: column;
    align-items: stretch;
  }
  .cost-action-row button {
    width: 100%;
    min-width: 0;
  }
  .terms-workspace {
    grid-template-columns: 1fr;
  }
  .terms-products {
    border-bottom: 1px solid #d4af7c1c;
    border-right: 0;
    gap: 12px;
    padding: 15px;
  }
  .terms-products p {
    max-width: none;
  }
  .terms-product-list {
    grid-template-columns: 1fr 1fr;
  }
  .terms-product-list button {
    grid-template-columns: 34px minmax(0, 1fr);
    min-height: 58px;
  }
  .terms-product-list button i {
    display: none;
  }
  .terms-editor {
    padding: 15px;
  }
  .terms-editor-grid {
    grid-template-columns: 1fr;
  }
  .terms-current-card,
  .terms-compose-card {
    min-height: 0;
  }
  .terms-document {
    min-height: 220px;
    max-height: 38dvh;
  }
  .terms-compose-card textarea {
    min-height: 190px;
  }
  .orders-workspace {
    border-radius: 14px;
  }
  .orders-workspace-head {
    flex-flow: wrap;
    align-items: center;
    padding: 13px 14px 10px;
  }
  .orders-workspace-head h3 {
    font-size: 1.14rem;
  }
  .orders-workspace-head .eyebrow {
    display: none;
  }
  .orders-workspace-head p {
    font-size: 0.68rem;
  }
  .orders-head-actions {
    gap: 6px;
    width: auto;
  }
  .orders-head-actions button {
    width: 38px;
    min-width: 38px;
    min-height: 36px;
    padding: 0;
    font-size: 0;
  }
  .orders-head-actions button svg {
    width: 16px;
    height: 16px;
  }
  .orders-view-switch {
    order: 3;
    width: 100%;
  }
  .orders-view-switch button {
    flex: 1;
    min-height: 28px;
    padding: 4px 8px;
  }
  .orders-filters {
    grid-template-columns: 1fr 1fr;
    gap: 7px;
    padding: 0 14px 10px;
  }
  .orders-search {
    grid-column: 1/-1;
  }
  .orders-search,
  .orders-filters select {
    height: 38px;
  }
  .orders-search input {
    font-size: 0.72rem;
  }
  .orders-filters select {
    padding-top: 15px;
    font-size: 0.68rem;
  }
  .orders-table-wrap {
    display: none;
  }
  .orders-mobile-list {
    border-top: 1px solid #d4af7c1a;
    gap: 6px;
    padding: 8px 10px 10px;
    display: grid;
    overflow-x: hidden;
  }
  .order-mobile-row {
    background: #ffffff05;
    border: 1px solid #ffffff13;
    border-radius: 10px;
    min-width: 0;
    overflow: hidden;
  }
  .order-process-row {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 54px;
    padding: 8px 10px;
    display: grid;
  }
  .order-mobile-row > summary {
    cursor: pointer;
    grid-template-columns: minmax(0, 1fr) auto auto 16px;
    align-items: center;
    gap: 8px;
    min-width: 0;
    min-height: 58px;
    padding: 9px 10px;
    list-style: none;
    display: grid;
  }
  .order-mobile-row > summary::-webkit-details-marker {
    display: none;
  }
  .order-mobile-main,
  .order-mobile-meta {
    gap: 2px;
    min-width: 0;
    display: grid;
  }
  .order-mobile-main strong {
    color: #e8e3dc;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.72rem;
    overflow: hidden;
  }
  .order-mobile-main small {
    color: #777;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.58rem;
    overflow: hidden;
  }
  .order-mobile-meta {
    justify-items: end;
  }
  .order-mobile-meta strong {
    color: #faf8f4;
    white-space: nowrap;
    font-size: 0.7rem;
  }
  .order-mobile-meta small {
    color: #777;
    white-space: nowrap;
    font-size: 0.57rem;
  }
  .order-mobile-payment {
    color: #ffbd70;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #ffb45e17;
    border-radius: 999px;
    max-width: 70px;
    padding: 4px 6px;
    font-size: 0.57rem;
    font-weight: 800;
    overflow: hidden;
  }
  .order-mobile-payment.payment-confirmed,
  .order-mobile-payment.payment-paid {
    color: var(--accent-ink);
    background: #d4af7c17;
  }
  .order-mobile-chevron {
    color: #7d7d7d;
    width: 15px;
    height: 15px;
    transition: transform 0.18s;
  }
  .order-mobile-row[open] .order-mobile-chevron {
    transform: rotate(180deg);
  }
  .order-mobile-details {
    border-top: 1px solid #ffffff0f;
    gap: 9px;
    padding: 0 10px 10px;
    display: grid;
  }
  .order-mobile-details dl {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin: 9px 0 0;
    display: grid;
  }
  .order-mobile-details dl > div {
    gap: 2px;
    min-width: 0;
    display: grid;
  }
  .order-mobile-details dt {
    color: #7e603e;
    text-transform: uppercase;
    font-size: 0.55rem;
  }
  .order-mobile-details dd {
    color: #d1ccc5;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    font-size: 0.65rem;
    overflow: hidden;
  }
  .order-mobile-details .order-mobile-client dd {
    white-space: normal;
    gap: 2px;
    display: grid;
  }
  .order-mobile-details .order-mobile-client dd strong {
    color: inherit;
    font: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    overflow: hidden;
  }
  .order-mobile-details .order-mobile-client dd small {
    color: var(--muted);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.58rem;
    overflow: hidden;
  }
  .order-mobile-details .orders-action-link {
    width: 100%;
  }
  .order-mobile-details .orders-action-pending {
    justify-content: flex-start;
    min-height: 0;
  }
  .orders-mobile-empty {
    color: #7e603e;
    text-align: center;
    margin: 14px 0 0;
    padding: 26px 14px;
  }
  [data-theme='light'] .orders-mobile-list {
    border-color: #0a0a0a1a;
  }
  [data-theme='light'] .order-mobile-row {
    background: #fff;
    border-color: #0a0a0a1a;
  }
  [data-theme='light'] .order-mobile-main strong,
  [data-theme='light'] .order-mobile-meta strong,
  [data-theme='light'] .order-mobile-details dd {
    color: #1a1815;
  }
  [data-theme='light'] .order-mobile-details {
    border-color: #0a0a0a14;
  }
  .inline-order-header {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 10px;
    padding: 12px;
  }
  .inline-order-header > button {
    min-height: 34px;
    padding-inline: 10px;
  }
  .inline-order-header p {
    display: none;
  }
  .draft-restored-alert {
    grid-template-columns: auto 1fr;
  }
  .draft-restored-alert button {
    grid-column: 1/-1;
    width: 100%;
  }
  .draft-save-state {
    grid-column: 1/-1;
    justify-self: end;
    margin-top: -5px;
  }
  .inline-order-header > strong {
    justify-self: end;
    font-size: 1rem;
  }
  .inline-order-flow {
    padding: 10px;
  }
  .batch-actions {
    flex-direction: column;
  }
  .batch-actions button {
    width: 100%;
  }
  .split-actions {
    flex-direction: column-reverse;
  }
  .split-actions button {
    width: 100%;
  }
  .pix-payment-card {
    grid-template-columns: 1fr;
  }
  .pix-copy-field > span {
    flex-direction: column;
    align-items: stretch;
  }
  .clean-entry-layout {
    grid-template-columns: minmax(0, 1fr) minmax(210px, 32%);
    gap: 9px;
  }
  .clean-live-summary {
    position: sticky;
    top: 72px;
  }
  .clean-fields-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .clean-kind-toggle {
    width: fit-content;
  }
  .clean-kind-toggle button {
    min-width: 94px;
  }
  .clean-form-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    display: grid;
  }
  .clean-form-actions button {
    width: 100%;
    min-width: 0;
    padding-inline: 5px;
    font-size: 0.64rem;
  }
  .arka-dialog {
    max-height: 88dvh;
    overflow-y: auto;
    border-radius: 17px !important;
    width: calc(100vw - 20px) !important;
    max-width: none !important;
    padding: 18px !important;
  }
  .woovi-charge {
    grid-template-columns: 1fr;
    justify-items: stretch;
  }
  .woovi-charge img {
    justify-self: center;
    width: min(58vw, 190px);
  }
  .woovi-charge button {
    width: 100%;
  }
  .notification-popover {
    top: calc(84px + env(safe-area-inset-top));
    width: min(350px, 100vw - 16px);
    max-height: min(calc(100dvh - 104px - env(safe-area-inset-top)), 500px);
    padding: 10px;
    bottom: auto;
    left: auto;
    right: 8px;
  }
  .notification-list {
    max-height: calc(72dvh - 74px);
  }
  .notification-item {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 9px;
  }
  .notification-item time {
    grid-column: 2;
    justify-self: start;
    display: block;
  }
  .app-main {
    padding-bottom: calc(92px + env(safe-area-inset-bottom));
  }
  .mobile-nav {
    right: 12px;
    bottom: max(12px, env(safe-area-inset-bottom));
    -webkit-backdrop-filter: blur(22px);
    backdrop-filter: blur(22px);
    background: #0a0a0af0;
    border: 1px solid #d4af7c24;
    border-radius: 24px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: stretch;
    gap: 4px;
    height: 64px;
    padding: 6px 7px;
    left: 12px;
    box-shadow:
      0 16px 44px #00000070,
      inset 0 0 0 1px #ffffff05;
  }
  .mobile-nav a,
  .mobile-nav button {
    color: #7e603e;
    cursor: pointer;
    background: 0 0;
    border: 0;
    border-radius: 18px;
    grid-template-rows: 22px auto;
    align-content: center;
    justify-items: center;
    gap: 4px;
    width: 100%;
    min-width: 0;
    min-height: 52px;
    padding: 5px 3px;
    font-size: 0.64rem;
    font-weight: 650;
    line-height: 1;
    display: grid;
    position: relative;
  }
  .mobile-nav svg {
    width: 21px;
    height: 21px;
  }
  .mobile-nav span {
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    width: 100%;
    overflow: hidden;
  }
  .mobile-nav .active:not(.nav-primary) {
    color: var(--accent-ink);
    background: #d4af7c12;
  }
  .mobile-nav .active:not(.nav-primary):after {
    content: '';
    background: var(--primary);
    border-radius: 2px;
    width: 18px;
    height: 2px;
    position: absolute;
    top: 3px;
  }
  .mobile-nav .nav-primary {
    background: var(--primary);
    color: var(--primary-foreground);
    box-shadow: 0 7px 18px #d4af7c2e;
  }
  .mobile-nav .nav-primary svg {
    color: currentColor;
    width: 21px;
    height: 21px;
    box-shadow: none;
    background: 0 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
  }
  .mobile-nav .nav-primary span {
    margin: 0;
    font-weight: 800;
  }
  [data-theme='light'] .mobile-nav {
    background: #faf8f4f7;
    border-color: #0a0a0a1f;
    box-shadow: 0 -10px 30px #4e42341a;
  }
  [data-theme='light'] .mobile-nav a,
  [data-theme='light'] .mobile-nav button {
    color: #7e603e;
  }
  .mobile-nav .nav-primary {
    display: none !important;
  }
  [data-theme='light'] .mobile-nav .active:not(.nav-primary) {
    background: #d4af7c24;
    color: #7e603e !important;
  }
  [data-theme='light'] .mobile-nav .active:not(.nav-primary) svg {
    color: #7e603e !important;
  }
  [data-theme='light'] .mobile-nav .active:not(.nav-primary):after {
    background: #7e603e;
  }
  [data-theme='light'] .mobile-nav .nav-primary {
    background: var(--primary);
    color: var(--primary-foreground);
  }
  [data-theme='light'] .mobile-nav .nav-primary svg {
    color: currentColor;
    background: 0 0;
  }
}
.cinematic-hero-media img {
  object-fit: cover;
  object-position: center;
  transition:
    opacity 0.5s,
    transform 1.15s cubic-bezier(0.2, 0.72, 0.25, 1);
  transform: scale(1.01);
}
.cinematic-hero-media img.is-active {
  transform: scale(1.01);
}
.cinematic-hero:hover .cinematic-hero-media img.is-active {
  transform: scale(1.055);
}
.cinematic-hero:hover .cinematic-hero-media img:first-child.is-active {
  transform: scaleX(-1) scale(1.055);
}
.financial-overview {
  grid-template-rows: auto auto 1fr;
}
.cinematic-shortcuts {
  grid-auto-rows: 1fr;
  align-items: stretch;
}
.cinematic-shortcut {
  grid-template-rows: auto minmax(0, 1fr);
  min-width: 0;
  height: 100%;
  padding: 0;
  display: grid;
  overflow: hidden;
}
.cinematic-panel-head {
  padding: 16px 17px 14px;
}
.shortcut-image {
  aspect-ratio: 16/9;
  border-radius: 0;
  width: 100%;
  height: auto;
  min-height: 170px;
  margin: 0;
}
.shortcut-image img {
  object-fit: cover;
  object-position: center;
  opacity: 0.94;
  width: 100%;
  height: 100%;
  transition:
    transform 1.05s cubic-bezier(0.2, 0.72, 0.25, 1),
    opacity 0.35s,
    filter 0.35s;
  display: block;
  transform: scale(1.01);
}
.cinematic-shortcut:hover .shortcut-image img {
  opacity: 1;
  transform: scale(1.065);
}
@media (max-width: 760px) {
  .cinematic-dots {
    bottom: 10px;
  }
  .cinematic-hero-media img,
  .cinematic-hero-media img:first-child,
  .cinematic-hero-media img:first-child.is-active {
    object-fit: cover;
    object-position: center;
  }
  .cinematic-shortcut {
    min-height: 0;
  }
  .shortcut-image {
    aspect-ratio: 16/9;
    min-height: 190px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cinematic-hero-media img,
  .shortcut-image img {
    transition: none !important;
  }
  .cinematic-hero:hover .cinematic-hero-media img.is-active,
  .cinematic-shortcut:hover .shortcut-image img {
    transform: none !important;
  }
  .cinematic-hero:hover .cinematic-hero-media img:first-child.is-active {
    transform: scaleX(-1) !important;
  }
}
@media (max-width: 840px) {
  .products-page
    .arka-tabs
    > [data-slot='tabs-content']:has(.product-term-stage) {
    overflow-y: auto;
  }
  .products-page .product-term-stage,
  .products-page .term-checkout-layout {
    height: auto;
  }
  .products-page #product-workspace:has(.product-term-stage) {
    height: auto;
  }
  .products-page .inline-order-workspace:has(.product-term-stage) {
    height: auto;
  }
  .products-page .inline-order-workspace:has(.product-term-stage) {
    display: block;
  }
  :is(
    .products-page .inline-order-flow:has(.product-term-stage),
    .products-page .term-checkout-document
  ) {
    overflow: visible;
  }
  .products-page .product-term-stage,
  .products-page .term-checkout-document {
    grid-template-rows: auto;
  }
  .term-checkout-layout {
    grid-template-columns: 1fr;
  }
  .term-checkout-summary {
    position: static;
  }
  .products-page .term-checkout-content {
    max-height: 42dvh;
  }
}
@media (max-width: 700px) {
  .clean-entry-layout {
    grid-template-columns: 1fr;
  }
  .clean-live-summary {
    position: static;
  }
}
@media (max-width: 620px) {
  .product-term-stage {
    gap: 12px;
  }
  .term-checkout-steps {
    justify-content: flex-start;
  }
  .term-checkout-document,
  .term-checkout-summary {
    border-radius: 14px;
    padding: 14px;
  }
  .term-checkout-document header {
    padding-right: 0;
  }
  .term-checkout-document header small {
    position: static;
  }
  .term-checkout-content {
    max-height: 42dvh;
    padding: 13px;
  }
  .inline-order-header {
    grid-template-columns: 1fr auto;
  }
  .inline-order-header > button {
    grid-column: 1/-1;
    width: 100%;
  }
  .inline-order-header > div {
    min-width: 0;
  }
  .draft-save-state {
    grid-column: 1/-1;
    justify-self: start;
    margin-top: 0;
  }
  .clean-entry-layout {
    grid-template-columns: 1fr;
  }
  .clean-live-summary {
    position: static;
  }
  .clean-fields-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .clean-form-actions {
    grid-template-columns: 1fr 1fr;
  }
  .clean-form-actions button:first-child {
    grid-column: 1/-1;
  }
}
@media (max-width: 420px) {
  .clean-fields-grid {
    grid-template-columns: 1fr;
  }
  .clean-form-actions {
    grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
  }
  .clean-form-actions button:first-child {
    grid-column: auto;
  }
  .clean-form-actions button:last-child {
    grid-column: 1/-1;
  }
}
@media (max-width: 390px) {
  .header-actions {
    gap: 4px;
  }
  .admin-product-card dl,
  .terms-product-list {
    grid-template-columns: 1fr;
  }
  .notification-head-actions .notification-read-all {
    padding: 0 8px;
  }
}
@media (max-width: 760px) {
  .network-member-dialog {
    gap: 10px !important;
    width: calc(100vw - 20px) !important;
    max-width: 590px !important;
    padding: 14px !important;
  }
  .network-cost-dialog {
    gap: 10px !important;
    width: calc(100vw - 20px) !important;
    max-width: 560px !important;
    padding: 14px !important;
  }
  .network-referral-box {
    padding: 8px;
  }
  .network-member-form .form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .network-cost-row {
    grid-template-columns: minmax(0, 1fr) 100px 68px;
    gap: 6px;
    padding: 8px;
  }
  .network-cost-row small {
    font-size: 0.57rem;
  }
}
@media (max-width: 480px) {
  .network-member-form .form-grid {
    grid-template-columns: 1fr;
  }
  .network-cost-row {
    grid-template-columns: minmax(0, 1fr) 94px;
  }
  .network-cost-row > div {
    grid-column: 1/-1;
  }
  .network-cost-row > button {
    min-width: 0;
  }
}
.trial-activation-dialog {
  box-shadow:
    0 28px 90px #0000009e,
    0 0 42px #d4af7c0e;
  border-color: #d4af7c38 !important;
  gap: 15px !important;
  width: min(610px, 100vw - 28px) !important;
  max-width: 610px !important;
  padding: 22px !important;
}
.trial-activation-dialog [data-slot='dialog-header'] {
  gap: 5px;
  padding-left: 52px;
  position: relative;
}
.trial-activation-dialog [data-slot='dialog-title'] {
  letter-spacing: -0.035em;
  font-size: 1.45rem;
  line-height: 1.1;
}
.trial-activation-dialog [data-slot='dialog-description'] {
  max-width: 500px;
  font-size: 0.78rem;
  line-height: 1.55;
}
.trial-dialog-icon {
  width: 40px;
  height: 40px;
  color: var(--accent-ink);
  background: #d4af7c14;
  border: 1px solid #d4af7c33;
  border-radius: 12px;
  place-items: center;
  display: grid;
  position: absolute;
  top: 1px;
  left: 0;
}
.trial-dialog-icon svg {
  width: 19px;
  height: 19px;
}
.trial-plan-options {
  grid-template-columns: 1fr;
  gap: 9px;
  display: grid;
}
.trial-plan-options > :is(label, div) {
  color: #faf8f4;
  text-align: left;
  background: #ffffff06;
  border: 1px solid #ffffff17;
  border-radius: 13px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  min-width: 0;
  min-height: 86px;
  padding: 13px;
  display: grid;
  position: relative;
}
.trial-plan-options > label:hover {
  border-color: #d4af7c40;
}
.trial-plan-options > :is(label, div).selected {
  background: linear-gradient(135deg, #d4af7c1a, #d4af7c06);
  border-color: #d4af7c7a;
  box-shadow: inset 0 0 0 1px #d4af7c0f;
}
.trial-plan-options > label > input {
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
  position: absolute;
}
.trial-plan-options > :is(label, div) > span {
  gap: 4px;
  min-width: 0;
  display: grid;
}
.trial-plan-options strong {
  font-size: 0.85rem;
}
.trial-plan-options small {
  color: #7e603e;
  font-size: 0.62rem;
  font-weight: 500;
  line-height: 1.3;
}
.trial-plan-options b {
  color: var(--accent-ink);
  white-space: nowrap;
  justify-items: end;
  font-size: 0.92rem;
  display: grid;
}
.trial-plan-options b small {
  color: #7e603e;
  font-size: 0.52rem;
}
.trial-plan-options > :is(label, div) > svg {
  background: var(--primary);
  color: #0a0a0a;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  padding: 2px;
  position: absolute;
  top: 8px;
  right: 8px;
}
.trial-period-note {
  color: #a58152;
  background: #d4af7c09;
  border: 1px solid #d4af7c1f;
  border-radius: 11px;
  align-items: flex-start;
  gap: 10px;
  padding: 11px 12px;
  font-size: 0.68rem;
  line-height: 1.45;
  display: flex;
}
.trial-period-note svg {
  width: 17px;
  height: 17px;
  color: var(--accent-ink);
  flex: none;
}
.trial-period-note strong {
  color: #e8e3dc;
}
.trial-activation-dialog [data-slot='dialog-footer'] {
  background: 0 0;
  border: 0;
  padding-top: 0;
}
.trial-activation-dialog [data-slot='dialog-footer'] button {
  width: 100%;
  min-height: 44px;
  font-weight: 800;
}
.trial-legal-note {
  color: #7e603e;
  text-align: center;
  font-size: 0.59rem;
  line-height: 1.35;
}
[data-theme='light'] .trial-plan-options > :is(label, div) {
  color: #27231f;
  background: #fbfaf7;
  border-color: #4637271a;
}
[data-theme='light'] .trial-plan-options > :is(label, div).selected {
  background: linear-gradient(135deg, #d4af7c29, #fbfaf7);
  border-color: #a5815273;
}
[data-theme='light'] .trial-plan-options small,
[data-theme='light'] .trial-legal-note {
  color: #7e603e;
}
[data-theme='light'] .trial-period-note strong {
  color: #1a1815;
}
@media (max-width: 600px) {
  .trial-activation-dialog {
    max-height: 92dvh;
    gap: 12px !important;
    width: calc(100vw - 20px) !important;
    padding: 16px !important;
  }
  .trial-activation-dialog [data-slot='dialog-header'] {
    padding-left: 46px;
  }
  .trial-activation-dialog [data-slot='dialog-title'] {
    font-size: 1.22rem;
  }
  .trial-plan-options {
    grid-template-columns: 1fr;
    gap: 7px;
  }
  .trial-plan-options > :is(label, div) {
    min-height: 70px;
    padding: 10px 12px;
  }
  .trial-period-note {
    padding: 9px 10px;
  }
}
@media (min-width: 761px) {
  :is(html:has(.app-frame), body:has(.app-frame)) {
    overscroll-behavior: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .app-frame {
    width: 100%;
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
  }
  .sidebar {
    height: 100dvh;
  }
  .app-main {
    flex-direction: column;
    height: 100dvh;
    min-height: 0;
    display: flex;
    overflow: hidden;
  }
  .app-header {
    flex: none;
    position: relative;
    top: auto;
  }
  .page-content {
    overscroll-behavior-y: contain;
    flex: auto;
    width: 100%;
    min-height: 0;
    margin: 0 auto;
    overflow: hidden auto;
  }
  .desktop-data-page,
  .desktop-kanban-page,
  .desktop-network-page {
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }
  .desktop-data-page > .table-wrap {
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    flex: auto;
    min-height: 0;
    overflow: auto;
  }
  .desktop-data-page > .batch-strip {
    overscroll-behavior: contain;
    max-height: min(180px, 24dvh);
    overflow-y: auto;
  }
  .desktop-network-page > .network-directory {
    flex-direction: column;
    flex: auto;
    min-height: 0;
    display: flex;
  }
  .desktop-network-page .network-directory-head {
    flex: none;
  }
  .desktop-network-page .network-table-wrap {
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    flex: auto;
    min-height: 0;
    overflow: auto;
  }
  .desktop-network-page .network-members-table th,
  .desktop-data-page > .table-wrap th,
  .products-page .orders-table th {
    z-index: 2;
    position: sticky;
    top: 0;
  }
  .desktop-kanban-page > .kanban-board,
  .desktop-kanban-page > .support-kanban {
    overscroll-behavior: contain;
    flex: auto;
    align-items: stretch;
    min-height: 0;
    overflow: auto hidden;
  }
  .desktop-kanban-page .kanban-column {
    flex-direction: column;
    height: 100%;
    min-height: 0;
    display: flex;
  }
  .desktop-kanban-page .kanban-column > div {
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    flex: auto;
    min-height: 0;
    overflow-y: auto;
  }
  .products-page {
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }
  .products-page > .page-intro {
    align-items: center;
    gap: 16px;
    margin-bottom: 12px;
  }
  .products-page > .page-intro .eyebrow {
    font-size: 0.58rem;
  }
  .products-page > .page-intro h2 {
    margin: 4px 0 3px;
    font-size: clamp(1.45rem, 2vw, 1.9rem);
    line-height: 1.05;
  }
  .products-page > .page-intro p {
    font-size: 0.78rem;
    line-height: 1.35;
  }
  .products-page > .arka-tabs {
    gap: 12px;
  }
  .products-page > .page-intro,
  .products-page .arka-tabs > [data-slot='tabs-list'] {
    flex: none;
  }
  .products-page > .arka-tabs {
    flex: auto;
    min-height: 0;
    overflow: hidden;
  }
  .products-page .arka-tabs > [data-slot='tabs-content'] {
    overscroll-behavior: contain;
    min-height: 0;
    overflow-y: auto;
  }
  @media (min-width: 841px) {
    .products-page
      .arka-tabs
      > [data-slot='tabs-content']:has(.product-term-stage) {
      overflow: hidden;
    }
    .products-page .product-term-stage,
    .products-page .term-checkout-layout,
    .products-page .term-checkout-document {
      min-height: 0;
    }
    .products-page #product-workspace:has(.product-term-stage) {
      min-height: 0;
    }
    .products-page .inline-order-workspace:has(.product-term-stage) {
      min-height: 0;
    }
    .products-page .inline-order-flow:has(.product-term-stage) {
      min-height: 0;
    }
    .products-page #product-workspace:has(.product-term-stage) {
      height: 100%;
    }
    .products-page .inline-order-workspace:has(.product-term-stage) {
      height: 100%;
    }
    .products-page .inline-order-workspace:has(.product-term-stage) {
      grid-template-rows: auto minmax(0, 1fr);
      display: grid;
    }
    .products-page .term-review-workspace.has-draft-alert {
      grid-template-rows: auto auto minmax(0, 1fr);
    }
    .products-page .term-review-workspace .draft-restored-alert {
      grid-template-columns: 28px minmax(0, 1fr) auto;
      gap: 9px;
      padding: 7px 11px;
    }
    .products-page .term-review-workspace .draft-restored-alert > span {
      border-radius: 8px;
      width: 28px;
      height: 28px;
    }
    .products-page .term-review-workspace .draft-restored-alert strong {
      font-size: 0.74rem;
    }
    .products-page .term-review-workspace .draft-restored-alert p {
      text-overflow: ellipsis;
      white-space: nowrap;
      margin: 1px 0 0;
      font-size: 0.64rem;
      line-height: 1.25;
      overflow: hidden;
    }
    .products-page .term-review-workspace .draft-restored-alert button {
      min-height: 30px;
      padding-inline: 10px;
    }
    .products-page .term-review-workspace .inline-order-header {
      gap: 10px;
      padding: 7px 11px;
    }
    .products-page .term-review-workspace .inline-order-header > button {
      min-height: 32px;
      padding-inline: 10px;
    }
    .products-page .term-review-workspace .inline-order-header h3 {
      margin: 1px 0 0;
      font-size: 0.92rem;
    }
    .products-page .term-review-workspace .inline-order-header p,
    .products-page .term-review-workspace .draft-save-state {
      display: none;
    }
    .products-page .term-review-workspace .inline-order-header > strong {
      font-size: 1rem;
    }
    .products-page .inline-order-flow:has(.product-term-stage) {
      padding: 8px;
      overflow: hidden;
    }
    .products-page .product-term-stage {
      grid-template-rows: auto minmax(0, 1fr);
      gap: 8px;
      height: 100%;
    }
    .products-page .term-checkout-steps {
      gap: 7px;
      font-size: 0.68rem;
    }
    .products-page .term-checkout-steps i {
      width: 22px;
      height: 22px;
    }
    .products-page .term-checkout-layout {
      align-items: stretch;
      gap: 10px;
      height: 100%;
    }
    .products-page .term-checkout-document,
    .products-page .term-checkout-summary {
      border-radius: 13px;
      padding: 11px;
    }
    .products-page .term-checkout-document {
      grid-template-rows: auto minmax(0, 1fr) auto;
      gap: 8px;
      overflow: hidden;
    }
    .products-page .term-checkout-document header {
      gap: 2px;
    }
    .products-page .term-checkout-document h4,
    .products-page .term-checkout-summary h4 {
      font-size: 0.86rem;
    }
    .products-page .term-checkout-content {
      white-space: normal;
      scrollbar-gutter: stable;
      border-radius: 10px;
      min-height: 0;
      max-height: none;
      padding: 11px 12px;
      font-size: 0.72rem;
      line-height: 1.48;
    }
    .products-page .term-content-line.is-blank {
      min-height: 0.65em;
    }
    .products-page .term-acceptance-control {
      border-radius: 10px;
      gap: 8px;
      padding: 9px 10px;
    }
    .products-page .term-acceptance-control input {
      width: 17px;
      height: 17px;
    }
    .products-page .term-acceptance-control span {
      gap: 2px;
      font-size: 0.68rem;
      line-height: 1.35;
    }
    .products-page .term-checkout-summary {
      align-self: start;
      gap: 8px;
      position: static;
    }
    .products-page .term-checkout-summary dl > div {
      padding: 7px 0;
      font-size: 0.7rem;
    }
    .products-page .term-checkout-summary button {
      min-height: 36px;
    }
    .products-page .term-checkout-summary .wide-button:disabled {
      color: #7e603e;
      opacity: 1;
      background: #d4af7c0b;
      border-color: #d4af7c1f;
    }
  }
  .products-page .clean-cart-list,
  .products-page .rating-cart,
  .products-page .import-review-table {
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    max-height: min(300px, 38dvh);
    overflow: auto;
  }
  .products-page .orders-workspace {
    flex-direction: column;
    height: 100%;
    min-height: 0;
    display: flex;
  }
  .products-page .orders-table-wrap {
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    flex: auto;
    min-height: 0;
    overflow: auto;
  }
}
@media (min-width: 1160px) {
  .desktop-dashboard-page {
    overflow: hidden;
  }
  .desktop-dashboard-page > .cinematic-dashboard {
    grid-template-rows: minmax(0, 1fr) auto;
    height: 100%;
    min-height: 0;
  }
  .desktop-dashboard-page .cinematic-top-grid,
  .desktop-dashboard-page .cinematic-hero,
  .desktop-dashboard-page .financial-overview {
    min-height: 0;
  }
}
.arka-action-button:not(.arka-action-button-link) {
  letter-spacing: -0.005em;
  font-weight: 750;
  transition:
    border-color 0.16s,
    background-color 0.16s,
    box-shadow 0.16s,
    transform 0.16s,
    filter 0.16s;
  box-shadow:
    inset 0 1px #ffffff0e,
    0 4px 12px #00000029;
}
.arka-action-button-primary {
  border-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .arka-action-button-primary {
    border-color: color-mix(in srgb, var(--primary) 78%, white 8%);
  }
}
.arka-action-button-primary {
  box-shadow:
    inset 0 1px #fff3,
    0 6px 16px #d4af7c21;
}
.arka-action-button-outline {
  border-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .arka-action-button-outline {
    border-color: color-mix(in srgb, var(--primary) 25%, var(--border));
  }
}
.arka-action-button-outline {
  background: linear-gradient(180deg, var(--primary), var(--primary));
}
@supports (color: color-mix(in lab, red, red)) {
  .arka-action-button-outline {
    background: linear-gradient(
      180deg,
      color-mix(in srgb, var(--primary) 5%, var(--background)),
      color-mix(in srgb, var(--primary) 2%, var(--background))
    );
  }
}
.arka-action-button-secondary {
  border-color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .arka-action-button-secondary {
    border-color: color-mix(in srgb, var(--foreground) 13%, transparent);
  }
}
.arka-action-button-ghost {
  border-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .arka-action-button-ghost {
    border-color: color-mix(in srgb, var(--primary) 13%, transparent);
  }
}
.arka-action-button-ghost {
  background: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .arka-action-button-ghost {
    background: color-mix(in srgb, var(--primary) 2.5%, transparent);
  }
}
.arka-action-button-ghost {
  box-shadow: none;
}
.arka-action-button-destructive {
  border-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
  .arka-action-button-destructive {
    border-color: color-mix(in srgb, var(--destructive) 36%, transparent);
  }
}
.arka-action-button-destructive {
  box-shadow:
    inset 0 1px #ffffff0a,
    0 4px 12px #0000001f;
}
.arka-action-button:not(.arka-action-button-link):hover {
  border-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .arka-action-button:not(.arka-action-button-link):hover {
    border-color: color-mix(in srgb, var(--primary) 44%, var(--border));
  }
}
.arka-action-button:not(.arka-action-button-link):hover {
  box-shadow:
    inset 0 1px #ffffff14,
    0 7px 18px #0003;
}
.arka-action-button:not(.arka-action-button-link):active {
  box-shadow:
    inset 0 1px 3px #00000038,
    0 2px 7px #0000001f;
}
.arka-action-button:focus-visible {
  outline: 2px solid var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .arka-action-button:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--primary) 70%, white 5%);
  }
}
.arka-action-button:focus-visible {
  outline-offset: 2px;
}
.arka-action-button:disabled {
  box-shadow: none;
  filter: saturate(0.55);
}
@supports (color: color-mix(in lab, red, red)) {
  [data-theme='light'] .arka-action-button-outline {
    border-color: color-mix(in srgb, var(--primary) 34%, #0a0a0a29);
  }
}
[data-theme='light'] .arka-action-button-outline {
  background: linear-gradient(180deg, #fff, var(--primary));
}
@supports (color: color-mix(in lab, red, red)) {
  [data-theme='light'] .arka-action-button-outline {
    background: linear-gradient(
      180deg,
      #fff,
      color-mix(in srgb, var(--primary) 3%, #fff)
    );
  }
}
.arka-action-button-primary {
  background: var(--primary);
  color: var(--primary-foreground);
}
.arka-action-button-primary:hover:not(:disabled) {
  background: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .arka-action-button-primary:hover:not(:disabled) {
    background: color-mix(in srgb, var(--primary) 88%, white);
  }
}
.term-checkout-summary .arka-action-button-primary:disabled {
  opacity: 1;
  border-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .term-checkout-summary .arka-action-button-primary:disabled {
    border-color: color-mix(in srgb, var(--primary) 38%, var(--border));
  }
}
.term-checkout-summary .arka-action-button-primary:disabled {
  background: linear-gradient(180deg, var(--primary), var(--primary));
}
@supports (color: color-mix(in lab, red, red)) {
  .term-checkout-summary .arka-action-button-primary:disabled {
    background: linear-gradient(
      180deg,
      color-mix(in srgb, var(--primary) 13%, var(--card)),
      color-mix(in srgb, var(--primary) 8%, var(--card))
    );
  }
}
.term-checkout-summary .arka-action-button-primary:disabled {
  color: #a58152;
  cursor: not-allowed;
  filter: none;
  box-shadow:
    inset 0 1px #ffffff0e,
    0 4px 12px #00000024;
}
@supports (color: color-mix(in lab, red, red)) {
  [data-theme='light']
    .term-checkout-summary
    .arka-action-button-primary:disabled {
    border-color: color-mix(in srgb, var(--primary) 46%, #0a0a0a29);
  }
}
[data-theme='light']
  .term-checkout-summary
  .arka-action-button-primary:disabled {
  background: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  [data-theme='light']
    .term-checkout-summary
    .arka-action-button-primary:disabled {
    background: color-mix(in srgb, var(--primary) 13%, #fff);
  }
}
:root {
  --background: #0a0a0a;
  --foreground: #f8f8f8;
  --card: #121212;
  --muted: #aaa7a3;
  --border: #d4af7c3d;
  --primary: #d4af7c;
  --accent-ink: #d4af7c;
  --accent-text: #d4af7c;
  --primary-foreground: #0a0a0a;
  --secondary: #1a1a1a;
  --secondary-foreground: #f8f8f8;
  --popover: #121212;
  --popover-foreground: #f8f8f8;
  --muted-foreground: #aaa7a3;
  --accent: #2e2e2e;
  --accent-foreground: #f8f8f8;
  --brand-ink: #0a0a0a;
  --ring: #d4af7c;
  --input: #f8f8f829;
  --radius: 0.25rem;
}
[data-theme='light'] {
  --background: #f8f8f8;
  --foreground: #0a0a0a;
  --card: #fff;
  --muted: #555;
  --border: #0a0a0a29;
  --secondary: #f0eee9;
  --secondary-foreground: #0a0a0a;
  --popover: #fff;
  --popover-foreground: #0a0a0a;
  --muted-foreground: #555;
  --accent: #f2e3c6;
  --accent-foreground: #0a0a0a;
  --input: #0a0a0a2e;
  --accent-text: #7e603e;
}
body {
  text-rendering: optimizelegibility;
  font-family: Inter, Arial, Helvetica, sans-serif;
}
.eyebrow,
.nav-group > strong,
.cinematic-panel-head small {
  font-family: Montserrat, Inter, Arial, sans-serif;
}
.arka-identity-mark,
.arka-identity-wordmark {
  flex: none;
  line-height: 0;
  display: inline-block;
  position: relative;
}
.arka-identity-mark {
  aspect-ratio: 593/513;
  width: 100%;
}
.arka-identity-wordmark {
  aspect-ratio: 261/56;
  width: 100%;
}
.arka-identity-mark > img,
.arka-identity-wordmark > img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}
.arka-identity-light,
[data-theme='light'] .arka-identity-dark {
  display: none !important;
}
[data-theme='light'] .arka-identity-light {
  display: block !important;
}
.brand-mark-wrap {
  width: 34px;
  min-width: 34px;
}
.brand-wordmark {
  width: 132px;
  height: auto;
  display: block;
}
.brand-lg .brand-mark-wrap {
  width: 46px;
  min-width: 46px;
}
.brand-lg .brand-wordmark {
  width: 158px;
}
.app-frame {
  background:
    radial-gradient(circle at 80% -15%, #d4af7c11, #0000 32%), #0a0a0a;
}
.sidebar {
  background: linear-gradient(#0a0a0a, #111 56%, #080808);
  border-color: #d4af7c33;
}
.sidebar nav a {
  border-radius: 7px;
}
.sidebar nav a.nav-primary,
.sidebar nav a.nav-primary:hover,
.sidebar nav a.nav-primary.active,
.button.primary,
.arka-action-button-primary,
.login-submit-button {
  color: #0a0a0a;
  box-shadow: none;
  background: linear-gradient(105deg, #f2e3c6, #d4af7c);
  border-color: #d4af7c;
}
.sidebar nav a.active:not(.nav-primary) {
  color: #f8f8f8;
  background: linear-gradient(90deg, #d4af7c1f, #d4af7c05);
  border-color: #d4af7c24;
  box-shadow: inset 3px 0 #d4af7c;
}
.sidebar nav a.nav-primary,
.sidebar nav a.nav-primary:hover,
.sidebar nav a.nav-primary.active {
  gap: 8px;
  width: fit-content;
  min-width: 138px;
  height: 38px;
  min-height: 38px;
  padding: 0 11px;
  font-size: 0.78rem;
}
.sidebar nav a.nav-primary svg {
  width: 17px;
  height: 17px;
}
.sidebar-user,
.header-kpis,
.workspace-switcher-button,
.icon-button,
.header-avatar {
  border-color: #d4af7c38;
}
.app-header {
  background: #0a0a0af2;
  border-color: #d4af7c2e;
}
.glass-panel,
.panel,
.metric-card,
.stat-box,
.cinematic-hero {
  box-shadow: none;
  background: linear-gradient(145deg, #181818fa, #090909fa);
  border-color: #d4af7c4d;
}
.financial-balance > a,
.financial-overview svg,
.cinematic-panel-head svg,
.cinematic-panel-head small {
  color: #d4af7c;
}
.financial-mini-chart b {
  box-shadow: none;
  background: linear-gradient(#f2e3c6, #b98e59);
}
.cinematic-dots button.is-active {
  background: #f2e3c6;
}
:where(
  .panel,
  .glass-panel,
  .metric-card,
  .stat-box,
  .cinematic-hero,
  .cinematic-shortcut,
  .financial-overview,
  .financial-kpi-grid > span,
  .sidebar-user,
  .header-kpis,
  .workspace-switcher-button,
  .notification-popover,
  .dialog-card,
  .login-card,
  .order-card,
  .product-card,
  .profile-card,
  .support-card,
  .billing-card,
  .sim-panel,
  .sim-workspace,
  .sim-summary article,
  .distribution-grid article
) {
  border-radius: 5px;
}
:where(
  button,
  .button,
  input,
  select,
  textarea,
  .icon-button,
  .mobile-menu,
  .mobile-close,
  .header-avatar,
  .sidebar nav a,
  .auth-mode-switch,
  .arka-action-button
) {
  border-radius: 4px;
}
:where(.avatar, .status, .badge, .workspace-badge, .cinematic-dots button) {
  border-radius: 999px;
}
.cinematic-hero,
.cinematic-shortcut.glass-panel,
.financial-overview.glass-panel,
.glass-panel,
.panel,
.metric-card,
.stat-box {
  border-radius: 4px;
}
.shortcut-image,
.financial-kpi-grid > span,
.financial-overview-head button {
  border-radius: 3px;
}
.mobile-nav {
  border-radius: 24px;
}
.cinematic-hero {
  isolation: isolate;
  background: #0a0a0a;
  overflow: hidden;
}
.cinematic-hero-media {
  z-index: 0;
  background: #0a0a0a;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.cinematic-hero-media img {
  object-fit: contain;
  object-position: center;
  filter: none;
  opacity: 0;
  width: 100%;
  height: 100%;
  transition:
    opacity 0.5s,
    transform 8s linear;
  position: absolute;
  inset: 0;
  transform: scale(1.006);
}
.cinematic-hero-media img.is-active {
  opacity: 0.94;
  transform: scale(1.02);
}
.cinematic-hero-media img:first-child {
  object-position: center;
  filter: none;
  transform: scaleX(-1) scale(1.006);
}
.cinematic-hero-media img:first-child.is-active {
  opacity: 1;
  transform: scaleX(-1) scale(1.02);
}
.cinematic-hero:before {
  z-index: 1;
  background:
    linear-gradient(90deg, #0a0a0af7, #0a0a0ad1 37%, #0a0a0a2e 70%, #0a0a0a0a),
    linear-gradient(#0000 40%, #0a0a0ab3);
  display: block;
}
.cinematic-copy,
.cinematic-dots {
  z-index: 2;
  position: relative;
}
.shortcut-image {
  background: #0a0a0a;
}
.shortcut-image img {
  object-fit: contain;
  object-position: center;
  opacity: 0.92;
  filter: none;
}
[data-theme='light'] .glass-panel,
[data-theme='light'] .panel,
[data-theme='light'] .metric-card,
[data-theme='light'] .stat-box {
  background: #fff;
  border-color: #0a0a0a24;
}
[data-theme='light'] .sidebar nav a.nav-primary,
[data-theme='light'] .sidebar nav a.nav-primary:hover,
[data-theme='light'] .sidebar nav a.nav-primary.active {
  color: #0a0a0a;
  background: linear-gradient(105deg, #f2e3c6, #d4af7c);
  border-color: #a58152;
}
[data-theme='light'] .sidebar nav a.active:not(.nav-primary) {
  color: #0a0a0a;
  background: linear-gradient(90deg, #d4af7c33, #d4af7c0a);
  border-color: #a581522e;
  box-shadow: inset 3px 0 #a58152;
}
[data-theme='light'] .financial-balance > a,
[data-theme='light'] .financial-overview svg,
[data-theme='light'] .cinematic-panel-head svg,
[data-theme='light'] .cinematic-panel-head small {
  color: #7e603e;
}
[data-theme='light'] :where(input, select, textarea) {
  color: #0a0a0a;
  background: #fff;
  border-color: #0a0a0a2e;
}
[data-theme='light'] :where(input, select, textarea):focus {
  border-color: #a58152;
  box-shadow: 0 0 0 3px #a5815224;
}
[data-theme='dark'] :where(input, select, textarea):focus {
  border-color: #d4af7c;
  box-shadow: 0 0 0 3px #d4af7c24;
}
@media (prefers-reduced-motion: reduce) {
  .cinematic-hero-media img,
  .shortcut-image img {
    transition: none !important;
    transform: none !important;
  }
}
@media (max-width: 760px) {
  .page-content {
    overflow-x: hidden;
  }
  .cinematic-hero {
    min-height: 390px;
  }
  .cinematic-hero-media img {
    object-fit: contain;
    object-position: center bottom;
  }
  .cinematic-hero:before {
    background:
      linear-gradient(90deg, #0a0a0af5, #0a0a0aa8 58%, #0a0a0a1f),
      linear-gradient(#0000 32%, #0a0a0acc);
  }
  .cinematic-copy {
    max-width: min(84%, 340px);
  }
  .cinematic-copy h2 {
    font-size: clamp(2.15rem, 10vw, 2.75rem);
  }
  .cinematic-copy p {
    font-size: 0.875rem;
  }
  .cinematic-shortcuts {
    grid-template-columns: 1fr;
    padding-bottom: 0;
    overflow: visible;
  }
  .cinematic-shortcut {
    min-height: 0;
  }
  .shortcut-image {
    aspect-ratio: 16/8;
    height: auto;
    min-height: 176px;
  }
  .mobile-nav {
    padding-right: max(5px, env(safe-area-inset-right));
    padding-left: max(5px, env(safe-area-inset-left));
    background: #0a0a0a;
    border-color: #d4af7c40;
  }
  .mobile-nav span {
    text-overflow: clip;
    font-size: 0.68rem;
  }
  .mobile-nav a,
  .mobile-nav button {
    touch-action: manipulation;
    min-width: 0;
  }
  .login-scene {
    background-color: #0a0a0a;
    background-position: bottom;
    background-size: contain;
  }
}
@media (max-width: 390px) {
  .header-title h1 {
    max-width: 120px;
  }
  .cinematic-copy {
    max-width: 88%;
    padding-inline: 18px;
  }
  .mobile-nav span {
    font-size: 0.64rem;
  }
}
.wallet-compact-ledger {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 5px;
  min-width: 0;
  overflow: hidden;
}
.wallet-compact-head,
.wallet-compact-row {
  grid-template-columns: 132px minmax(150px, 1.25fr) minmax(
      130px,
      1fr
    ) 104px 112px;
  align-items: center;
  gap: 0;
  min-width: 0;
  padding: 10px 14px;
  display: grid;
}
.wallet-compact-head {
  color: var(--muted);
  border-bottom: 1px solid var(--border);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background: #ffffff06;
  font-size: 0.61rem;
  font-weight: 800;
}
.wallet-compact-head > span {
  gap: 1px;
  min-width: 0;
  display: grid;
  overflow: hidden;
}
.wallet-compact-head small {
  color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
  .wallet-compact-head small {
    color: color-mix(in srgb, var(--muted) 72%, transparent);
  }
}
.wallet-compact-head small {
  font-size: 0.52rem;
  line-height: 1;
}
.wallet-compact-row {
  font-variant-numeric: tabular-nums;
  min-height: 52px;
  font-size: 0.72rem;
}
.wallet-compact-row + .wallet-compact-row {
  border-top: 1px solid var(--border);
}
.wallet-compact-row > span,
.wallet-compact-row > strong {
  min-width: 0;
  overflow: hidden;
}
.wallet-compact-head > span:nth-child(n + 2),
.wallet-compact-row > :nth-child(n + 2) {
  border-left: 1px solid var(--border);
}
@supports (color: color-mix(in lab, red, red)) {
  .wallet-compact-head > span:nth-child(n + 2),
  .wallet-compact-row > :nth-child(n + 2) {
    border-left: 1px solid color-mix(in srgb, var(--border) 72%, transparent);
  }
}
.wallet-compact-head > span:nth-child(n + 2),
.wallet-compact-row > :nth-child(n + 2) {
  padding-left: 10px;
}
.wallet-compact-row > strong {
  text-align: right;
  white-space: nowrap;
}
.wallet-compact-date,
.wallet-compact-type,
.wallet-compact-member {
  gap: 2px;
  display: grid;
}
.wallet-compact-type b,
.wallet-compact-type small,
.wallet-compact-member b,
.wallet-compact-member small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.wallet-compact-row small {
  color: var(--muted);
  font-size: 0.64rem;
}
@media (max-width: 760px) {
  .wallet-compact-head,
  .wallet-compact-row {
    grid-template-columns: 59px minmax(76px, 1.15fr) minmax(72px, 1fr) 66px 70px;
    gap: 0;
    padding: 8px;
  }
  .wallet-compact-head {
    letter-spacing: 0.025em;
    font-size: 0.48rem;
  }
  .wallet-compact-row {
    min-height: 46px;
    font-size: 0.61rem;
  }
  .wallet-compact-row small {
    font-size: 0.52rem;
  }
  .wallet-compact-head > span:nth-child(n + 2),
  .wallet-compact-row > :nth-child(n + 2) {
    padding-left: 5px;
  }
}
.sidebar,
.app-main {
  transition:
    width 0.22s,
    margin-left 0.22s,
    padding 0.22s;
}
.sidebar-top {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}
.sidebar-collapse-toggle {
  color: #d4af7c;
  background: #0d0d0d;
  border: 1px solid #d4af7c3d;
  flex: none;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  display: grid;
}
.sidebar-collapse-toggle svg {
  width: 17px;
  height: 17px;
}
.sidebar-collapsed .sidebar {
  width: 76px;
  padding-inline: 12px;
}
.sidebar-collapsed .app-main {
  margin-left: 76px;
}
.sidebar-collapsed .sidebar-top {
  justify-content: center;
  padding-inline: 0;
}
.sidebar-collapsed .sidebar-top .brand {
  justify-content: center;
}
.sidebar-collapsed .sidebar-top .brand-wordmark,
.sidebar-collapsed .nav-group > strong,
.sidebar-collapsed .sidebar nav a > span,
.sidebar-collapsed .sidebar nav .nav-disabled > span,
.sidebar-collapsed .sidebar nav .nav-disabled > small,
.sidebar-collapsed .sidebar-user > div,
.sidebar-collapsed .logout > span {
  display: none;
}
.sidebar-collapsed .sidebar .brand-mark-wrap {
  width: 38px;
  min-width: 38px;
  display: block;
}
.sidebar-collapsed .sidebar-collapse-toggle {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 72px;
}
.sidebar-collapsed .workspace-nav {
  margin-top: 48px;
}
.sidebar-collapsed .sidebar nav a,
.sidebar-collapsed .sidebar nav a.nav-primary,
.sidebar-collapsed .sidebar nav a.nav-primary:hover,
.sidebar-collapsed .sidebar nav a.nav-primary.active,
.sidebar-collapsed .sidebar nav .nav-disabled {
  justify-content: center;
  gap: 0;
  width: 44px;
  min-width: 44px;
  height: 42px;
  min-height: 42px;
  padding: 0;
}
.sidebar-collapsed .sidebar nav .nav-disabled svg,
.sidebar-collapsed .sidebar nav a svg {
  width: 19px;
  height: 19px;
}
.sidebar-collapsed .sidebar nav a.active:not(.nav-primary) {
  box-shadow: inset 2px 0 #d4af7c;
}
.sidebar-collapsed .sidebar-user,
.sidebar-collapsed .logout {
  justify-content: center;
  padding-inline: 0;
}
.sidebar-collapsed .logout svg {
  width: 18px;
}
[data-theme='light'] .sidebar-collapse-toggle {
  color: #7e603e;
  background: #fff;
  border-color: #7e603e38;
}
@media (max-width: 760px) {
  .sidebar-collapse-toggle {
    display: none;
  }
  .sidebar-collapsed .sidebar {
    width: min(286px, 86vw);
    padding: 25px 17px 18px;
  }
  .sidebar-collapsed .app-main {
    margin-left: 0;
  }
  .sidebar-collapsed .sidebar-top {
    justify-content: space-between;
    padding: 0 8px 26px;
  }
  .sidebar-collapsed .sidebar-top .brand-wordmark,
  .sidebar-collapsed .nav-group > strong,
  .sidebar-collapsed .sidebar nav a > span,
  .sidebar-collapsed .sidebar-user > div,
  .sidebar-collapsed .logout > span {
    display: initial;
  }
  .sidebar-collapsed .sidebar .brand-mark-wrap {
    width: 34px;
    min-width: 34px;
  }
  .sidebar-collapsed .workspace-nav {
    margin-top: 0;
  }
  .sidebar-collapsed .sidebar nav a {
    justify-content: flex-start;
    gap: 12px;
    width: auto;
    height: 44px;
    padding: 0 12px;
  }
  .sidebar-collapsed .sidebar nav a.nav-primary,
  .sidebar-collapsed .sidebar nav a.nav-primary:hover,
  .sidebar-collapsed .sidebar nav a.nav-primary.active {
    justify-content: flex-start;
    gap: 8px;
    width: fit-content;
    min-width: 138px;
    height: 38px;
    min-height: 38px;
    padding: 0 11px;
  }
  .sidebar-collapsed .sidebar-user {
    justify-content: flex-start;
    padding: 8px 4px;
  }
  .sidebar-collapsed .logout {
    justify-content: flex-start;
    padding: 14px 12px 2px;
  }
  .app-header {
    height: 72px;
    min-height: 72px;
  }
  .header-title.daily-greeting .eyebrow {
    font-size: 0.58rem;
    line-height: 1.1;
  }
  .header-title.daily-greeting h1 {
    gap: 2px;
    margin-top: 3px;
    line-height: 1.08;
  }
  .daily-greeting-salutation {
    font-size: 0.9rem;
    font-weight: 650;
  }
  .daily-greeting-message {
    font-size: 0.74rem;
    font-weight: 550;
  }
  .cinematic-hero {
    min-height: 330px;
  }
  .cinematic-copy {
    padding: 22px 20px;
  }
  .cinematic-copy h2 {
    margin: 10px 0 9px;
    font-size: clamp(2.15rem, 9vw, 2.45rem);
  }
  .cinematic-copy p {
    max-width: 230px;
    margin: 7px 0;
    font-size: 0.8rem;
    line-height: 1.42;
  }
  .cinematic-actions {
    margin-top: 13px;
  }
  .cinematic-actions .button {
    min-height: 40px;
  }
  .cinematic-dots {
    bottom: 10px;
  }
  .wallet-hero {
    border-radius: 4px;
    gap: 9px;
    margin-bottom: 9px;
    padding: 12px 14px;
  }
  .wallet-hero > div:first-child > strong {
    margin: 1px 0 2px;
    font-size: 2rem;
    line-height: 1;
  }
  .wallet-hero p {
    font-size: 0.7rem;
    line-height: 1.3;
  }
  .wallet-rules span {
    gap: 1px 5px;
    padding: 2px 4px;
    font-size: 0.64rem;
  }
  .wallet-rules svg {
    width: 14px;
  }
  .wallet-withdraw-button {
    min-width: 142px;
    height: 34px;
    min-height: 34px;
    font-size: 0.7rem;
  }
}
.cinematic-dots {
  position: absolute;
  bottom: 14px;
  left: 50%;
  right: auto;
  transform: translate(-50%);
}
.cinematic-hero-media img,
.cinematic-hero-media img.is-active {
  object-fit: cover;
  object-position: center;
  transition:
    opacity 0.5s,
    transform 1.15s cubic-bezier(0.2, 0.72, 0.25, 1);
  transform: scale(1.01);
}
.cinematic-hero-media img.is-active {
  animation: 12s ease-in-out infinite alternate arka-hero-drift;
}
.cinematic-hero:hover .cinematic-hero-media img.is-active {
  animation-play-state: running;
}
.cinematic-hero-media img:first-child,
.cinematic-hero-media img:first-child.is-active {
  object-fit: cover;
  object-position: center;
  transform: scaleX(-1) scale(1.01);
}
.cinematic-hero-media img:first-child.is-active {
  animation-name: arka-hero-drift-mirrored;
}
.cinematic-hero:hover .cinematic-hero-media img:first-child.is-active {
  animation-play-state: running;
}
@keyframes arka-hero-drift {
  0% {
    transform: scale(1.01) translate(0);
  }
  50% {
    transform: scale(1.045) translate(-0.55%, 0.3%);
  }
  to {
    transform: scale(1.025) translate(0.35%, -0.25%);
  }
}
@keyframes arka-hero-drift-mirrored {
  0% {
    transform: scaleX(-1) scale(1.01) translate(0);
  }
  50% {
    transform: scaleX(-1) scale(1.045) translate(-0.55%, 0.3%);
  }
  to {
    transform: scaleX(-1) scale(1.025) translate(0.35%, -0.25%);
  }
}
.shortcut-image img {
  object-fit: cover;
  object-position: center;
  transform: scale(1.01);
}
.cinematic-shortcut:hover .shortcut-image img {
  transform: scale(1.065);
}
@media (max-width: 760px) {
  .cinematic-dots {
    bottom: 10px;
  }
  .cinematic-hero-media img,
  .cinematic-hero-media img:first-child,
  .cinematic-hero-media img:first-child.is-active {
    object-fit: cover;
    object-position: center;
  }
}
.cinematic-dashboard {
  container-type: inline-size;
}
.cinematic-shortcut > *,
.cinematic-panel-head,
.cinematic-panel-head > span,
.cinematic-panel-head > small,
.shortcut-image {
  min-width: 0;
  max-width: 100%;
}
.cinematic-panel-head {
  width: 100%;
  min-height: 62px;
}
.cinematic-panel-head > span {
  overflow-wrap: anywhere;
}
.cinematic-panel-head > small {
  text-align: right;
  overflow-wrap: anywhere;
}
.shortcut-image {
  justify-self: stretch;
}
@container (width<=720px) {
  .cinematic-shortcuts {
    grid-template-columns: 1fr;
  }
  .cinematic-shortcut {
    width: 100%;
  }
  .shortcut-image {
    aspect-ratio: 16/9;
    min-height: 0;
  }
}
.cinematic-hero {
  min-height: 320px;
}
.cinematic-copy {
  padding-block: 30px;
}
.cinematic-copy h2 {
  font-size: clamp(2.3rem, 3.6vw, 3.65rem);
}
.cinematic-shortcut {
  grid-template-rows: auto auto minmax(68px, auto);
}
.cinematic-panel-head {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  display: grid;
}
.shortcut-brand-mark {
  width: 24px;
}
.cinematic-panel-head > span {
  align-items: center;
}
.shortcut-image {
  aspect-ratio: 16/9;
  width: 100%;
  max-width: none;
  min-height: 0;
}
.shortcut-image:after {
  background: linear-gradient(#0000 55%, #0a0a0a33);
}
.shortcut-image img {
  filter: none;
}
.cinematic-shortcut-footer {
  background: linear-gradient(#d4af7c09, #ffffff03);
  border-top: 1px solid #d4af7c24;
  grid-template-columns: minmax(0, 1fr) 36px;
  align-items: center;
  gap: 14px;
  min-width: 0;
  padding: 13px 16px 15px;
  display: grid;
}
.cinematic-shortcut-footer p {
  color: #aaa7a3;
  margin: 0;
  font-size: 0.7rem;
  line-height: 1.4;
}
.cinematic-shortcut-footer > span {
  color: #f2e3c6;
  border: 1px solid #d4af7c47;
  border-radius: 50%;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
}
.cinematic-shortcut-footer svg {
  width: 15px;
}
.financial-kpi-grid > span {
  background: 0 0;
  border: 0;
  padding: 8px 6px;
}
.financial-week-chart {
  grid-template-columns: minmax(0, 1fr) 38px;
  align-items: end;
  gap: 12px;
  min-width: 0;
  padding: 10px 0 0;
  display: grid;
}
.financial-week-chart > div {
  gap: 4px;
  display: grid;
}
.financial-week-chart span {
  color: #8f8a83;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 0.58rem;
}
.financial-week-chart strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.78rem;
  overflow: hidden;
}
.financial-week-chart > i {
  background: #d4af7c0e;
  border-radius: 3px;
  align-items: flex-end;
  width: 34px;
  height: 54px;
  display: flex;
  overflow: hidden;
}
.financial-week-chart b {
  opacity: 0.42;
  background: linear-gradient(#f2e3c6, #b98e59);
  width: 100%;
  height: 12%;
  transition:
    height 0.55s,
    opacity 0.55s;
  display: block;
}
.financial-week-chart b.has-value {
  opacity: 0.88;
  height: 100%;
}
.sidebar-collapse-toggle {
  box-shadow: none;
  opacity: 0.82;
  background: #d4af7c06;
  border-color: #d4af7c24;
  transition:
    border-color 0.22s,
    background 0.22s,
    box-shadow 0.22s,
    opacity 0.22s;
}
:is(.sidebar-collapse-toggle:hover, .sidebar-collapse-toggle:focus-visible) {
  opacity: 1;
  background: #d4af7c14;
  border-color: #d4af7c6b;
  box-shadow: 0 0 18px #d4af7c1f;
}
.sidebar nav a:not(.active) {
  border: 1px solid #0000;
  transition:
    color 0.2s,
    border-color 0.2s,
    background 0.2s,
    box-shadow 0.2s,
    transform 0.2s;
}
:is(
  .sidebar nav a:not(.active):hover,
  .sidebar nav a:not(.active):focus-visible
) {
  color: #f2e3c6;
  background: linear-gradient(90deg, #d4af7c13, #d4af7c04);
  border-color: #d4af7c3d;
  transform: translate(2px);
  box-shadow:
    inset 0 0 16px #d4af7c09,
    0 0 18px #d4af7c0e;
}
@media (max-width: 760px) {
  .cinematic-hero {
    min-height: 285px;
  }
  .cinematic-copy {
    padding-block: 20px;
  }
  .cinematic-copy h2 {
    font-size: clamp(2rem, 8.5vw, 2.35rem);
  }
  .cinematic-panel-head {
    grid-template-columns: minmax(0, 1fr) auto;
  }
}
.cinematic-shortcut.glass-panel {
  transition:
    border-color 0.28s,
    box-shadow 0.28s,
    transform 0.28s;
  box-shadow:
    0 14px 34px #00000047,
    0 0 26px #d4af7c0e;
}
:is(
  .cinematic-shortcut.glass-panel:hover,
  .cinematic-shortcut.glass-panel:focus-visible
) {
  border-color: #d4af7c7a;
  transform: translateY(-2px);
  box-shadow:
    0 20px 46px #0000005c,
    0 0 34px #d4af7c21;
}
[data-theme='light'] .cinematic-shortcut.glass-panel {
  border-color: #7e603e33;
  box-shadow:
    0 12px 30px #261d131c,
    0 0 22px #a5815212;
}
:is(
  [data-theme='light'] .cinematic-shortcut.glass-panel:hover,
  [data-theme='light'] .cinematic-shortcut.glass-panel:focus-visible
) {
  border-color: #7e603e6b;
  box-shadow:
    0 18px 40px #261d1329,
    0 0 28px #a5815221;
}
[data-theme='light'] .cinematic-hero-media {
  background: #f4efe7;
}
[data-theme='light'] .cinematic-hero-media:after {
  content: '';
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, #faf7f133, #faf7f10f 56%, #fffcf729);
  position: absolute;
  inset: 0;
}
[data-theme='light'] .cinematic-hero-media img,
[data-theme='light'] .cinematic-hero-media img:first-child {
  filter: none;
}
[data-theme='light'] .cinematic-hero-media img.is-active {
  opacity: 1;
}
[data-theme='light'] .hero-asset-monolith {
  content: url(/brand/arka-monolith-light-v2.png);
}
[data-theme='light'] .hero-asset-diagnostico {
  content: url(/brand/arka-hero-diagnostico-light-v2.png);
}
[data-theme='light'] .hero-asset-rating {
  content: url(/brand/arka-hero-rating-light-v2.png);
}
[data-theme='light'] .shortcut-image {
  background: #f4efe7;
}
[data-theme='light'] .shortcut-image:after {
  background: linear-gradient(#fffcf70a, #fffcf71f);
}
[data-theme='light'] .shortcut-image img {
  opacity: 1;
  filter: none;
}
[data-theme='light'] .shortcut-asset-products {
  content: url(/brand/arka-shortcut-products-light-v2.png);
}
[data-theme='light'] .shortcut-asset-network {
  content: url(/brand/arka-shortcut-network-light-v2.png);
}
[data-theme='light'] .shortcut-asset-training {
  content: url(/brand/arka-shortcut-training-light-v2.png);
}
[data-theme='light'] .product-art[data-product-code='LIMPA_NOME'] {
  background-image: url(/products/limpa-nome-arka-light-v2.png) !important;
}
[data-theme='light'] .product-art[data-product-code='RATING_COMERCIAL'],
[data-theme='light'] .product-art[data-product-code='RATING'] {
  background-image: url(/products/rating-comercial-arka-light-v2.png) !important;
}
[data-theme='light'] .product-art[data-product-code='DIAGNOSTICO_CREDITO'],
[data-theme='light'] .product-art[data-product-code='DIAGNOSTICO'] {
  background-image: url(/products/diagnostico-credito-arka-light-v2.png) !important;
}
[data-theme='light'] .cinematic-shortcut-footer {
  background: linear-gradient(#fbfaf7, #f5f1ea);
}
[data-theme='light'] .cinematic-shortcut-footer p {
  color: #6d675f;
}
@media (prefers-reduced-motion: reduce) {
  .cinematic-hero-media img.is-active {
    animation: none;
  }
}
@property --arka-border-angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}
.cinematic-hero:after {
  content: '';
  z-index: 4;
  border-radius: inherit;
  pointer-events: none;
  background: conic-gradient(
    from var(--arka-border-angle),
    transparent 0 70%,
    #f2e3c629 78%,
    #d4af7cd1 84%,
    #f2e3c624 90%,
    transparent 96% 100%
  );
  -webkit-mask-composite: xor;
  box-shadow: none;
  -webkit-mask-composite: xor;
  -webkit-mask-source-type: auto, auto;
  -webkit-mask-composite: xor;
  -webkit-mask-source-type: auto, auto;
  padding: 1px;
  animation: 8s linear infinite arka-border-orbit;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-position:
    0 0,
    0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}
@keyframes arka-border-orbit {
  to {
    --arka-border-angle: 360deg;
  }
}
[data-theme='light'] .cinematic-hero:after {
  background: conic-gradient(
    from var(--arka-border-angle),
    transparent 0 70%,
    #7e603e1a 78%,
    #a581529e 84%,
    #7e603e1a 90%,
    transparent 96% 100%
  );
}
@media (prefers-reduced-motion: reduce) {
  .cinematic-hero:after {
    animation: none;
  }
}
.financial-overview,
.cinematic-shortcut {
  isolation: isolate;
  position: relative;
}
.financial-overview:before,
.cinematic-shortcut:before {
  content: '';
  z-index: 5;
  border-radius: inherit;
  pointer-events: none;
  background: conic-gradient(
    from var(--arka-border-angle),
    transparent 0 70%,
    #f2e3c61f 78%,
    #d4af7cad 84%,
    #f2e3c61a 90%,
    transparent 96% 100%
  );
  -webkit-mask-composite: xor;
  -webkit-mask-composite: xor;
  -webkit-mask-source-type: auto, auto;
  -webkit-mask-composite: xor;
  -webkit-mask-source-type: auto, auto;
  padding: 1px;
  animation: 9s linear infinite arka-border-orbit;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-position:
    0 0,
    0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}
[data-theme='light'] .financial-overview:before,
[data-theme='light'] .cinematic-shortcut:before {
  background: conic-gradient(
    from var(--arka-border-angle),
    transparent 0 70%,
    #7e603e14 78%,
    #a5815285 84%,
    #7e603e14 90%,
    transparent 96% 100%
  );
}
@media (prefers-reduced-motion: reduce) {
  .financial-overview:before,
  .cinematic-shortcut:before {
    animation: none;
  }
}
.login-form-wrap {
  background:
    radial-gradient(circle at 0 34%, #d4af7c13, #0000 38%),
    linear-gradient(
      90deg,
      #08080833 0%,
      #080808b3 23%,
      #070707f2 70%,
      #050505 100%
    );
}
.login-card {
  background:
    linear-gradient(155deg, #141311f0, #080808e6) padding-box padding-box,
    linear-gradient(
        135deg,
        #ffe7be9e,
        #d4af7c21 28%,
        #ffffff0d 55%,
        #d4af7c61 100%
      )
      border-box;
}
.login-card input {
  background: #121212;
}
.notification-popover {
  background: #0a0a0afa;
}
.notification-item time,
.future-auth,
.logout {
  color: #777773;
}
.avatar,
.header-avatar {
  color: #f2e3c6;
}
.app-header {
  background: #0a0a0af2;
}
.header-kpis {
  background: #121212c7;
}
.workspace-switcher-button {
  color: #ded8ce;
  background: #0a0a0af0;
}
.workspace-switcher-menu {
  background: #0a0a0afc;
}
.backoffice-overview article,
.admin-product-card,
.cost-control,
.terms-workspace,
.account-profile-card,
.account-data-panel {
  background: linear-gradient(145deg, #181818f0, #090909fa);
}
.kanban-column {
  background: #0f0f0fdb;
}
.kanban-card select,
.batch-strip select,
.cost-product-list button,
.terms-product-list button,
.network-status-tabs,
.network-level-filter,
.network-search,
.network-cost-row label,
.account-profile-security > div > span,
.account-data-grid article > span {
  background: #101010;
}
.clean-name-status span,
.batch-strip article {
  background: #121212d1;
}
.network-arka-link {
  background: linear-gradient(135deg, #d4af7c12, #0d0d0df5);
}
.network-stats article,
.network-directory {
  background: linear-gradient(145deg, #161616f0, #080808fa);
}
.account-profile-avatar {
  background: linear-gradient(145deg, #2a241d, #111);
  border-color: #0a0a0a;
}
.account-profile-avatar > button {
  border-color: #0a0a0a;
}
.product-visual:after {
  background: linear-gradient(#0000 45%, #08080899);
}
.button.ghost {
  color: #cbc7c0;
  background: #0c0c0cc7;
}
.shortcut-image,
.priority-progress > i {
  background: #101010;
}
.woovi-charge {
  background: #0c0c0cd1;
}
.pix-stage {
  gap: 14px;
}
.pix-stage .woovi-charge-list {
  width: min(100%, 460px);
  margin: 0 auto;
}
.pix-stage .woovi-charge {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 18px;
  display: flex;
}
.pix-stage .woovi-charge > div {
  justify-items: center;
  max-width: 100%;
}
.pix-stage .woovi-charge strong {
  overflow-wrap: anywhere;
}
.pix-stage .woovi-charge img {
  width: min(100%, 208px);
}
.pix-stage .woovi-charge > button {
  min-width: min(100%, 208px);
}
.pix-stage .inline-order-actions {
  justify-content: center;
  padding-top: 0;
}
[data-theme='light'] .app-frame,
[data-theme='light'] .app-main {
  color: #171717;
  background: #f8f8f8;
}
[data-theme='light'] .sidebar {
  background: linear-gradient(#fbfaf8, #f2eee7);
}
[data-theme='light'] .app-header {
  background: #f8f8f8f5;
}
[data-theme='light'] .header-kpis,
[data-theme='light'] .workspace-switcher-button,
[data-theme='light'] .workspace-switcher-menu,
[data-theme='light'] .kanban-column,
[data-theme='light'] .kanban-card,
[data-theme='light'] .backoffice-overview article,
[data-theme='light'] .admin-product-card,
[data-theme='light'] .cost-control,
[data-theme='light'] .terms-workspace,
[data-theme='light'] .account-profile-card,
[data-theme='light'] .account-data-panel,
[data-theme='light'] .network-stats article,
[data-theme='light'] .network-directory {
  color: #171717;
  background: #fff;
}
[data-theme='light'] .workspace-badge {
  color: #7e603e;
  background: #d4af7c24;
  border-color: #7e603e33;
}
[data-theme='light'] .sidebar-user small,
[data-theme='light'] .theme-toggle {
  color: #7e603e;
}
[data-theme='light'] .financial-mini-chart b {
  background: linear-gradient(#f2e3c6, #b98e59);
}
[data-theme='light'] .workspace-switcher-menu button:hover,
[data-theme='light'] .workspace-switcher-menu button.active,
[data-theme='light'] .cost-product-list button.is-selected,
[data-theme='light'] .terms-product-list button.is-selected {
  background: #f8f1e7;
  border-color: #a581526b;
}
[data-theme='light'] .network-arka-link {
  background: linear-gradient(135deg, #f7f0e6, #fff);
  border-color: #a5815233;
}
[data-theme='light'] .network-status-tabs,
[data-theme='light'] .network-level-filter,
[data-theme='light'] .network-search,
[data-theme='light'] .network-cost-row label {
  background: #f6f3ee;
  border-color: #0a0a0a1f;
}
[data-theme='light'] .network-member-cell > span,
[data-theme='light'] .network-mobile-avatar,
[data-theme='light'] .network-stats article > span {
  color: #7e603e;
  background: #f2e8da;
}
[data-theme='light'] .network-level-badge,
[data-theme='light'] .network-cost-button,
[data-theme='light'] .network-referral-box {
  color: #7e603e;
  background: #f8f1e7;
  border-color: #a5815233;
}
[data-theme='light'] .account-profile-cover {
  background:
    radial-gradient(circle at 24% 28%, #d4af7c38, #0000 32%),
    linear-gradient(135deg, #eee8df, #fbfaf8 68%);
}
[data-theme='light'] .notification-item.is-unread {
  background: #d4af7c1a;
}
[data-theme='light'] .cost-products,
[data-theme='light'] .terms-products {
  background: #f5f1eb;
}
[data-theme='light'] .trial-activation-dialog {
  box-shadow: 0 28px 80px #261d132e;
  border-color: #a581523d !important;
}
[data-theme='light'] .trial-plan-options > label {
  color: #171717;
  background: #fbfaf7;
}
[data-theme='light'] .trial-plan-options > label.selected {
  background: linear-gradient(135deg, #d4af7c29, #fbfaf7);
  border-color: #a5815275;
}
[data-theme='light'] .trial-period-note {
  color: #5f5a52;
  background: #d4af7c17;
  border-color: #a581522e;
}
[data-theme='light'] .mobile-nav {
  background: #faf9f7fa;
  box-shadow: 0 -10px 30px #261d131a;
}
[data-theme='light'] .mobile-nav .active:not(.nav-primary) {
  background: #d4af7c24;
  color: #7e603e !important;
}
.trial-activation-cta {
  isolation: isolate;
  position: relative;
  overflow: hidden;
  color: #17120d !important;
  background: linear-gradient(
    135deg,
    #ead3ae 0%,
    #d4af7c 48%,
    #bf925e 100%
  ) !important;
  border: 1px solid #f2e3c6ad !important;
  transition:
    transform 0.18s,
    box-shadow 0.18s,
    filter 0.18s !important;
  box-shadow:
    inset 0 1px #ffffff7a,
    0 9px 26px #d4af7c33,
    0 0 0 1px #d4af7c14 !important;
}
.trial-activation-cta:before {
  content: '';
  z-index: -1;
  background: linear-gradient(105deg, #0000 36%, #ffffff4d 49%, #0000 62%);
  animation: 4.8s ease-in-out infinite trial-activation-sheen;
  position: absolute;
  inset: -70% -30%;
  transform: translate(-58%);
}
.trial-activation-cta:hover:not(:disabled) {
  filter: brightness(1.035);
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px #ffffff8f,
    0 12px 30px #d4af7c42,
    0 0 0 1px #d4af7c1f !important;
}
.trial-activation-cta:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #d4af7c;
}
@keyframes trial-activation-sheen {
  0%,
  62% {
    opacity: 0;
    transform: translate(-58%);
  }
  72% {
    opacity: 0.72;
  }
  88%,
  to {
    opacity: 0;
    transform: translate(58%);
  }
}
[data-theme='light'] {
  --background: #f7f5f1;
  --foreground: #171513;
  --card: #fff;
  --muted: #6d675f;
  --muted-foreground: #6d675f;
  --border: #46372729;
  --secondary: #f1ede7;
  --secondary-foreground: #171513;
  --popover: #fff;
  --popover-foreground: #171513;
  --input: #4637272e;
}
[data-theme='light'] .app-frame {
  background: radial-gradient(circle at 74% 4%, #d4af7c1f, #0000 28%), #f7f5f1;
}
[data-theme='light'] .sidebar {
  background: linear-gradient(#fbfaf8, #f0ece5);
  border-color: #46372724;
}
[data-theme='light'] .app-header {
  background: #f9f7f3f0;
  border-color: #46372721;
}
[data-theme='light']
  :where(
    .sidebar .nav-group > strong,
    .header-kpis small,
    .app-frame .eyebrow,
    .daily-greeting-message,
    .notification-item small,
    .notification-status,
    .network-page-head p,
    .network-stats small,
    .network-contact-cell span,
    .network-members-table time,
    .network-mobile-row small,
    .profile-error-state p,
    .account-profile-identity p,
    .profile-security-note,
    .trial-plan-options small,
    .trial-legal-note
  ) {
  color: #6d675f;
}
[data-theme='light']
  :where(
    .icon-button,
    .mobile-menu,
    .mobile-close,
    .header-kpis,
    .workspace-switcher-button,
    .workspace-switcher-menu,
    .button.ghost
  ) {
  color: #39342f;
  background: #fff;
  border-color: #46372724;
  box-shadow: 0 4px 14px #4637270b;
}
[data-theme='light']
  :where(
    .glass-panel,
    .financial-overview,
    .cinematic-shortcut,
    .network-stats article,
    .network-directory,
    .account-profile-card,
    .account-data-panel,
    .admin-product-card,
    .cost-control,
    .terms-workspace,
    .kanban-column,
    .kanban-card
  ) {
  color: #171513;
  background: linear-gradient(145deg, #fff, #faf8f4);
  border-color: #46372724;
  box-shadow: 0 14px 36px #4637270e;
}
[data-theme='light']
  :where(
    .network-status-tabs,
    .network-level-filter,
    .network-search,
    .network-cost-row label,
    .account-profile-security,
    .account-membership-strip,
    .cost-products,
    .terms-products,
    .financial-overview-head button
  ) {
  color: #5d564e;
  background: #f4f0ea;
  border-color: #46372721;
}
[data-theme='light']
  :where(
    .network-members-table tbody tr:hover,
    .network-mobile-row,
    .network-cost-row,
    .account-profile-security,
    .account-membership-strip,
    .profile-security-note,
    .cost-product-list button,
    .terms-product-list button,
    .cost-current-grid article,
    .terms-current-card,
    .terms-compose-card,
    .terms-document,
    .terms-compose-card textarea,
    .terms-compose-card input
  ) {
  color: #27231f;
  background: #fbfaf7;
  border-color: #4637271f;
}
[data-theme='light']
  :where(
    .workspace-switcher-menu button:hover,
    .workspace-switcher-menu button.active,
    .network-status-tabs button.active,
    .cost-product-list button.is-selected,
    .terms-product-list button.is-selected
  ) {
  color: #6d5033;
  background: #f6ecdd;
  border-color: #a581525c;
}
[data-theme='light'] .account-profile-cover {
  background:
    radial-gradient(circle at 24% 28%, #d4af7c38, #0000 32%),
    linear-gradient(135deg, #eee8df, #fbfaf8 68%);
  border-color: #4637271f;
}
[data-theme='light'] .financial-mini-chart i {
  background: #d4af7c1c;
}
[data-theme='light'] .arka-action-button-outline {
  border-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  [data-theme='light'] .arka-action-button-outline {
    border-color: color-mix(in srgb, var(--primary) 34%, #46372729);
  }
}
[data-theme='light'] .arka-action-button-outline {
  box-shadow: 0 3px 10px #46372712;
}
[data-theme='light']
  .term-checkout-summary
  .arka-action-button-primary:disabled {
  border-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  [data-theme='light']
    .term-checkout-summary
    .arka-action-button-primary:disabled {
    border-color: color-mix(in srgb, var(--primary) 46%, #46372729);
  }
}
[data-theme='light']
  .term-checkout-summary
  .arka-action-button-primary:disabled {
  color: #655d54;
}
[data-theme='light'] .trial-activation-dialog {
  background: linear-gradient(155deg, #fff, #f8f4ed) !important;
}
[data-theme='light'] .trial-activation-cta {
  border-color: #7e603e4d !important;
  box-shadow:
    inset 0 1px #ffffff94,
    0 9px 24px #7e603e2e,
    0 0 0 1px #a5815214 !important;
}
@media (prefers-reduced-motion: reduce) {
  .trial-activation-cta:before {
    animation: none;
  }
  .trial-activation-cta {
    transition: none !important;
  }
}
.hero-theme-picture {
  background-image: var(--media-dark);
  opacity: 0;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  transition:
    opacity 0.5s,
    transform 1.15s cubic-bezier(0.2, 0.72, 0.25, 1);
  display: block;
  position: absolute;
  inset: 0;
  transform: scale(1.01);
}
.hero-theme-picture.is-active {
  opacity: 0.94;
  animation: 12s ease-in-out infinite alternate arka-hero-drift;
}
.hero-theme-picture:first-child {
  transform: scaleX(-1) scale(1.01);
}
.hero-theme-picture:first-child.is-active {
  opacity: 1;
  animation-name: arka-hero-drift-mirrored;
}
.shortcut-theme-picture {
  background-image: var(--media-dark);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.28s;
  display: block;
  position: absolute;
  inset: 0;
  transform: none;
}
.shortcut-image .shortcut-theme-picture {
  background-color: #0000;
  background-image: var(--media-dark);
  z-index: 0;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 0;
  border-radius: 0;
  width: 100%;
  height: 100%;
  bottom: auto;
  right: auto;
}
.cinematic-shortcut:hover .shortcut-theme-picture {
  opacity: 0.98;
  transform: none;
}
.cinematic-shortcut.is-disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
}
:is(
  .cinematic-shortcut.is-disabled:hover,
  .cinematic-shortcut.is-disabled:focus-visible
) {
  border-color: var(--border);
  transform: none;
  box-shadow:
    0 14px 34px #00000047,
    0 0 26px #d4af7c0e;
}
.cinematic-shortcut.is-disabled .shortcut-theme-picture {
  filter: saturate(0.68) brightness(0.72);
  opacity: 0.84;
}
.cinematic-shortcut.is-disabled:hover .shortcut-theme-picture {
  opacity: 0.84;
}
.shortcut-availability {
  color: #d4af7c;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border: 1px solid #d4af7c40;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 5px 8px;
  font-size: 0.62rem;
  font-weight: 800;
  display: inline-flex;
}
.shortcut-availability svg {
  width: 12px;
  height: 12px;
}
[data-theme='light'] .cinematic-shortcut.is-disabled:hover {
  border-color: #46372724;
  box-shadow:
    0 12px 30px #261d131c,
    0 0 22px #a5815212;
}
[data-theme='light'] .cinematic-shortcut.is-disabled .shortcut-theme-picture {
  filter: saturate(0.72) brightness(0.96);
}
[data-theme='light'] .hero-theme-picture,
[data-theme='light'] .shortcut-theme-picture,
[data-theme='light'] .shortcut-image .shortcut-theme-picture {
  background-image: var(--media-light);
}
[data-theme='light'] .hero-theme-picture.is-active {
  opacity: 1;
}
.feature-unavailable {
  border: 1px solid var(--border);
  text-align: center;
  background:
    radial-gradient(circle at 50% 34%, #d4af7c14, #0000 34%),
    linear-gradient(145deg, #121212, #090909);
  border-radius: 22px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  min-height: min(560px, 100vh - 190px);
  padding: 40px 24px;
  display: flex;
}
.feature-unavailable-icon {
  color: #d4af7c;
  background: #d4af7c0f;
  border: 1px solid #d4af7c47;
  border-radius: 20px;
  place-items: center;
  width: 64px;
  height: 64px;
  display: grid;
}
.feature-unavailable-icon svg {
  width: 30px;
  height: 30px;
}
.feature-unavailable h2 {
  margin: 0;
  font-size: clamp(1.8rem, 4vw, 2.8rem);
}
.feature-unavailable p {
  max-width: 520px;
  color: var(--muted-foreground);
  margin: 0;
}
.feature-unavailable-status {
  color: #c7b18f;
  background: #d4af7c12;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding: 9px 13px;
  font-size: 0.75rem;
  font-weight: 700;
  display: inline-flex;
}
.feature-unavailable-status svg {
  width: 14px;
  height: 14px;
}
[data-theme='light'] .feature-unavailable {
  background:
    radial-gradient(circle at 50% 34%, #a581521a, #0000 34%),
    linear-gradient(145deg, #fff, #f7f3ed);
}
[data-theme='light'] .cinematic-hero:before {
  background:
    linear-gradient(90deg, #fffcf7f0, #fffcf7c2 37%, #fffcf71f 70%, #0000),
    linear-gradient(#0000 38%, #f4efe757);
}
[data-theme='light'] .cinematic-hero .cinematic-copy h2 {
  color: #201b16;
  text-shadow: 0 1px #ffffffb8;
}
[data-theme='light'] .cinematic-hero .cinematic-copy p {
  color: #5d564e;
}
[data-theme='light'] .hero-banner {
  background:
    linear-gradient(90deg, #fffcf7f5, #fffcf7c7 34%, #fffcf72e 66%, #0000),
    url(/brand/arka-monolith-light-v2.png) 50%/cover no-repeat;
}
[data-theme='light'] .login-scene {
  background:
    linear-gradient(90deg, #fffcf70f, #0000 54%, #f4efe775 91%, #f4efe7 100%),
    url(/brand/arka-monolith-light-v2.png) 50% 42%/cover no-repeat;
}
[data-theme='light'] .product-monogram,
[data-theme='light'] .forge-feature {
  background:
    radial-gradient(circle at 82%, #d4af7c33, #0000 28%),
    linear-gradient(120deg, #fff, #f3ede4);
}
@media (max-width: 760px) {
  [data-theme='light'] .cinematic-hero:before {
    background:
      linear-gradient(90deg, #fffcf7ed, #fffcf7b3 58%, #fffcf714),
      linear-gradient(#0000 32%, #f4efe76b);
  }
  [data-theme='light'] .login-form-wrap {
    background:
      linear-gradient(#fffcf733, #f4efe794),
      url(/brand/arka-monolith-light-v2.png) 57%/cover no-repeat;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-theme-picture,
  .shortcut-theme-picture {
    transition: none !important;
    animation: none !important;
  }
}
.app-frame:not(.sidebar-collapsed) .sidebar-top .brand-mark-wrap {
  display: none;
}
.app-frame:not(.sidebar-collapsed) .sidebar-top .brand {
  gap: 0;
}
.sidebar-collapsed .sidebar-top .brand-wordmark {
  display: none;
}
@media (max-width: 760px) {
  .sidebar .sidebar-top .brand-mark-wrap {
    display: none !important;
  }
  .sidebar .sidebar-top .brand-wordmark {
    width: 148px;
    display: block !important;
  }
}
[data-theme='light']
  :where(
    .arka-tabs [data-active],
    .segment-control button.active,
    .view-switch .active,
    .orders-view-switch button.active,
    .mode-toggle button.active,
    .workspace-switcher-menu button.active,
    .network-status-tabs button.active,
    .cost-product-list button.is-selected,
    .terms-product-list button.is-selected,
    .mobile-nav .active:not(.nav-primary)
  ) {
  color: #6f5134 !important;
  background: linear-gradient(135deg, #f5ecdf, #eee4d6) !important;
  border-color: #a5815252 !important;
  box-shadow: inset 0 0 0 1px #a581520f !important;
}
[data-theme='light']
  :where(
    .arka-tabs > [data-slot='tabs-list'],
    .segment-control,
    .view-switch,
    .orders-view-switch,
    .mode-toggle,
    .network-status-tabs,
    .network-level-filter,
    .network-search
  ) {
  background: #f4f0ea !important;
  border-color: #46372724 !important;
}
[data-theme='light']
  :where(
    .arka-tabs [data-slot='tabs-trigger'],
    .segment-control button,
    .view-switch button,
    .orders-view-switch button,
    .mode-toggle button,
    .network-status-tabs button
  ) {
  color: #5f5951;
}
[data-theme='light']
  :where(
    .arka-tabs [data-slot='tabs-trigger'],
    .segment-control button,
    .view-switch button,
    .orders-view-switch button,
    .mode-toggle button,
    .network-status-tabs button,
    .workspace-switcher-menu button
  ):hover {
  color: #493b2e;
  background: #eee8df;
}
[data-theme='light']
  :where(
    .icon-button,
    .mobile-menu,
    .mobile-close,
    .sidebar-collapse-toggle,
    .financial-overview-head button
  ) {
  color: #6f5134;
  background: #fff;
  border-color: #46372724;
}
.dashboard-v2 {
  gap: 18px;
}
.dashboard-v2 .cinematic-top-grid {
  grid-template-columns: minmax(0, 1fr);
}
.dashboard-v2 .cinematic-hero {
  border: 1px solid var(--border);
  width: 100%;
  box-shadow: none;
  border-radius: 4px;
}
.dashboard-v2 .hero-theme-picture:first-child,
.dashboard-v2 .hero-theme-picture:first-child.is-active {
  transform: scale(1.01);
}
.dashboard-v2 .hero-theme-picture:first-child.is-active {
  animation-name: arka-hero-drift;
}
.dashboard-kpi-grid {
  border: 1px solid var(--border);
  box-shadow: none;
  background: linear-gradient(145deg, #121212, #090909);
  border-radius: 4px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  padding: 6px;
  display: grid;
  overflow: hidden;
}
.dashboard-kpi-toolbar {
  grid-column: 1/-1;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 30px;
  padding: 0 8px 2px;
  display: flex;
}
.dashboard-kpi-toolbar > span {
  color: #8f8c87;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.64rem;
  font-weight: 800;
}
.dashboard-kpi-toolbar .dashboard-filter select {
  min-width: 104px;
  max-width: none;
}
.dashboard-quick-card,
.dashboard-results-card,
.dashboard-activity-card {
  background: linear-gradient(145deg, #121212, #090909);
  border: 1px solid #d4af7c3d;
  box-shadow: 0 10px 28px #00000038;
}
.dashboard-kpi-card {
  min-width: 0;
  min-height: 84px;
  box-shadow: none;
  background: 0 0;
  border: 0;
  border-radius: 0;
  grid-template-columns: 52px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 14px;
  transition: background-color 0.2s;
  display: grid;
}
.dashboard-kpi-card:hover {
  background: #d4af7c0b;
}
.dashboard-icon-box {
  color: #e1b979;
  background: radial-gradient(circle at 35% 20%, #d4af7c33, #0000 54%), #18140f;
  border: 1px solid #d4af7c2e;
  border-radius: 15px;
  flex: none;
  place-items: center;
  width: 56px;
  height: 56px;
  display: grid;
  box-shadow: inset 0 1px #ffffff0a;
}
.dashboard-kpi-card .dashboard-icon-box {
  width: 52px;
  height: 52px;
  box-shadow: none;
  border: 0;
  border-radius: 13px;
}
.dashboard-icon-box svg {
  width: 26px;
  height: 26px;
}
.dashboard-kpi-card > div {
  min-width: 0;
}
.dashboard-kpi-card header {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}
.dashboard-kpi-card header > span {
  color: #e8e6e1;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  font-size: 0.77rem;
  font-weight: 750;
  overflow: hidden;
}
.dashboard-static-period {
  color: #888681;
  flex: none;
  font-size: 0.6rem;
  font-weight: 600;
}
.dashboard-filter {
  flex: none;
  align-items: center;
  display: inline-flex;
  position: relative;
}
.dashboard-filter select {
  -webkit-appearance: none;
  appearance: none;
  color: #9d9b97;
  max-width: 104px;
  min-height: 27px;
  font: inherit;
  cursor: pointer;
  background: #0b0b0b;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  outline: none;
  padding: 4px 22px 4px 7px;
  font-size: 0.6rem;
  line-height: 1.2;
}
.dashboard-filter select:hover {
  color: #d4af7c;
  border-color: #d4af7c57;
}
.dashboard-filter select:focus-visible {
  border-color: #d4af7c;
  box-shadow: 0 0 0 2px #d4af7c2e;
}
.dashboard-filter svg {
  pointer-events: none;
  width: 11px;
  height: 11px;
  position: absolute;
  right: 6px;
}
.dashboard-period select {
  min-width: 78px;
  max-width: none;
  min-height: 30px;
}
.dashboard-kpi-card strong {
  color: #f8f7f4;
  margin-top: 5px;
  font-size: clamp(1.35rem, 2vw, 1.75rem);
  line-height: 1.1;
  display: block;
}
.dashboard-kpi-card a {
  color: #d4af7c;
  align-items: center;
  gap: 7px;
  margin-top: 8px;
  font-size: 0.68rem;
  font-weight: 750;
  display: inline-flex;
}
.dashboard-kpi-card a svg {
  width: 13px;
}
.dashboard-quick-section > h2 {
  margin: 2px 0 10px 4px;
  font-size: 1rem;
}
.dashboard-quick-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}
.dashboard-quick-card {
  min-width: 0;
  min-height: 88px;
  color: inherit;
  border-radius: 15px;
  align-items: center;
  gap: 13px;
  padding: 13px 14px;
  transition:
    border-color 0.24s,
    transform 0.24s,
    box-shadow 0.24s;
  display: flex;
}
.dashboard-quick-card .dashboard-icon-box {
  border-radius: 13px;
  width: 48px;
  height: 48px;
}
.dashboard-quick-card .dashboard-icon-box svg {
  width: 22px;
  height: 22px;
}
.dashboard-quick-card > div {
  gap: 4px;
  min-width: 0;
  display: grid;
}
.dashboard-quick-card strong {
  color: #f0efec;
  font-size: 0.76rem;
}
.dashboard-quick-card small {
  color: #92918e;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.67rem;
  overflow: hidden;
}
.dashboard-quick-card:not(.is-disabled):hover {
  border-color: #d4af7c7a;
  transform: translateY(-2px);
  box-shadow:
    0 16px 34px #00000047,
    0 0 22px #d4af7c14;
}
.dashboard-quick-card.is-disabled {
  cursor: not-allowed;
  opacity: 0.68;
  position: relative;
}
.dashboard-quick-card .quick-lock {
  color: #a88a62;
  width: 14px;
  margin-left: auto;
}
.dashboard-insights-grid {
  grid-template-columns: minmax(0, 1.7fr) minmax(300px, 1fr);
  gap: 14px;
  display: grid;
}
.dashboard-results-card,
.dashboard-activity-card {
  border-radius: 18px;
  min-width: 0;
  padding: 16px;
}
.dashboard-section-head {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  display: flex;
}
.dashboard-section-head h2 {
  margin: 0;
  font-size: 1rem;
}
.dashboard-section-head > div {
  align-items: center;
  gap: 7px;
  display: flex;
}
.dashboard-section-head > a {
  color: #d4af7c;
  align-items: center;
  gap: 6px;
  font-size: 0.68rem;
  font-weight: 750;
  display: inline-flex;
}
.dashboard-section-head > a svg {
  width: 13px;
}
.dashboard-privacy {
  color: #a6a39e;
  background: #0b0b0b;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  place-items: center;
  width: 30px;
  height: 30px;
  display: grid;
}
.dashboard-privacy svg {
  width: 14px;
}
.dashboard-result-tabs {
  gap: 7px;
  margin-bottom: 14px;
  display: flex;
}
.dashboard-result-tabs button {
  color: #aaa7a2;
  background: #0c0c0c;
  border: 1px solid #ffffff1a;
  border-radius: 9px;
  min-width: 94px;
  padding: 7px 14px;
  font-size: 0.68rem;
  font-weight: 750;
}
.dashboard-result-tabs button.is-active {
  color: #16110c;
  background: linear-gradient(135deg, #f2d29d, #c79452);
  border-color: #ddb77e;
  box-shadow: 0 6px 16px #c7945229;
}
.dashboard-result-body {
  grid-template-columns: minmax(0, 1fr) 180px;
  align-items: stretch;
  gap: 16px;
  display: grid;
}
.dashboard-chart {
  background: linear-gradient(#ffffff03, #0000);
  border: 1px solid #ffffff0e;
  border-radius: 13px;
  min-width: 0;
  padding: 10px 8px 2px;
  overflow-x: auto;
}
.dashboard-chart-bars {
  min-width: var(--chart-min-width, 510px);
  grid-template-columns: repeat(var(--chart-columns, 31), minmax(4px, 1fr));
  background: repeating-linear-gradient(
    90deg,
    transparent 0 calc((100% / var(--chart-columns, 31)) - 1px),
    #ffffff09 calc((100% / var(--chart-columns, 31)) - 1px)
      calc(100% / var(--chart-columns, 31))
  );
  align-items: end;
  gap: 5px;
  height: 165px;
  display: grid;
}
.dashboard-chart-bars i {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 7px;
  min-width: 0;
  height: 100%;
  font-style: normal;
  display: flex;
}
.dashboard-chart-bars b {
  width: 70%;
  height: var(--bar-value);
  opacity: 0.42;
  background: #6c6255;
  border-radius: 3px 3px 1px 1px;
  min-height: 4px;
  transition:
    height 0.3s,
    opacity 0.3s,
    background 0.3s;
  display: block;
}
.dashboard-chart-bars i.has-value b {
  opacity: 1;
  background: linear-gradient(#e2ba7c, #85623d);
  box-shadow: 0 0 12px #d4af7c21;
}
.dashboard-chart-bars em {
  color: #777570;
  height: 11px;
  font-size: 0.48rem;
  line-height: 1;
}
.dashboard-result-summary {
  border-left: 1px solid #ffffff14;
  align-content: center;
  gap: 18px;
  margin: 0;
  padding-left: 16px;
  display: grid;
}
.dashboard-result-summary div {
  gap: 4px;
  display: grid;
}
.dashboard-result-summary dt {
  color: #85837f;
  font-size: 0.65rem;
}
.dashboard-result-summary dd {
  color: #f1efea;
  margin: 0;
  font-size: 0.85rem;
  font-weight: 780;
}
.dashboard-activity-list {
  display: grid;
}
.dashboard-activity {
  border-bottom: 1px solid #ffffff12;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 9px 0;
  display: grid;
}
.dashboard-activity:last-child {
  border-bottom: 0;
}
.dashboard-activity-icon {
  color: #d4af7c;
  background: #19140f;
  border: 1px solid #d4af7c29;
  border-radius: 11px;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}
.dashboard-activity-icon svg {
  width: 17px;
}
.dashboard-activity > div {
  gap: 3px;
  min-width: 0;
  display: grid;
}
.dashboard-activity strong {
  color: #e8e6e1;
  font-size: 0.72rem;
}
.dashboard-activity small {
  color: #8f8d89;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.64rem;
  overflow: hidden;
}
.dashboard-activity time {
  color: #7e7c78;
  white-space: nowrap;
  font-size: 0.6rem;
}
.dashboard-activity-empty {
  color: #777570;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 205px;
  display: flex;
}
.dashboard-activity-empty svg {
  color: #a38259;
  width: 28px;
}
.dashboard-activity-empty strong {
  color: #c9c5bd;
  font-size: 0.78rem;
}
.dashboard-activity-empty span {
  max-width: 260px;
  font-size: 0.65rem;
}
[data-theme='light'] .dashboard-v2 .cinematic-hero {
  border-color: var(--border);
  box-shadow: none;
}
[data-theme='light'] .dashboard-kpi-grid {
  border-color: var(--border);
  box-shadow: none;
  background: linear-gradient(145deg, #fff, #faf8f4);
}
[data-theme='light'] .dashboard-kpi-card {
  box-shadow: none;
  background: 0 0;
}
[data-theme='light'] .dashboard-kpi-card:hover {
  background: #7e603e0b;
}
[data-theme='light']
  :where(
    .dashboard-quick-card,
    .dashboard-results-card,
    .dashboard-activity-card
  ) {
  background: linear-gradient(145deg, #fff, #faf8f4);
  border-color: #46372724;
  box-shadow: 0 10px 26px #4637270e;
}
[data-theme='light'] .dashboard-icon-box {
  color: #8a6339;
  background: radial-gradient(circle at 35% 20%, #d4af7c33, #0000 54%), #f3ecdf;
  border-color: #7e603e26;
}
[data-theme='light'] .dashboard-kpi-card header > span,
[data-theme='light'] .dashboard-kpi-card strong,
[data-theme='light'] .dashboard-quick-card strong,
[data-theme='light'] .dashboard-result-summary dd,
[data-theme='light'] .dashboard-activity strong {
  color: #201c18;
}
[data-theme='light'] .dashboard-filter select,
[data-theme='light'] .dashboard-privacy,
[data-theme='light'] .dashboard-result-tabs button {
  color: #6c655c;
  background: #f5f1eb;
  border-color: #46372721;
}
[data-theme='light'] .dashboard-static-period {
  color: #837a70;
}
[data-theme='light'] .dashboard-result-tabs button.is-active {
  color: #24180d;
  background: linear-gradient(135deg, #ecd2aa, #d4ad7a);
  border-color: #b88b53;
}
[data-theme='light'] .dashboard-chart {
  background: linear-gradient(#fbfaf7, #f6f2ec);
  border-color: #46372717;
}
[data-theme='light'] .dashboard-chart-bars {
  background: repeating-linear-gradient(
    90deg,
    transparent 0 calc((100% / var(--chart-columns, 31)) - 1px),
    #4637270b calc((100% / var(--chart-columns, 31)) - 1px)
      calc(100% / var(--chart-columns, 31))
  );
}
[data-theme='light'] .dashboard-result-summary {
  border-color: #4637271f;
}
[data-theme='light'] .dashboard-activity {
  border-color: #4637271a;
}
[data-theme='light'] .dashboard-activity-icon {
  color: #8a6339;
  background: #f3ecdf;
  border-color: #7e603e24;
}
[data-theme='light'] .dashboard-activity-empty strong {
  color: #494239;
}
@media (max-width: 1180px) {
  .dashboard-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .dashboard-quick-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .dashboard-insights-grid {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 761px) {
  .dashboard-v2 {
    gap: 14px;
  }
  .dashboard-v2 .cinematic-hero {
    height: clamp(220px, 18vw, 300px);
    min-height: 220px;
  }
  .dashboard-v2 .cinematic-copy {
    max-width: 390px;
    padding: 22px 30px;
  }
  .dashboard-v2 .cinematic-copy h2 {
    margin: 6px 0 9px;
    font-size: clamp(1.9rem, 2.4vw, 2.8rem);
  }
  .dashboard-v2 .cinematic-copy p {
    max-width: 280px;
    margin: 6px 0;
    font-size: 0.78rem;
    line-height: 1.4;
  }
}
@media (min-width: 1160px) {
  .desktop-dashboard-page {
    overflow: auto;
  }
  .desktop-dashboard-page > .cinematic-dashboard.dashboard-v2 {
    grid-template-rows: auto;
    height: auto;
    min-height: 100%;
  }
  .desktop-dashboard-page .dashboard-v2 .cinematic-top-grid,
  .desktop-dashboard-page .dashboard-v2 .cinematic-hero {
    height: clamp(168px, 13vw, 190px);
    min-height: 168px;
    max-height: 190px;
  }
  .desktop-dashboard-page .dashboard-v2 .hero-theme-picture {
    background-position: 100%;
    background-size: auto 155%;
  }
  .desktop-dashboard-page .dashboard-v2 .cinematic-copy {
    max-width: 340px;
    padding: 14px 24px 20px;
  }
  .desktop-dashboard-page .dashboard-v2 .cinematic-copy h2 {
    margin: 2px 0 7px;
    font-size: clamp(1.55rem, 1.8vw, 2rem);
    line-height: 0.94;
  }
  .desktop-dashboard-page .dashboard-v2 .cinematic-copy p {
    max-width: 260px;
    margin: 4px 0;
    font-size: 0.7rem;
    line-height: 1.35;
  }
  .desktop-dashboard-page .dashboard-v2 .cinematic-dots {
    bottom: 7px;
  }
}
@media (max-width: 760px) {
  .dashboard-v2 {
    gap: 14px;
  }
  .dashboard-v2 .cinematic-hero {
    min-height: 390px;
  }
  .dashboard-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    padding: 4px;
  }
  .dashboard-kpi-toolbar {
    min-height: 32px;
    padding: 1px 6px 3px;
  }
  .dashboard-kpi-toolbar .dashboard-filter select {
    min-width: 96px;
    max-width: none;
    font-size: 0.55rem;
  }
  .dashboard-kpi-card {
    border-radius: 0;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 8px;
    min-height: 82px;
    padding: 8px 9px;
  }
  .dashboard-kpi-card .dashboard-icon-box {
    border-radius: 10px;
    width: 38px;
    height: 38px;
  }
  .dashboard-kpi-card .dashboard-icon-box svg {
    width: 19px;
    height: 19px;
  }
  .dashboard-kpi-card header > span {
    white-space: normal;
    align-items: flex-start;
    min-height: 2.4em;
    font-size: 0.65rem;
    line-height: 1.2;
    display: flex;
  }
  .dashboard-kpi-card strong {
    font-size: 1.05rem;
  }
  .dashboard-kpi-card a {
    margin-top: 6px;
    font-size: 0.58rem;
  }
  .dashboard-quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .dashboard-quick-card {
    gap: 9px;
    min-height: 72px;
    padding: 10px;
  }
  .dashboard-quick-card .dashboard-icon-box {
    width: 40px;
    height: 40px;
  }
  .dashboard-quick-card .dashboard-icon-box svg {
    width: 19px;
  }
  .dashboard-quick-card strong {
    font-size: 0.68rem;
  }
  .dashboard-quick-card small {
    font-size: 0.58rem;
  }
  .dashboard-results-card,
  .dashboard-activity-card {
    border-radius: 15px;
    padding: 13px;
  }
  .dashboard-result-tabs button {
    flex: 1;
    min-width: 0;
  }
  .dashboard-result-body {
    grid-template-columns: 1fr;
  }
  .dashboard-result-summary {
    border-top: 1px solid #ffffff14;
    border-left: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 12px 0 0;
  }
  .dashboard-result-summary dd {
    font-size: 0.7rem;
  }
}
.dashboard-v2.is-purchase-only .dashboard-kpi-grid {
  grid-template-columns: minmax(0, 1fr);
}
.dashboard-v2.is-purchase-only .dashboard-quick-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 760px) {
  .dashboard-v2.is-purchase-only .dashboard-quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.notification-popover {
  background: #0a0a0afb;
  border-radius: 20px;
  width: min(372px, 100vw - 28px);
  padding: 12px;
  box-shadow:
    0 24px 80px #00000094,
    inset 0 1px #ffffff09;
}
.notification-head {
  padding: 4px 2px 11px;
}
.notification-head > div {
  gap: 1px;
  display: grid;
}
.notification-head strong {
  font-size: 0.92rem;
}
.notification-head small {
  font-size: 0.65rem;
}
.notification-close {
  width: 30px;
  height: 30px;
  color: var(--muted-foreground);
  cursor: pointer;
  background: #ffffff06;
  border: 1px solid #d4af7c33;
  border-radius: 10px;
  place-items: center;
  padding: 0;
  display: grid;
}
.notification-close svg {
  width: 15px;
}
.mobile-notification-permission {
  background: #d4af7c09;
  border-color: #d4af7c2e;
  border-radius: 12px;
  margin: 0 0 8px;
  padding: 9px 10px;
}
.mobile-notification-permission strong {
  font-size: 0.7rem;
}
.mobile-notification-permission small {
  font-size: 0.6rem;
}
.mobile-notification-permission button,
.mobile-notification-permission b {
  border-radius: 8px;
  min-height: 28px;
  padding: 0 9px;
  font-size: 0.61rem;
}
.notification-toolbar {
  justify-content: flex-end;
  gap: 5px;
  padding: 0 0 7px;
  display: flex;
}
.notification-toolbar button {
  color: #8e8880;
  cursor: pointer;
  background: 0 0;
  border: 0;
  border-radius: 8px;
  align-items: center;
  gap: 4px;
  min-height: 27px;
  padding: 0 8px;
  font-size: 0.59rem;
  font-weight: 700;
  display: flex;
}
.notification-toolbar button:hover {
  color: var(--accent-ink);
  background: #d4af7c0f;
}
.notification-toolbar svg {
  width: 12px;
  height: 12px;
}
.notification-list {
  gap: 2px;
  max-height: min(45dvh, 350px);
  padding-right: 2px;
}
.notification-item {
  border-radius: 11px;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 9px;
  padding: 9px 8px;
}
.notification-item.is-unread {
  background: #d4af7c0b;
  box-shadow: inset 2px 0 #d4af7cd9;
}
.notification-item.is-read {
  opacity: 0.72;
}
.notification-icon {
  border-radius: 9px;
  width: 32px;
  height: 32px;
}
.notification-icon svg {
  width: 15px;
}
.notification-item > span:nth-child(2) {
  gap: 2px;
}
.notification-title-row {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}
.notification-title-row strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.75rem;
  overflow: hidden;
}
.notification-title-row i {
  background: var(--accent-ink);
  border-radius: 50%;
  flex: none;
  width: 5px;
  height: 5px;
  box-shadow: 0 0 10px #d4af7c8c;
}
.notification-item small {
  font-size: 0.64rem;
  line-height: 1.3;
}
.notification-meta {
  color: #77716a;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
  font-size: 0.56rem;
  display: flex;
}
.notification-meta time {
  color: inherit;
  font-size: inherit;
  text-transform: none;
  letter-spacing: 0;
  align-self: auto;
  grid-column: auto !important;
  justify-self: auto !important;
  display: block !important;
}
.notification-status {
  text-align: center;
  color: #817c75;
  padding: 24px 8px;
}
@media (max-width: 700px) {
  .notification-popover {
    width: min(360px, 100vw - 28px) !important;
    padding: 11px !important;
    left: auto !important;
    right: 14px !important;
  }
  .notification-list {
    max-height: min(48dvh, 360px);
  }
  .notification-item {
    grid-template-columns: 32px minmax(0, 1fr);
  }
  .notification-item time {
    display: block;
  }
}
.diagnostic-purchase-page {
  background: #eef3fb;
  max-width: none;
  padding: 12px 18px;
  overflow: hidden;
}
.diagnostic-direct-tabs,
.diagnostic-direct-tabs > [data-slot='tabs-content'],
.diagnostic-direct-tabs #product-workspace,
.diagnostic-direct-workspace {
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 0;
  margin: 0;
}
.diagnostic-direct-tabs {
  flex-direction: column;
  flex: auto;
  display: flex;
}
.diagnostic-direct-tabs > [data-slot='tabs-content'] {
  flex: auto;
  overflow: hidden;
}
.diagnostic-direct-workspace {
  box-shadow: none;
  background: 0 0;
  border: 0;
  border-radius: 0;
  place-items: center;
  padding: 0;
  display: grid;
  overflow: hidden;
}
.diagnostic-purchase-card {
  color: #0b203d;
  background: #fff;
  border: 1px solid #c8d5e8;
  border-radius: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: min(720px, 100%);
  min-height: min(600px, 100%);
  max-height: 100%;
  padding: clamp(24px, 3.4vh, 38px) clamp(28px, 4vw, 54px);
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 22px 60px #0f2a4e24;
}
.diagnostic-back-button {
  color: #294565;
  cursor: pointer;
  background: #edf3fc;
  border: 0;
  border-radius: 9px;
  align-items: center;
  gap: 7px;
  padding: 7px 9px;
  font: 700 0.7rem/1 inherit;
  display: inline-flex;
  position: absolute;
  top: 18px;
  left: 20px;
}
.diagnostic-back-button svg {
  width: 15px;
  height: 15px;
}
.diagnostic-purchase-logo {
  object-fit: contain;
  width: min(300px, 62vw);
  height: auto;
  max-height: 76px;
  margin: 0 auto clamp(16px, 2.4vh, 24px);
  display: block;
}
.diagnostic-entry-form,
.diagnostic-pix-stage,
.diagnostic-status-stage {
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-width: 0;
  display: flex;
}
.diagnostic-purchase-heading {
  text-align: center;
}
.diagnostic-purchase-heading > span {
  color: #135fe6;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 7px;
  font-size: 0.69rem;
  font-weight: 800;
  display: block;
}
.diagnostic-purchase-heading h1,
.diagnostic-status-stage h1 {
  color: #071d3b;
  letter-spacing: -0.04em;
  margin: 0;
  font-size: clamp(1.55rem, 3vw, 2.25rem);
  line-height: 1.04;
}
.diagnostic-purchase-heading p,
.diagnostic-status-stage p {
  color: #52657d;
  max-width: 540px;
  margin: 8px auto 0;
  font-size: 0.82rem;
  line-height: 1.45;
}
.diagnostic-document-field {
  gap: 7px;
  width: min(490px, 100%);
  margin: clamp(18px, 3vh, 28px) auto 0;
  display: grid;
}
.diagnostic-document-field > span {
  color: #172f4e;
  font-size: 0.72rem;
  font-weight: 800;
}
.diagnostic-document-field input {
  color: #071d3b;
  letter-spacing: 0.025em;
  text-align: center;
  background: #fff;
  border: 2px solid #adc1dd;
  border-radius: 14px;
  outline: 0;
  width: 100%;
  height: 58px;
  padding: 0 18px;
  font-size: clamp(1.15rem, 2.5vw, 1.45rem);
  font-weight: 750;
  transition:
    border-color 0.18s,
    box-shadow 0.18s;
}
.diagnostic-document-field input:focus {
  border-color: #135fe6;
  box-shadow: 0 0 0 4px #135fe61f;
}
.diagnostic-document-field input[aria-invalid='true'] {
  border-color: #bf2c2c;
}
.diagnostic-document-field small {
  color: #61738a;
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-height: 18px;
  font-size: 0.68rem;
  display: flex;
}
.diagnostic-document-field small svg {
  width: 14px;
  height: 14px;
}
.diagnostic-document-field small.is-valid {
  color: #087b58;
  font-weight: 750;
}
.diagnostic-document-field small.is-invalid {
  color: #a22;
  font-weight: 750;
}
.diagnostic-consent-copy {
  color: #66758a;
  text-align: center;
  max-width: 500px;
  margin: 14px auto 0;
  font-size: 0.62rem;
  line-height: 1.45;
}
.diagnostic-consent-copy button,
.diagnostic-status-stage > button,
.diagnostic-purchase-error button {
  color: #135fe6;
  font: inherit;
  cursor: pointer;
  background: 0 0;
  border: 0;
  padding: 0;
  font-weight: 800;
  text-decoration: underline;
}
.diagnostic-primary-button {
  width: min(490px, 100%);
  min-height: 52px;
  margin-top: 18px;
  box-shadow: 0 12px 24px #135fe633;
  color: #fff !important;
  background: #135fe6 !important;
  border: 1px solid #135fe6 !important;
}
.diagnostic-primary-button:hover {
  background: #0d4fca !important;
}
.diagnostic-primary-button:disabled {
  background: #9eb5d6 !important;
  border-color: #9eb5d6 !important;
}
.diagnostic-link-button {
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 0.78rem;
  font-weight: 800;
  text-decoration: none;
  display: inline-flex;
}
.diagnostic-link-button svg {
  width: 17px;
  height: 17px;
}
.diagnostic-spinner {
  animation: 0.9s linear infinite diagnostic-spin;
}
.diagnostic-purchase-error {
  color: #8f2020;
  text-align: center;
  background: #fff2f2;
  border: 1px solid #e6aaaa;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  width: min(490px, 100%);
  margin: 12px auto 0;
  padding: 9px 12px;
  font-size: 0.68rem;
  line-height: 1.35;
  display: flex;
}
.diagnostic-purchase-error svg {
  flex: none;
  width: 16px;
  height: 16px;
}
.diagnostic-pix-stage {
  justify-content: center;
}
.diagnostic-pix-content {
  grid-template-columns: minmax(180px, 230px) minmax(190px, 250px);
  justify-content: center;
  align-items: center;
  gap: clamp(22px, 4vw, 42px);
  width: 100%;
  margin-top: 18px;
  display: grid;
}
.diagnostic-pix-qr {
  aspect-ratio: 1;
  background: #fff;
  border: 8px solid #fff;
  border-radius: 16px;
  width: min(230px, 32vh, 48vw);
  margin: auto;
  display: block;
  box-shadow:
    0 0 0 1px #c8d5e8,
    0 12px 28px #0c234124;
}
.diagnostic-pix-details {
  text-align: center;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  display: flex;
}
.diagnostic-pix-details > strong {
  color: #071d3b;
  font-size: 1.65rem;
}
.diagnostic-pix-details > small {
  color: #5b6f87;
  font-size: 0.68rem;
}
.diagnostic-copy-button {
  min-height: 48px;
  margin-top: 8px;
  color: #0c4fc6 !important;
  background: #fff !important;
  border-color: #135fe6 !important;
}
.diagnostic-payment-link {
  color: #135fe6;
  border: 1px solid #b8c9e1;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 74px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}
.diagnostic-stage-spinner {
  color: #135fe6;
  width: 44px;
  height: 44px;
  margin: 32px auto;
}
.diagnostic-status-stage {
  text-align: center;
  justify-content: center;
}
.diagnostic-status-icon {
  color: #135fe6;
  background: #e7effc;
  border-radius: 50%;
  place-items: center;
  width: 66px;
  height: 66px;
  margin-bottom: 16px;
  display: grid;
}
.diagnostic-status-icon svg {
  width: 30px;
  height: 30px;
}
.diagnostic-status-stage > strong {
  color: #135fe6;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 0.69rem;
}
.diagnostic-status-stage > small {
  color: #6a7c91;
  margin: 16px 0 10px;
}
.diagnostic-status-stage > button {
  margin-top: 15px;
  font-size: 0.68rem;
}
.diagnostic-status-stage.is-ready .diagnostic-status-icon {
  color: #087b58;
  background: #e6f6ef;
}
.diagnostic-status-stage.is-ready > strong {
  color: #087b58;
}
.diagnostic-status-stage.is-failed .diagnostic-status-icon {
  color: #ad2929;
  background: #fff0f0;
}
.diagnostic-status-stage.is-failed > strong {
  color: #ad2929;
}
.diagnostic-term-card {
  justify-content: flex-start;
  align-items: stretch;
}
.diagnostic-term-card > header {
  text-align: center;
  padding: 30px 0 12px;
}
.diagnostic-term-card > header > span {
  color: #135fe6;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.68rem;
  font-weight: 800;
}
.diagnostic-term-card > header h2 {
  color: #071d3b;
  margin: 5px 0;
  font-size: 1.45rem;
}
.diagnostic-term-card > header small {
  color: #62748b;
}
.diagnostic-term-content {
  color: #233a58;
  overscroll-behavior: contain;
  background: #f8faff;
  border: 1px solid #d5dfed;
  border-radius: 13px;
  flex: auto;
  min-height: 0;
  padding: 14px 16px;
  font-size: 0.72rem;
  line-height: 1.55;
  overflow-y: auto;
}
@media (min-width: 761px) {
  .diagnostic-purchase-page {
    padding: 12px 18px;
  }
  .diagnostic-purchase-card {
    height: min(620px, 100%);
  }
}
@media (max-width: 760px) {
  .diagnostic-purchase-page {
    height: calc(100dvh - 72px);
    min-height: 0;
    padding: 8px 8px calc(82px + env(safe-area-inset-bottom));
    overflow: hidden;
  }
  .diagnostic-direct-workspace {
    align-items: stretch;
  }
  .diagnostic-purchase-card {
    border-radius: 18px;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 48px 18px 16px;
  }
  .diagnostic-back-button {
    top: 12px;
    left: 12px;
  }
  .diagnostic-purchase-logo {
    width: min(235px, 65vw);
    max-height: 54px;
    margin-bottom: 12px;
  }
  .diagnostic-purchase-heading h1,
  .diagnostic-status-stage h1 {
    font-size: clamp(1.35rem, 7vw, 1.8rem);
  }
  .diagnostic-purchase-heading p,
  .diagnostic-status-stage p {
    font-size: 0.72rem;
  }
  .diagnostic-document-field {
    margin-top: 16px;
  }
  .diagnostic-document-field input {
    height: 54px;
    font-size: 1.12rem;
  }
  .diagnostic-primary-button {
    min-height: 48px;
    margin-top: 14px;
  }
  .diagnostic-pix-content {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 12px;
  }
  .diagnostic-pix-qr {
    border-width: 6px;
    width: min(200px, 27vh, 55vw);
  }
  .diagnostic-pix-details {
    gap: 3px;
  }
  .diagnostic-pix-details > strong {
    font-size: 1.3rem;
  }
  .diagnostic-copy-button {
    width: min(300px, 100%);
    min-height: 44px;
    margin: 7px auto 0;
  }
  .diagnostic-status-icon {
    width: 58px;
    height: 58px;
    margin-bottom: 12px;
  }
  .diagnostic-consent-copy {
    font-size: 0.57rem;
  }
  .diagnostic-term-card > header {
    padding-top: 4px;
  }
}
@media (max-height: 700px) {
  .diagnostic-purchase-card {
    padding-top: 44px;
    padding-bottom: 12px;
  }
  .diagnostic-purchase-logo {
    max-height: 48px;
    margin-bottom: 8px;
  }
  .diagnostic-purchase-heading p {
    margin-top: 5px;
  }
  .diagnostic-document-field {
    margin-top: 12px;
  }
  .diagnostic-consent-copy {
    margin-top: 8px;
  }
  .diagnostic-primary-button {
    margin-top: 10px;
  }
  .diagnostic-pix-qr {
    width: min(188px, 26vh, 50vw);
  }
}
@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-scroll-snap-strictness {
  syntax: '*';
  inherits: false;
  initial-value: proximity;
}
@property --tw-space-x-reverse {
  syntax: '*';
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: '*';
  inherits: false;
  initial-value: solid;
}
@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-duration {
  syntax: '*';
  inherits: false;
}
@property --tw-ease {
  syntax: '*';
  inherits: false;
}
@property --tw-content {
  syntax: '*';
  inherits: false;
  initial-value: '';
}
@property --tw-scale-x {
  syntax: '*';
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: '*';
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: '*';
  inherits: false;
  initial-value: 1;
}
@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;
}
@keyframes enter {
  0% {
    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 {
  0% {
    height: 0;
  }
  to {
    height: var(
      --radix-accordion-content-height,
      var(--accordion-panel-height, auto)
    );
  }
}
@keyframes accordion-up {
  0% {
    height: var(
      --radix-accordion-content-height,
      var(--accordion-panel-height, auto)
    );
  }
  to {
    height: 0;
  }
}
@keyframes caret-blink {
  0%,
  70%,
  to {
    opacity: 1;
  }
  20%,
  50% {
    opacity: 0;
  }
}
@keyframes scroll-fade-reveal-b {
  0% {
    --scroll-fade-b: var(
      --_scroll-fade-size-b,
      var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
    );
  }
  to {
    --scroll-fade-b: 0px;
  }
}
@keyframes scroll-fade-reveal-s {
  0% {
    --scroll-fade-s: 0px;
  }
  to {
    --scroll-fade-s: var(
      --_scroll-fade-size-s,
      var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
    );
  }
}
@keyframes scroll-fade-reveal-e {
  0% {
    --scroll-fade-e: var(
      --_scroll-fade-size-e,
      var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
    );
  }
  to {
    --scroll-fade-e: 0px;
  }
}
@keyframes tw-shimmer {
  0% {
    background-position: 100% 0;
  }
  to {
    background-position: 0 0;
  }
}