@charset "UTF-8";
/* -----------------------------------------------------------------------------
 * vendored from https://brandeditor.test-demo.skyten.io/dist/skyten/skyten-organisms.css
 * on 2026-07-15T09:29:04Z
 * sha256(source)=49c662adef76 bytes=409391
 * transform:     src/assets/brand/skyten/narrow-scope.py
 * regenerate:    BE_EMAIL=... BE_PASSWORD=... scripts/vendor-brand-tokens.sh skyten
 * ----------------------------------------------------------------------------- */
/* SPLIT (STTS-2958): Brand Editor component rules — loaded NON-blocking.
 * Design tokens live in tokens.css, which loads first (render-blocking).
 * Generated by scripts/split-brand-tokens.py — do not hand-edit. */

body.skyten-brand .tab-item:focus-visible, body.skyten-brand .checkbox-input:focus-visible + .checkbox-box, body.skyten-brand .toggle--state-focus .toggle-track, body.skyten-brand .radio-text--state-focus .radio-text-body, body.skyten-brand .toggle-input:focus-visible + .toggle-track, body.skyten-brand .radio-text > input:focus-visible + .radio-text-body, body.skyten-brand .btn:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--brand-primary) 55%, transparent);
  outline-offset: 2px;
  border-radius: inherit;
}
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  background: var(--background-primary);
  color: var(--text-primary);
}
body {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.6;
  color: var(--text-primary);
  background: var(--background-primary);
  -webkit-font-smoothing: antialiased;
}
p {
  margin: 0 0 16px;
}
p.h7,
p.h8 {
  margin: 0;
}
strong, b {
  font-weight: 700;
}
em, i {
  font-style: italic;
  opacity: 0.85;
}
del, s {
  color: var(--text-tertiary);
  text-decoration: line-through;
}
mark {
  padding: 4px 8px;
  border-radius: var(--radius-s);
  background: var(--brand-primary);
  color: var(--color-foundations-white);
}
a {
  color: var(--functional-link);
  text-decoration: none;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
hr {
  border: none;
  border-top: 1px solid var(--border-primary);
  margin: 48px 0;
}
ul {
  margin: 0 0 24px;
  padding-left: 24px;
  list-style: none;
}
ul li {
  margin-bottom: 8px;
  padding-left: 12px;
  position: relative;
}
ul li::before {
  content: "–";
  position: absolute;
  left: -24px;
  color: var(--brand-primary);
  font-weight: 700;
}
ul ul {
  margin: 12px 0 0;
}
ul ul li::before {
  content: "·";
  color: var(--brand-primary);
  line-height: 2;
}
ul li input[type=checkbox] {
  accent-color: var(--brand-primary);
  margin-right: 20px;
}
ol {
  margin: 0 0 24px;
  padding-left: 24px;
  list-style: none;
  counter-reset: ol-counter;
}
ol li {
  margin-bottom: 8px;
  position: relative;
  counter-increment: ol-counter;
}
ol li::before {
  content: counter(ol-counter) ".";
  position: relative;
  left: -24px;
  color: var(--brand-primary);
  font-weight: 700;
  font-size: 12px;
}
blockquote {
  margin: 24px;
  padding: 24px 12px;
  background: var(--background-secondary);
  border-radius: var(--radius-m);
  border-left: 4px solid var(--brand-tertiary);
}
blockquote p {
  margin: 0 24px;
  font-style: italic;
  line-height: 2;
}
code {
  font-family: var(--font-mono);
  font-size: 16px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: var(--radius-s);
  border: 1px solid var(--border-primary);
  background: var(--background-secondary);
  color: var(--text-active);
}
pre {
  margin: 24px 0;
  padding: 20px 24px;
  overflow-x: auto;
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-m);
  background: var(--background-secondary);
}
pre code {
  padding: 0;
  border: none;
  background: none;
  font-size: 16px;
  line-height: 1.75;
  color: var(--text-active);
}
table {
  width: 100%;
  border-collapse: collapse;
  margin: 24px 0;
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-m);
  overflow: hidden;
}
thead {
  border-bottom: 1px solid var(--brand-primary);
}
th {
  font-size: 12px;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0.08em;
  color: var(--brand-primary);
  padding: 12px 16px;
  text-align: left;
}
td {
  font-size: 14px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--border-secondary);
}
tr:last-child td {
  border-bottom: none;
}
table.striped tr:nth-child(even) td {
  background: color-mix(in srgb, var(--brand-primary) 4%, transparent);
}
@media screen {
tbody tr:hover td {
    background: var(--background-hover-brand);
  }
}
h1 {
  font-size: 60px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 32px;
}
h2 {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 28px;
}
h3 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 24px;
}
h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 20px;
  letter-spacing: 0.01em;
}
h5 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 16px;
  letter-spacing: 0.25px;
}
h6 {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
@media (max-width: 1023px) {
h1 {
    font-size: 48px;
    margin-bottom: 24px;
  }
h2 {
    font-size: 36px;
    margin-bottom: 16px;
  }
h3 {
    font-size: 28px;
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
h1 {
    font-size: 44px;
    margin-bottom: 20px;
  }
h2 {
    font-size: 28px;
    margin-bottom: 16px;
  }
h3 {
    font-size: 24px;
    margin-bottom: 12px;
  }
}
body.skyten-brand .gt-page__inner,
body.skyten-brand .dra4-page__inner {
  padding: var(--a4-page-padding);
  box-sizing: border-box;
}
body.skyten-brand .dra4-page__inner {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
}
body.skyten-brand .dra4-page__inner > .dra4__head,
body.skyten-brand .dra4-page__inner > .doc-header {
  flex-shrink: 0;
}
body.skyten-brand .dra4-page__inner > .dra4__main,
body.skyten-brand .dra4-page__inner > .dra4-main {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
body.skyten-brand .dra4-page__inner > .dra4__foot,
body.skyten-brand .dra4-page__inner > .doc-footer {
  flex-shrink: 0;
  margin-top: 0;
}
body.skyten-brand .gt-page__inner > .a4-flow {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
body.skyten-brand .doc-footer__row--data-report {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 0 24px;
}
body.skyten-brand .doc-footer__row--data-report .doc-footer__address,
body.skyten-brand .doc-footer__row--data-report .doc-footer__contact {
  min-width: 0;
}
body.skyten-brand .doc-footer__row--data-report .doc-footer__contact {
  justify-content: flex-start;
  align-items: flex-end;
  gap: 0;
}
body.skyten-brand .doc-footer__row--data-report .doc-footer__pageno {
  flex: 1 0 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 1;
}
body.skyten-brand .doc-footer__row--data-report .doc-footer__pageno .dra4-pageno {
  line-height: 1.15;
}
body.skyten-brand .ia4,
body.skyten-brand .ra4,
body.skyten-brand .la4 {
  min-height: 0;
  padding: var(--a4-page-padding);
  box-sizing: border-box;
}
body.skyten-brand .ia4-main,
body.skyten-brand .ra4-main,
body.skyten-brand .la4-main {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
body.skyten-brand .ia4 .doc-footer,
body.skyten-brand .ra4 .doc-footer,
body.skyten-brand .la4 .doc-footer {
  padding: var(--a4-doc-footer-padding);
}
body.skyten-brand .ia4-main,
body.skyten-brand .ra4-main {
  padding: 0;
}
body.skyten-brand .la4-main {
  padding: 64px 0 0;
}
@media screen {
body.skyten-brand .dra4-page {
    box-sizing: border-box;
    width: var(--a4-page-width);
    height: var(--a4-page-height);
    min-height: var(--a4-page-height);
    max-height: var(--a4-page-height);
    overflow: hidden;
  }
body.skyten-brand .dra4-page__inner {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden;
    box-sizing: border-box;
  }
body.skyten-brand .dra4-page__inner > .dra4-main,
  body.skyten-brand .dra4-page__inner > .dra4__main {
    display: block !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
body.skyten-brand .gt-page__inner > .a4-flow.a4-main--overflow-scroll {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }
}
@media print {
body.skyten-brand .dra4-page,
  body.skyten-brand .ia4,
  body.skyten-brand .ra4,
  body.skyten-brand .la4,
  body.skyten-brand .gt-page {
    width: 210mm !important;
    max-width: none !important;
    margin: 0 !important;
    box-sizing: border-box;
  }
body.skyten-brand .ia4,
  body.skyten-brand .ra4,
  body.skyten-brand .la4,
  body.skyten-brand .gt-page {
    min-height: 297mm;
    height: auto !important;
    overflow: visible !important;
  }
body.skyten-brand .dra4-page {
    height: auto !important;
    min-height: 297mm;
    overflow: visible !important;
    box-sizing: border-box;
    break-after: page;
    page-break-after: always;
  }
body.skyten-brand .dra4-page:last-child {
    break-after: auto;
    page-break-after: auto;
  }
body.skyten-brand .dra4-page__inner {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 297mm !important;
    overflow: visible;
  }
body.skyten-brand .dra4-page__inner > .dra4-main,
  body.skyten-brand .dra4-page__inner > .dra4__main {
    display: block !important;
    overflow: visible !important;
    flex: none !important;
    min-height: 0 !important;
  }
}
@media screen, print {
body.skyten-brand .dra4-page__inner > .doc-header {
    display: flex !important;
    flex-direction: column !important;
  }
body.skyten-brand .dra4-page__inner > .dra4-main > * + *,
  body.skyten-brand .dra4-page__inner > .dra4__main > * + * {
    margin-top: 16pt;
  }
body.skyten-brand .dra4-page__inner > .doc-footer,
  body.skyten-brand .dra4-page__inner > .dra4__foot {
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 auto !important;
    align-self: stretch !important;
    width: 100%;
    box-sizing: border-box;
    margin-top: auto !important;
  }
body.skyten-brand .dra4-page .dra4-main > .dra4-split:not(.dra4-split--kv-tables),
  body.skyten-brand .dra4-page .dra4__main > .dra4-split:not(.dra4-split--kv-tables) {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 14pt;
    align-items: start;
  }
body.skyten-brand .dra4-page .dra4-split:not(.dra4-split--kv-tables) > .chart-container {
    flex: none !important;
    min-height: auto !important;
    min-width: 0;
    width: auto !important;
  }
body.skyten-brand .dra4-page .chart-container--dra4-mono-bars {
    min-height: auto !important;
    justify-content: flex-start !important;
  }
body.skyten-brand .dra4-page .dra4-metrics-strip {
    break-inside: auto;
    page-break-inside: auto;
  }
body.skyten-brand .dra4-page table {
    break-inside: auto;
    page-break-inside: auto;
  }
body.skyten-brand .dra4-page thead {
    display: table-header-group;
  }
body.skyten-brand .dra4-page tfoot {
    display: table-footer-group;
  }
body.skyten-brand .dra4-page tbody tr {
    break-inside: avoid;
    page-break-inside: avoid;
  }
}
body.skyten-brand .doc-h1, body.skyten-brand .doc-h2, body.skyten-brand .doc-h3, body.skyten-brand .doc-h4, body.skyten-brand .doc-h5, body.skyten-brand .doc-h6, body.skyten-brand .doc-h7, body.skyten-brand .doc-h8,
body.skyten-brand .doc-p, body.skyten-brand .doc-p-large, body.skyten-brand .doc-p-strong, body.skyten-brand .doc-p-sm,
body.skyten-brand .doc-micro, body.skyten-brand .doc-caption, body.skyten-brand .doc-fine,
body.skyten-brand .doc-data-report-title, body.skyten-brand .doc-data-report-lead {
  margin: 0;
}
body.skyten-brand .doc-h1 {
  font-size: var(--text-doc-h1-font-size);
  line-height: var(--text-doc-h1-line-height);
  font-weight: var(--text-doc-h1-font-weight);
  letter-spacing: var(--text-doc-h1-letter-spacing);
}
body.skyten-brand .doc-h2 {
  font-size: var(--text-doc-h2-font-size);
  line-height: var(--text-doc-h2-line-height);
  font-weight: var(--text-doc-h2-font-weight);
  letter-spacing: var(--text-doc-h2-letter-spacing);
}
body.skyten-brand .doc-h3 {
  font-size: var(--text-doc-h3-font-size);
  line-height: var(--text-doc-h3-line-height);
  font-weight: var(--text-doc-h3-font-weight);
  letter-spacing: var(--text-doc-h3-letter-spacing);
}
body.skyten-brand .doc-h4 {
  font-size: var(--text-doc-h4-font-size);
  line-height: var(--text-doc-h4-line-height);
  font-weight: var(--text-doc-h4-font-weight);
  letter-spacing: var(--text-doc-h4-letter-spacing);
}
body.skyten-brand .doc-h5 {
  font-size: var(--text-doc-h5-font-size);
  line-height: var(--text-doc-h5-line-height);
  font-weight: var(--text-doc-h5-font-weight);
  letter-spacing: var(--text-doc-h5-letter-spacing);
}
body.skyten-brand .doc-h6 {
  font-size: var(--text-doc-h6-font-size);
  line-height: var(--text-doc-h6-line-height);
  font-weight: var(--text-doc-h6-font-weight);
  letter-spacing: var(--text-doc-h6-letter-spacing);
}
body.skyten-brand .doc-h7 {
  font-size: var(--text-doc-h7-font-size);
  line-height: var(--text-doc-h7-line-height);
  font-weight: var(--text-doc-h7-font-weight);
  letter-spacing: var(--text-doc-h7-letter-spacing);
}
body.skyten-brand .doc-h8 {
  font-size: var(--text-doc-h8-font-size);
  line-height: var(--text-doc-h8-line-height);
  font-weight: var(--text-doc-h8-font-weight);
  letter-spacing: var(--text-doc-h8-letter-spacing);
}
body.skyten-brand .doc-p {
  font-size: var(--text-doc-p-font-size);
  line-height: var(--text-doc-p-line-height);
  font-weight: var(--text-doc-p-font-weight);
  letter-spacing: var(--text-doc-p-letter-spacing);
}
body.skyten-brand .doc-p-large {
  font-size: var(--text-doc-p-large-font-size);
  line-height: var(--text-doc-p-large-line-height);
  font-weight: var(--text-doc-p-large-font-weight);
  letter-spacing: var(--text-doc-p-large-letter-spacing);
}
body.skyten-brand .doc-p-strong {
  font-size: var(--text-doc-p-strong-font-size);
  line-height: var(--text-doc-p-strong-line-height);
  font-weight: var(--text-doc-p-strong-font-weight);
  letter-spacing: var(--text-doc-p-strong-letter-spacing);
}
body.skyten-brand .doc-p-sm {
  font-size: var(--text-doc-p-sm-font-size);
  line-height: var(--text-doc-p-sm-line-height);
  font-weight: var(--text-doc-p-sm-font-weight);
  letter-spacing: var(--text-doc-p-sm-letter-spacing);
}
body.skyten-brand .doc-micro {
  font-size: var(--text-doc-micro-font-size);
  line-height: var(--text-doc-micro-line-height);
  font-weight: var(--text-doc-micro-font-weight);
  letter-spacing: var(--text-doc-micro-letter-spacing);
}
body.skyten-brand .doc-caption {
  font-size: var(--text-doc-caption-font-size);
  line-height: var(--text-doc-caption-line-height);
  font-weight: var(--text-doc-caption-font-weight);
  letter-spacing: var(--text-doc-caption-letter-spacing);
  text-transform: uppercase;
}
body.skyten-brand .doc-fine {
  font-size: var(--text-doc-fine-font-size);
  line-height: var(--text-doc-fine-line-height);
  font-weight: var(--text-doc-fine-font-weight);
  letter-spacing: var(--text-doc-fine-letter-spacing);
}
body.skyten-brand .btn {
  --icon-color: currentColor;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--button-gap, 12px);
  padding: var(--button-padding, 14px 28px 16px);
  font-size: var(--button-font-size, 16px);
  font-weight: 500;
  line-height: var(--button-line-height, 18px);
  border: 1px solid transparent;
  border-radius: var(--button-radius, var(--radius-xl));
  cursor: pointer;
  text-decoration: none;
  user-select: none;
  white-space: nowrap;
}
body.skyten-brand .btn:focus, body.skyten-brand .btn:focus-visible, body.skyten-brand .btn:focus-within {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-primary) 45%, transparent);
}
body.skyten-brand .btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
body.skyten-brand .btn-primary {
  background: var(--button-background-primary);
  border-color: var(--button-border-primary);
  color: var(--button-text-primary);
}
body.skyten-brand .btn-primary:hover:not(:disabled):not(.active) {
  background: var(--button-background-hover, var(--button-background-active));
  border-color: transparent;
  color: var(--button-text-hover, var(--button-text-active));
  opacity: 1;
}
body.skyten-brand .btn-primary:active:not(:disabled) {
  background: var(--button-background-active);
  border-color: transparent;
  color: var(--button-text-active);
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.22);
}
body.skyten-brand .btn-primary.active {
  background: var(--button-background-active);
  border-color: transparent;
  color: var(--button-text-active);
}
body.skyten-brand .btn-primary.active:hover:not(:disabled) {
  background: var(--button-background-active-hover, var(--button-background-active));
  color: var(--button-text-active-hover, var(--button-text-active));
  opacity: 1;
}
body.skyten-brand .btn-primary:disabled {
  background: var(--button-background-disabled);
  border-color: var(--button-border-primary);
  color: var(--button-text-disabled);
  opacity: 0.65;
  cursor: not-allowed;
}
body.skyten-brand .btn-secondary {
  background: var(--brand-secondary);
  color: var(--color-foundations-white);
}
body.skyten-brand .btn-secondary:hover:not(:disabled) {
  background: color-mix(in srgb, var(--brand-secondary) 85%, #000);
}
body.skyten-brand .btn-outline {
  background: transparent;
  color: var(--brand-primary);
  border-color: var(--brand-primary);
}
body.skyten-brand .btn-outline:hover:not(:disabled) {
  background: var(--brand-primary);
  color: var(--color-foundations-white);
}
body.skyten-brand .btn-ghost {
  background: transparent;
  color: var(--brand-primary);
}
body.skyten-brand .btn-ghost:hover:not(:disabled) {
  background: color-mix(in srgb, var(--brand-primary) 25%, var(--background-primary));
}
body.skyten-brand .btn-danger {
  background: var(--color-error);
  color: var(--color-foundations-white);
}
body.skyten-brand .btn-danger:hover:not(:disabled) {
  background: color-mix(in srgb, var(--color-error) 85%, #000);
}
body.skyten-brand .btn-error {
  background: var(--button-background-error, var(--functional-error-background, #fef2f2));
  border-color: var(--button-border-error, var(--functional-error-default, #dc2626));
  color: var(--button-text-error, var(--functional-error-text, #991b1b));
}
body.skyten-brand .btn-error.active {
  background: var(--button-background-error-active, var(--functional-error-default, #dc2626));
  border-color: transparent;
  color: var(--color-foundations-white);
  box-shadow: inset -1px -21px 14.1px rgba(0, 0, 0, 0.15), inset 1px 3px 6px rgba(255, 255, 255, 0.1);
}
body.skyten-brand .btn-primary.btn-primary--state-hover {
  background: var(--button-background-hover, var(--button-background-active));
  border-color: transparent;
  color: var(--button-text-hover, var(--button-text-active));
  opacity: 1;
}
body.skyten-brand .btn-primary.btn-primary--state-active-hover {
  background: var(--button-background-active-hover, var(--button-background-active));
  border-color: transparent;
  color: var(--button-text-active-hover, var(--button-text-active));
  opacity: 1;
}
body.skyten-brand .btn-primary.btn-primary--state-error {
  background: var(--button-background-error);
  border-color: var(--button-border-error);
  color: var(--button-text-error);
}
body.skyten-brand .btn-primary.btn-primary--state-error-active {
  background: var(--button-background-error-active);
  border-color: transparent;
  color: var(--button-text-error-active);
}
body.skyten-brand .btn-sm {
  padding: var(--button-padding-sm, 8px 12px);
  gap: var(--button-gap-sm, 12px);
  font-size: var(--button-font-size-sm, 14px);
  line-height: var(--button-line-height-sm, 18px);
}
body.skyten-brand .btn-payment-option-text {
  flex: 0 0 auto;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  white-space: nowrap;
  color: inherit;
}
body.skyten-brand .btn-payment-option-radio {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  border-radius: 50%;
  border: 1px solid var(--border-primary);
  background: transparent;
}
body.skyten-brand .btn-payment-option-dot {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: transparent;
}
body.skyten-brand .btn-payment-options {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
body.skyten-brand .btn-payment-options--inline {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
body.skyten-brand .btn-payment-options--inline > .btn-payment-option {
  flex: none;
  flex-grow: 0;
  flex-shrink: 0;
  width: 224px;
  min-width: 224px;
  max-width: 224px;
}
body.skyten-brand .radio-text-stack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
body.skyten-brand .radio-text {
  position: relative;
  display: inline-flex;
  cursor: pointer;
  user-select: none;
}
body.skyten-brand .radio-text > input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
body.skyten-brand .radio-text > input:focus-visible + .radio-text-body {
  border-radius: var(--radius-m, 4px);
}
body.skyten-brand .radio-text:focus, body.skyten-brand .radio-text:focus-visible, body.skyten-brand .radio-text:focus-within {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-primary) 18%, transparent);
}
body.skyten-brand .radio-text-body {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 20px;
  min-height: 24px;
}
body.skyten-brand .radio-text-ring {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  border-radius: 50%;
  border: 1px solid var(--text-primary);
}
body.skyten-brand .radio-text-dot {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: transparent;
}
body.skyten-brand .radio-text-label {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: var(--text-primary);
}
body.skyten-brand .radio-text > input:checked + .radio-text-body .radio-text-dot {
  background: var(--text-active, var(--brand-primary));
}
body.skyten-brand .radio-text > input:checked + .radio-text-body .radio-text-label {
  color: transparent;
  background: var(--text-active, var(--brand-primary));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.skyten-brand .toggle {
  position: relative;
  display: inline-flex;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
}
body.skyten-brand .toggle:focus, body.skyten-brand .toggle:focus-visible, body.skyten-brand .toggle:focus-within {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-primary) 18%, transparent);
}
body.skyten-brand .toggle-input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
body.skyten-brand .toggle-track {
  box-sizing: border-box;
  width: 46px;
  height: 24px;
  padding: 3px 2px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  border-radius: 6px;
  border: 1px solid var(--border-secondary, var(--border-primary));
  background: var(--universal-disabled, var(--button-background-disabled, var(--background-hover)));
}
body.skyten-brand .toggle-thumb {
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  border-radius: 4px;
  border: 1px solid var(--border-primary);
  background: var(--button-background-disabled, var(--background-secondary));
}
body.skyten-brand .toggle-input:checked + .toggle-track {
  justify-content: flex-end;
  gap: 2px;
  background: var(--button-background-active);
  border-color: var(--button-border-primary, var(--border-primary));
  box-shadow: inset -1px -20px 10px rgba(0, 0, 0, 0.05), inset 1px 3px 6px rgba(255, 255, 255, 0.1);
}
body.skyten-brand .toggle-input:checked + .toggle-track .toggle-thumb {
  background: var(--button-background-primary);
  border-color: var(--button-border-primary, var(--border-primary));
}
body.skyten-brand .toggle-input:disabled + .toggle-track {
  justify-content: flex-start;
  gap: 0;
  background: transparent;
  border-color: var(--button-border-disabled, var(--border-primary));
  box-shadow: none;
}
body.skyten-brand .toggle-input:checked:disabled + .toggle-track {
  justify-content: flex-end;
  gap: 2px;
  background: transparent;
  border-color: var(--button-border-disabled, var(--border-primary));
  box-shadow: none;
}
body.skyten-brand .radio-text:hover:not(.radio-text--disabled) .radio-text-ring,
body.skyten-brand .radio-text--state-hover .radio-text-ring {
  border-color: var(--border-input-hover, var(--brand-primary));
}
body.skyten-brand .radio-text--state-focus .radio-text-body {
  border-radius: var(--radius-m, 4px);
}
body.skyten-brand .radio-text--disabled {
  cursor: not-allowed;
  opacity: 0.55;
}
body.skyten-brand .radio-text--error .radio-text-ring {
  border-color: var(--border-error, var(--color-error));
}
body.skyten-brand .radio-text--error .radio-text-label {
  color: var(--border-error, var(--color-error));
}
body.skyten-brand .toggle-input:disabled + .toggle-track .toggle-thumb {
  border-color: var(--button-border-disabled, var(--border-primary));
  background: var(--button-background-primary, var(--background-secondary));
}
body.skyten-brand .checkbox {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
}
body.skyten-brand .checkbox:focus, body.skyten-brand .checkbox:focus-visible, body.skyten-brand .checkbox:focus-within {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-primary) 18%, transparent);
}
body.skyten-brand .checkbox-input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
body.skyten-brand .checkbox-box {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-s, 2px);
  border: 1px solid var(--checkbox-border, var(--border-primary));
  background: var(--checkbox-bg, transparent);
  color: var(--color-foundations-white);
}
body.skyten-brand .checkbox-mark {
  display: block;
  width: 12px;
  height: 10px;
  flex-shrink: 0;
  opacity: 0;
}
body.skyten-brand .checkbox-mark path {
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body.skyten-brand .checkbox-input:checked + .checkbox-box {
  background: var(--checkbox-checked-bg, var(--brand-primary));
  border-color: transparent;
  box-shadow: none;
}
body.skyten-brand .checkbox-input:checked + .checkbox-box .checkbox-mark {
  opacity: 1;
}
body.skyten-brand .checkbox.checkbox--error .checkbox-box {
  background: var(--checkbox-error-bg, var(--background-primary));
  border-color: var(--checkbox-error-border, var(--border-error, var(--color-error)));
}
body.skyten-brand .checkbox.checkbox--error:hover .checkbox-box,
body.skyten-brand .checkbox.checkbox--error.checkbox--state-hover .checkbox-box {
  background: var(--checkbox-error-bg, var(--background-primary));
  border-color: var(--checkbox-error-border, var(--border-error, var(--color-error)));
}
body.skyten-brand .checkbox-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: var(--text-primary);
}
body.skyten-brand .input {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 560px;
  margin: 0;
  height: 45px;
  padding: 10px 12px;
  font: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: var(--input-text, var(--text-primary));
  background: var(--input-background, var(--background-input));
  border: 1px solid var(--input-border, var(--border-secondary));
  border-radius: var(--radius-m);
}
body.skyten-brand .input::placeholder {
  color: var(--input-placeholder, var(--text-tertiary-muted, var(--text-tertiary)));
}
body.skyten-brand .input:hover:not(:disabled):not(.input--error):not(.input--success):not([aria-invalid=true]):not(:focus) {
  border-color: var(--input-border-hover, var(--border-primary));
}
body.skyten-brand .input.input--state-hover:not(:disabled):not(.input--error):not(.input--success):not([aria-invalid=true]) {
  border-color: var(--input-border-hover, var(--border-primary));
}
body.skyten-brand .input:focus:not(.input--error):not(.input--success):not([aria-invalid=true]), body.skyten-brand .input:focus-visible:not(.input--error):not(.input--success):not([aria-invalid=true]), body.skyten-brand .input:focus-within:not(.input--error):not(.input--success):not([aria-invalid=true]) {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--input-border-active, var(--brand-primary)) 18%, transparent);
  border-color: var(--input-border-active, var(--border-input-hover, var(--brand-primary)));
  color: var(--text-primary);
}
body.skyten-brand .input.input--state-focus:not(.input--error):not(.input--success):not([aria-invalid=true]) {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--input-border-active, var(--brand-primary)) 18%, transparent);
  border-color: var(--input-border-active, var(--border-input-hover, var(--brand-primary)));
  color: var(--input-text-active, var(--text-secondary));
}
body.skyten-brand .input.input--success {
  border-color: var(--input-border-success, var(--functional-success-default));
  color: var(--input-text, var(--text-primary));
}
body.skyten-brand .input.input--success:hover:not(:disabled), body.skyten-brand .input.input--success.input--state-hover:not(:disabled) {
  border-color: var(--input-border-success-hover, var(--input-border-success, var(--functional-success-default)));
}
body.skyten-brand .input.input--success:focus, body.skyten-brand .input.input--success:focus-visible, body.skyten-brand .input.input--success.input--state-focus {
  outline: none;
  border-color: var(--input-border-success, var(--functional-success-default));
  color: var(--input-text, var(--text-primary));
}
body.skyten-brand .input.input--error, body.skyten-brand .input[aria-invalid=true] {
  border-color: var(--input-border-error, var(--border-error, var(--color-error)));
  color: var(--input-text-error, var(--text-secondary));
}
body.skyten-brand .input.input--error:focus, body.skyten-brand .input.input--error:focus-visible, body.skyten-brand .input.input--error:focus-within, body.skyten-brand .input[aria-invalid=true]:focus, body.skyten-brand .input[aria-invalid=true]:focus-visible, body.skyten-brand .input[aria-invalid=true]:focus-within {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--input-border-error, var(--border-error, var(--color-error))) 18%, transparent);
  border-color: var(--input-border-error, var(--border-error, var(--color-error)));
}
body.skyten-brand .input:disabled, body.skyten-brand .input.input--state-disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
body.skyten-brand .input-hint {
  margin: 6px 0 0;
  padding: 0;
  max-width: 560px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--input-hint, var(--text-secondary));
}
body.skyten-brand .input-hint--success {
  color: var(--input-hint-success, var(--functional-success-default));
}
body.skyten-brand .badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
  padding: 6px 12px;
  font-size: var(--text-h8-font-size, 14px);
  font-weight: 500;
  line-height: var(--text-h8-line-height, 20px);
  border: 1px solid transparent;
  border-radius: var(--radius-m, 8px);
  white-space: nowrap;
}
body.skyten-brand .badge::before {
  content: "";
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  border-radius: var(--radius-s, 4px);
}
body.skyten-brand .badge-primary {
  background: var(--background-input);
  border-color: var(--border-primary);
  color: var(--text-primary);
}
body.skyten-brand .badge-primary::before {
  background: var(--functional-primary);
}
body.skyten-brand .badge-success {
  background: var(--functional-success-background);
  border-color: var(--functional-success-default);
  color: var(--functional-success-text);
}
body.skyten-brand .badge-success::before {
  background: var(--functional-success-text);
}
body.skyten-brand .badge-warning {
  background: var(--functional-warning-background);
  border-color: var(--functional-warning-default);
  color: var(--functional-warning-text);
}
body.skyten-brand .badge-warning::before {
  background: var(--functional-warning-text);
}
body.skyten-brand .badge-error {
  background: var(--functional-error-background);
  border-color: var(--universal-error);
  color: var(--functional-error-text);
}
body.skyten-brand .badge-error::before {
  background: var(--functional-error-text);
}
body.skyten-brand .badge-info {
  background: var(--functional-info-background);
  border-color: var(--functional-info-default);
  color: var(--functional-info-text);
}
body.skyten-brand .badge-info::before {
  background: var(--functional-info-text);
}
body.skyten-brand .badge-muted {
  background: var(--background-secondary);
  border-color: var(--border-primary);
  color: var(--text-tertiary);
}
body.skyten-brand .badge-muted::before {
  background: var(--text-tertiary);
}
body.skyten-brand .divider {
  border: none;
  border-top: 1px solid var(--border-primary);
  margin: 1rem 0;
}
body.skyten-brand .btn--pill {
  border-radius: 999px;
}
body.skyten-brand .tag {
  background: var(--background-hover);
  color: var(--text-secondary);
  border-radius: var(--radius-s, 8px);
  padding: 8px 14px;
  font-size: 13px;
}
body.skyten-brand .tag--accent {
  background: var(--functional-highlight);
  color: var(--color-foundations-white);
  font-weight: 600;
}
body.skyten-brand .tab-item:focus-visible, body.skyten-brand .btn:focus-visible, body.skyten-brand .radio-text > input:focus-visible + .radio-text-body, body.skyten-brand .toggle-input:focus-visible + .toggle-track, body.skyten-brand .radio-text--state-focus .radio-text-body, body.skyten-brand .toggle--state-focus .toggle-track, body.skyten-brand .checkbox-input:focus-visible + .checkbox-box {
  outline: 2px solid color-mix(in srgb, var(--brand-primary) 55%, transparent);
  outline-offset: 2px;
  border-radius: inherit;
}
body.skyten-brand .icon {
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  color: var(--icon-color, currentColor);
  fill: currentColor;
  stroke: currentColor;
  stroke-width: 0;
  pointer-events: none;
}
body.skyten-brand .btn {
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
body.skyten-brand .btn-primary:active:not(:disabled) {
  transform: translateY(1px);
}
button.btn-payment-option {
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  cursor: pointer;
  user-select: none;
  font-family: inherit;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 52px 16px 48px;
  gap: 20px;
  width: 224px;
  min-width: 224px;
  max-width: 224px;
  height: 56px;
  border-radius: var(--radius-m, 8px);
  border: 1px solid var(--border-primary);
  background: var(--button-background-primary);
  color: var(--text-secondary);
  box-shadow: none;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
button.btn-payment-option:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--brand-primary) 45%, transparent);
  outline-offset: 2px;
  z-index: 1;
}
button.btn-payment-option[aria-checked=true] {
  background: var(--button-background-active);
  border-color: transparent;
  color: var(--button-text-active);
  box-shadow: inset -1px -20px 10px rgba(0, 0, 0, 0.05), inset 1px 3px 6px rgba(255, 255, 255, 0.1);
}
button.btn-payment-option[aria-checked=true] .btn-payment-option-radio {
  border-color: var(--button-text-active, #ffffff);
}
button.btn-payment-option[aria-checked=true] .btn-payment-option-dot {
  background: var(--button-text-active, #ffffff);
}
body.skyten-brand .toggle:has(.toggle-input:disabled) {
  cursor: not-allowed;
}
body.skyten-brand .toggle-track {
  transition: background 0.15s ease, box-shadow 0.15s ease;
}
body.skyten-brand .toggle:hover:not(:has(.toggle-input:disabled)) .toggle-track,
body.skyten-brand .toggle--state-hover .toggle-track {
  border-color: var(--border-hover, var(--border-primary));
}
body.skyten-brand .checkbox:has(.checkbox-input:disabled) {
  cursor: not-allowed;
  opacity: 0.55;
}
body.skyten-brand .checkbox-box {
  transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
body.skyten-brand .checkbox-mark {
  transform: scale(0.88);
  transition: opacity 0.12s ease, transform 0.12s ease;
}
body.skyten-brand .checkbox:has(.checkbox-input:not(:checked):not(:disabled)):hover:not(.checkbox--error) .checkbox-box,
body.skyten-brand .checkbox.checkbox--state-hover:has(.checkbox-input:not(:checked):not(:disabled)):not(.checkbox--error) .checkbox-box {
  border-color: var(--checkbox-hover-border, var(--brand-primary));
  background: var(--checkbox-hover-bg, var(--background-primary));
}
body.skyten-brand .checkbox-input:checked + .checkbox-box .checkbox-mark {
  transform: scale(1);
}
body.skyten-brand .card {
  background: var(--background-primary);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-m);
  overflow: hidden;
}
body.skyten-brand .card-header {
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--border-primary);
  font-weight: 600;
  color: var(--text-primary);
}
body.skyten-brand .card-body {
  padding: 1.25rem;
}
body.skyten-brand .card-footer {
  padding: 0.75rem 1.25rem;
  border-top: 1px solid var(--border-primary);
}
body.skyten-brand .sidebar {
  width: 260px;
  background: var(--background-secondary);
  padding: 1rem 0;
  min-height: 100vh;
  border-right: 1px solid var(--border-secondary);
}
body.skyten-brand .sidebar-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 1.25rem;
  color: var(--text-tertiary);
  text-decoration: none;
  font-size: 0.875rem;
  transition: background 0.15s ease, color 0.15s ease;
}
body.skyten-brand .sidebar-item:hover {
  background: var(--border-secondary);
  color: var(--text-primary);
}
body.skyten-brand .sidebar-active {
  color: var(--brand-primary);
  background: color-mix(in srgb, var(--brand-primary) 25%, var(--background-primary));
  font-weight: 600;
}
body.skyten-brand .sidebar-active:hover {
  background: color-mix(in srgb, var(--brand-primary) 25%, var(--background-primary));
  color: var(--brand-primary);
}
body.skyten-brand .dialog-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
body.skyten-brand .dialog {
  background: var(--background-primary);
  border-radius: var(--radius-m);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  width: 100%;
  max-width: 540px;
  max-height: 90vh;
  overflow-y: auto;
}
body.skyten-brand .dialog-header {
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid var(--border-primary);
  font-weight: 600;
  font-size: 1.125rem;
  color: var(--text-primary);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body.skyten-brand .dialog-body {
  padding: 1.5rem;
  color: var(--text-primary);
}
body.skyten-brand .dialog-footer {
  padding: 1rem 1.5rem;
  border-top: 1px solid var(--border-primary);
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
body.skyten-brand .popup-overlay {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
  box-sizing: border-box;
}
body.skyten-brand .popup-overlay--embedded {
  position: relative;
  inset: auto;
  min-height: 260px;
  padding: 32px 16px;
  border-radius: var(--radius-m);
}
body.skyten-brand .popup-overlay--embedded-tall {
  min-height: 580px;
}
body.skyten-brand .popup-overlay--mt20 {
  margin-top: 20px;
}
body.skyten-brand .popup-overlay--embedded-mh420 {
  min-height: 420px;
}
body.skyten-brand .popup-overlay--embedded.popup-overlay--embedded-checkout {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 32px 0;
  overflow-x: hidden;
  overflow-y: visible;
}
@supports (overflow: clip) {
body.skyten-brand .popup-overlay--embedded.popup-overlay--embedded-checkout {
    overflow-x: clip;
  }
}
body.skyten-brand .popup {
  background: var(--background-secondary);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-l, 20px);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 4px 4px rgba(0, 0, 0, 0.04);
  padding: 15px;
  color: var(--text-primary);
  box-sizing: border-box;
  width: 100%;
  max-width: 528px;
  margin: 0;
}
body.skyten-brand .popup--app {
  width: min(528px, 92vw);
  max-width: min(528px, 92vw);
  max-height: 90vh;
  overflow-y: auto;
}
body.skyten-brand .popup__close-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  min-height: 20px;
  margin: 0 0 0;
  align-self: stretch;
}
body.skyten-brand .popup__close {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: var(--radius-s);
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
body.skyten-brand .popup__close:hover {
  background: color-mix(in srgb, var(--text-primary) 6%, transparent);
  color: var(--text-primary);
}
body.skyten-brand .popup__close:focus-visible {
  outline: 2px solid var(--brand-primary);
  outline-offset: 2px;
}
body.skyten-brand .popup__close svg {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}
body.skyten-brand .popup__suppress {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: var(--radius-s);
  background: transparent;
  cursor: pointer;
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: var(--text-active-secondary);
  text-align: right;
  white-space: nowrap;
}
body.skyten-brand .popup__suppress:hover {
  text-decoration: underline;
}
body.skyten-brand .popup__suppress:focus-visible {
  outline: 2px solid var(--brand-primary);
  outline-offset: 2px;
}
body.skyten-brand .popup__body {
  box-sizing: border-box;
  padding: 5px 10px 10px;
  text-align: center;
}
body.skyten-brand .popup__body > :where(h1, h2, h3, h4, h5, h6) {
  margin: 0 0 12px;
}
body.skyten-brand .popup__body > p {
  margin: 0;
}
body.skyten-brand .popup__actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding-top: 20px;
}
body.skyten-brand .popup__actions--end {
  justify-content: flex-end;
}
body.skyten-brand .popup__actions--center {
  justify-content: center;
  align-items: flex-end;
  align-self: stretch;
}
body.skyten-brand .popup__actions--center .btn {
  margin-inline: auto;
}
body.skyten-brand .form-group {
  margin-bottom: 1rem;
}
body.skyten-brand .form-label {
  display: block;
  margin-bottom: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-primary);
}
body.skyten-brand .form-input,
body.skyten-brand .form-select,
body.skyten-brand .form-textarea {
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--text-primary);
  background: var(--background-primary);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-s);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  box-sizing: border-box;
}
body.skyten-brand .form-input:focus,
body.skyten-brand .form-select:focus,
body.skyten-brand .form-textarea:focus {
  outline: none;
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-primary) 45%, transparent);
}
body.skyten-brand .form-input::placeholder,
body.skyten-brand .form-select::placeholder,
body.skyten-brand .form-textarea::placeholder {
  color: var(--text-tertiary);
}
body.skyten-brand .form-textarea {
  resize: vertical;
  min-height: 80px;
}
body.skyten-brand .form-select {
  appearance: auto;
}
body.skyten-brand .form-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: var(--text-primary);
  cursor: pointer;
}
body.skyten-brand .form-checkbox input[type=checkbox] {
  accent-color: var(--brand-primary);
  width: 1rem;
  height: 1rem;
}
body.skyten-brand .input {
  transition: border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
body.skyten-brand .pw-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
body.skyten-brand .pw-field--w230 {
  width: 230px;
}
body.skyten-brand .pw-field--w300 {
  width: 300px;
}
body.skyten-brand .pw-field__label {
  font-size: 12px;
  color: var(--text-secondary);
}
body.skyten-brand .pw-field__control {
  position: relative;
}
body.skyten-brand .pw-field__control .input {
  width: 100%;
  padding-right: 42px;
}
body.skyten-brand .pw-field__eye {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  color: var(--text-secondary);
}
body.skyten-brand .pw-field__eye-btn {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  padding: 6px;
  border: 0;
  border-radius: var(--radius-m, 6px);
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
}
body.skyten-brand .pw-field__error {
  font-size: 11px;
  color: var(--functional-error-text);
}
body.skyten-brand .alert {
  display: flex;
  align-items: center;
  gap: 12px;
  box-sizing: border-box;
  padding: 8px 16px;
  border: none;
  border-radius: var(--radius-m, 8px);
  border-left: 4px solid transparent;
  margin-bottom: 0;
  overflow: hidden;
  box-shadow: inset 0 -1px 0.25px rgba(255, 255, 255, 0.2), inset 0 1px 0.25px rgba(255, 255, 255, 0.2);
  font-size: var(--text-h8-font-size, 14px);
  font-weight: 500;
  line-height: var(--text-h8-line-height, 20px);
}
body.skyten-brand .alert + .alert {
  margin-top: 8px;
}
body.skyten-brand .alert__icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  color: currentColor;
}
body.skyten-brand .alert__icon > svg {
  display: block;
}
body.skyten-brand .alert__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
body.skyten-brand .alert__title {
  margin: 0;
  font-size: var(--text-h8-font-size, 14px);
  font-weight: 600;
  line-height: var(--text-h8-line-height, 20px);
}
body.skyten-brand .alert__desc {
  margin: 0;
  font-size: var(--text-caption-font-size, 12px);
  font-weight: 500;
  line-height: var(--text-caption-line-height, 20px);
}
body.skyten-brand .alert-success {
  background: var(--functional-success-background);
  border-left-color: var(--functional-success-default);
  color: var(--functional-success-text);
}
body.skyten-brand .alert-warning {
  background: var(--functional-warning-background);
  border-left-color: var(--functional-warning-default);
  color: var(--functional-warning-text);
}
body.skyten-brand .alert-error {
  background: var(--functional-error-background);
  border-left-color: var(--universal-error-default, var(--functional-error-default));
  color: var(--functional-error-text);
}
body.skyten-brand .alert-info {
  background: var(--functional-info-background);
  border-left-color: var(--functional-info-default);
  color: var(--functional-info-text);
}
body.skyten-brand .status-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  box-sizing: border-box;
  border-radius: var(--radius-s, 4px);
  overflow: hidden;
  box-shadow: inset -1px -20px 10px rgba(0, 0, 0, 0.05), inset 1px 3px 6px rgba(255, 255, 255, 0.1);
}
body.skyten-brand .status-icon::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  z-index: 0;
  pointer-events: none;
}
body.skyten-brand .status-icon > svg,
body.skyten-brand .status-icon .status-icon__text {
  position: relative;
  z-index: 1;
}
body.skyten-brand .status-icon > svg {
  display: block;
  flex-shrink: 0;
  color: inherit;
}
body.skyten-brand .status-icon--count {
  color: var(--color-foundations-white);
}
body.skyten-brand .status-icon--count::before {
  background: var(--functional-primary);
}
body.skyten-brand .status-icon--count .status-icon__text {
  font-size: var(--text-h8-font-size, 14px);
  font-weight: 500;
  line-height: var(--text-h8-line-height, 20px);
  text-align: center;
  color: var(--color-foundations-white);
}
body.skyten-brand .status-icon--success {
  color: var(--functional-success-text);
}
body.skyten-brand .status-icon--success::before {
  background: var(--functional-success-background);
}
body.skyten-brand .status-icon--error {
  color: var(--functional-error-text);
}
body.skyten-brand .status-icon--error::before {
  background: var(--functional-error-background);
}
body.skyten-brand .status-icon--warning {
  color: var(--functional-warning-text);
}
body.skyten-brand .status-icon--warning::before {
  background: var(--functional-warning-background);
}
body.skyten-brand .table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}
body.skyten-brand .table th, body.skyten-brand .table td {
  padding: 0.625rem 0.75rem;
  text-align: left;
  border-bottom: 1px solid var(--border-primary);
}
body.skyten-brand .table th {
  font-weight: 600;
  color: var(--text-tertiary);
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  background: var(--background-secondary);
}
body.skyten-brand .table-striped tbody tr:nth-child(even) {
  background: var(--background-secondary);
}
body.skyten-brand .table-striped-primary tbody tr:nth-child(even) {
  background: color-mix(in srgb, var(--brand-primary) 8%, var(--background-primary));
}
body.skyten-brand .table-hover tbody tr:hover td {
  background: var(--background-hover-brand);
}
body.skyten-brand .tabs {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  gap: var(--tab-menu-gap, var(--space-xs, 4px));
  padding: var(--tab-menu-padding, var(--space-xs, 4px));
  background: var(--tabs-track-background, var(--background-hover));
  border: var(--border-width-primary, 1px) solid var(--tabs-track-border-color, var(--border-secondary));
  border-radius: var(--tab-menu-radius, 10px);
  list-style: none;
}
button.tab-item {
  font: inherit;
  letter-spacing: inherit;
  appearance: none;
  -webkit-appearance: none;
}
body.skyten-brand .tab-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;
  width: auto;
  height: var(--tab-item-height, 37px);
  min-height: var(--tab-item-height, 37px);
  max-height: var(--tab-item-height, 37px);
  padding: var(--tab-item-padding-y, var(--space-sm, 8px)) var(--tab-item-padding-x, var(--space-md, 16px));
  font-size: var(--tab-item-font-size, var(--text-h8-font-size, 14px));
  font-weight: var(--tab-item-font-weight, 700);
  line-height: var(--tab-item-line-height, normal);
  color: var(--tabs-item-text, var(--text-tertiary));
  text-decoration: none;
  background: transparent;
  border: none;
  border-radius: var(--radius-m, 8px);
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
body.skyten-brand .tab-item:hover:not(.tab-active) {
  color: var(--tabs-item-text-hover, var(--text-secondary));
}
body.skyten-brand .tab-item:focus, body.skyten-brand .tab-item:focus-visible, body.skyten-brand .tab-item:focus-within {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-primary) 18%, transparent);
}
body.skyten-brand .tab-active {
  background: var(--tabs-item-background-active, var(--button-background-active));
  color: var(--tabs-item-text-active, var(--button-text-active));
  box-shadow: var(--tabs-item-shadow-active, var(--shadow-inset-well));
  outline: none;
}
body.skyten-brand .tab-active:focus, body.skyten-brand .tab-active:focus-visible {
  outline: none;
  box-shadow: var(--tabs-item-shadow-active, var(--shadow-inset-well));
}
body.skyten-brand .code {
  font-family: var(--font-mono);
  font-size: 0.85em;
  padding: 0.15em 0.4em;
  background: var(--background-secondary);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-s);
  color: var(--brand-secondary);
}
body.skyten-brand .code-block {
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-l);
  background: var(--background-secondary);
  overflow: hidden;
}
body.skyten-brand .code-block__title {
  display: flex;
  align-items: center;
  gap: 0.5em;
  padding: 0.5rem 0.875rem;
  border-bottom: 1px solid var(--border-secondary);
  font-family: var(--font-mono);
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-tertiary);
  user-select: none;
  list-style: none;
  cursor: pointer;
}
body.skyten-brand .code-block__title::-webkit-details-marker {
  display: none;
}
body.skyten-brand .code-block__title::before {
  content: "</>";
  color: var(--text-secondary);
  font-weight: 700;
}
body.skyten-brand .code-block__body {
  margin: 0;
  padding: 1rem 1.25rem;
  overflow-x: auto;
  font-family: var(--font-mono);
  font-size: 0.85rem;
  line-height: 1.6;
  color: var(--text-primary);
  white-space: pre;
}
body.skyten-brand .code-block__body code {
  font: inherit;
}
body.skyten-brand .quote,
body.skyten-brand .blockquote {
  padding: 0.75rem 1.25rem;
  margin: 1rem 0;
  border-left: 4px solid var(--brand-primary);
  color: var(--text-tertiary);
  font-style: italic;
  font-size: 0.95rem;
  line-height: 1.6;
}
body.skyten-brand .avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  background: color-mix(in srgb, var(--brand-primary) 50%, var(--background-primary));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--brand-primary);
  font-weight: 600;
  font-size: 0.875rem;
}
body.skyten-brand .avatar-sm {
  width: 28px;
  height: 28px;
  font-size: 0.7rem;
}
body.skyten-brand .avatar-lg {
  width: 56px;
  height: 56px;
  font-size: 1.125rem;
}
body.skyten-brand .avatar--solid {
  background: var(--brand-primary);
  color: var(--color-foundations-white);
}
body.skyten-brand .dropdown {
  position: relative;
  display: inline-block;
}
body.skyten-brand .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  min-width: 180px;
  padding: 0.375rem 0;
  background: var(--background-primary);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-m);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  display: none;
}
body.skyten-brand .dropdown.open .dropdown-menu {
  display: block;
}
body.skyten-brand .dropdown-item {
  display: block;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  color: var(--text-primary);
  text-decoration: none;
  transition: background 0.1s ease;
}
body.skyten-brand .dropdown-item:hover {
  background: var(--background-secondary);
}
body.skyten-brand .select {
  position: relative;
  width: 100%;
  max-width: 560px;
}
body.skyten-brand .select__trigger {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  height: 45px;
  margin: 0;
  padding: 10px 12px;
  font: inherit;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  color: var(--input-text, var(--text-primary));
  background: var(--input-background, var(--background-input));
  border: 1px solid var(--input-border, var(--border-secondary));
  border-radius: var(--radius-m);
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
body.skyten-brand .select__trigger:hover:not(:disabled) {
  border-color: var(--input-border-hover, var(--border-primary));
}
body.skyten-brand .select__trigger:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
body.skyten-brand .select__trigger:focus-visible,
body.skyten-brand .select--open .select__trigger {
  outline: none;
  border-color: var(--input-border-active, var(--brand-primary));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--input-border-active, var(--brand-primary)) 18%, transparent);
}
body.skyten-brand .select__value {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.skyten-brand .select__value--placeholder {
  color: var(--input-placeholder, var(--text-tertiary-muted, var(--text-tertiary)));
}
body.skyten-brand .select__chevron {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: var(--text-secondary);
}
body.skyten-brand .select__chevron svg {
  display: block;
  width: 20px;
  height: 20px;
  transition: transform 0.15s ease;
}
body.skyten-brand .select--open .select__chevron svg {
  transform: rotate(180deg);
}
body.skyten-brand .select__list {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 50;
  margin: 0;
  padding: 4px;
  list-style: none;
  max-height: 280px;
  overflow-y: auto;
  background: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-m);
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12);
  display: none;
}
body.skyten-brand .select--open .select__list {
  display: block;
}
body.skyten-brand .select__list > li {
  margin: 0;
  padding: 0;
}
body.skyten-brand .select__option {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 9px 10px;
  border: 0;
  border-radius: var(--radius-s, 7px);
  background: transparent;
  color: var(--text-secondary);
  font: inherit;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  cursor: pointer;
  transition: background 0.12s ease, color 0.12s ease;
}
body.skyten-brand .select__option:hover {
  background: var(--background-hover);
  color: var(--text-primary);
}
body.skyten-brand .select__option:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--brand-primary) 55%, transparent);
  outline-offset: -2px;
}
body.skyten-brand .select__option-label {
  flex: 1 1 auto;
  min-width: 0;
}
body.skyten-brand .select__option-check {
  flex-shrink: 0;
  display: none;
  width: 18px;
  height: 18px;
  color: var(--brand-primary);
}
body.skyten-brand .select__option-check svg {
  display: block;
  width: 18px;
  height: 18px;
}
body.skyten-brand .select__option--current {
  color: var(--text-primary);
  font-weight: 500;
}
body.skyten-brand .select__option--current .select__option-check {
  display: inline-flex;
}
body.skyten-brand .copy-field {
  display: flex;
  align-items: stretch;
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-m, 8px);
  overflow: hidden;
  background: var(--background-input);
}
body.skyten-brand .copy-field__input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  background: transparent;
  padding: 9px 12px;
  color: var(--text-primary);
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 13px;
}
body.skyten-brand .copy-field__input:focus {
  outline: none;
}
body.skyten-brand .copy-field__btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 0;
  border-left: 1px solid var(--border-primary);
  background: var(--background-hover);
  color: var(--brand-primary);
  padding: 0 14px;
  cursor: pointer;
  transition: background 0.12s ease, transform 0.08s ease, color 0.12s ease;
}
body.skyten-brand .copy-field__btn:hover {
  background: color-mix(in srgb, var(--brand-primary) 12%, var(--background-hover));
}
body.skyten-brand .copy-field__btn:active {
  transform: translateY(1px);
  background: color-mix(in srgb, var(--brand-primary) 18%, var(--background-hover));
}
body.skyten-brand .copy-field__btn:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--brand-primary) 45%, transparent);
}
body.skyten-brand .copy-field__btn.copy-field__btn--copied {
  color: var(--functional-success-default);
}
body.skyten-brand .copy-field__btn svg {
  display: block;
  width: 16px;
  height: 16px;
}
body.skyten-brand .flag-circle {
  display: inline-flex;
  flex: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--text-primary) 10%, transparent);
  vertical-align: middle;
}
body.skyten-brand .flag-circle svg {
  display: block;
  width: 100%;
  height: 100%;
}
body.skyten-brand .flag-circle--lg {
  width: 30px;
  height: 30px;
}
body.skyten-brand .flag-circle--xs {
  width: 15px;
  height: 15px;
  vertical-align: -3px;
}
body.skyten-brand .lang-option {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  margin: 0;
  border: 0;
  background: transparent;
  padding: 12px 18px;
  font: inherit;
  font-size: 15px;
  color: var(--text-primary);
  text-align: left;
  cursor: pointer;
  transition: background 0.12s ease, color 0.12s ease;
}
body.skyten-brand .lang-option:hover {
  background: var(--background-hover);
}
body.skyten-brand .social-icons {
  display: flex;
  gap: 7px;
}
body.skyten-brand .social-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--functional-primary);
  color: var(--color-foundations-white);
  cursor: pointer;
  text-decoration: none;
  transition: opacity 0.12s ease, transform 0.08s ease;
}
body.skyten-brand .social-icon:hover {
  opacity: 0.85;
}
body.skyten-brand .social-icon:active {
  transform: translateY(1px);
}
body.skyten-brand .social-icon svg {
  display: block;
  width: 15px;
  height: 15px;
}
body.skyten-brand .breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  flex-wrap: wrap;
}
body.skyten-brand .breadcrumb__link {
  border: 0;
  background: transparent;
  padding: 0;
  font: inherit;
  font-size: 13px;
  color: var(--functional-primary);
  cursor: pointer;
  border-radius: 3px;
}
body.skyten-brand .breadcrumb__link:hover {
  text-decoration: underline;
}
body.skyten-brand .breadcrumb__link:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--brand-primary) 55%, transparent);
  outline-offset: 2px;
}
body.skyten-brand .breadcrumb__link--current {
  color: var(--text-primary);
  font-weight: 600;
  cursor: default;
  text-decoration: none;
  pointer-events: none;
}
body.skyten-brand .breadcrumb__sep {
  color: var(--text-secondary);
  opacity: 0.5;
}
body.skyten-brand .ui-icon {
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: -0.125em;
  flex: none;
}
body.skyten-brand .login-card {
  width: 300px;
}
body.skyten-brand .login-card__card,
body.skyten-brand .auth-card {
  background: var(--card-bg, var(--background-secondary));
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-l, 14px);
  box-shadow: var(--shadow-primary);
  padding: 20px;
  box-sizing: border-box;
}
body.skyten-brand .login-card__card {
  border-radius: var(--radius-xl, 18px);
  padding: 22px;
}
body.skyten-brand .login-card__logo {
  display: flex;
  align-items: center;
  min-height: 34px;
  margin-bottom: 14px;
}
body.skyten-brand .login-card__title {
  margin: 0 0 2px;
  font-size: 20px;
  color: var(--text-primary);
}
body.skyten-brand .login-card__subtitle {
  margin: 0 0 2px;
  font-size: 12px;
  color: var(--text-secondary);
}
body.skyten-brand .login-card__field {
  margin-top: 12px;
}
body.skyten-brand .login-card__error {
  margin: 5px 0 0;
  font-size: 11px;
  line-height: 1.4;
  color: var(--functional-error-text);
}
body.skyten-brand .login-card__label {
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
}
body.skyten-brand .login-card .input {
  width: 100%;
}
body.skyten-brand .login-card__meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  font-size: 12px;
}
body.skyten-brand .login-card__keep.checkbox {
  font-size: 12px;
  gap: 8px;
  color: var(--text-primary);
}
body.skyten-brand .login-card__link {
  color: var(--functional-primary);
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
}
body.skyten-brand .login-card__link:hover {
  text-decoration: underline;
}
body.skyten-brand .login-card__submit.btn {
  width: 100%;
  margin-top: 14px;
}
body.skyten-brand .login-card__legal {
  margin: 12px 0 0;
  font-size: 10px;
  text-align: center;
  color: var(--text-secondary);
}
body.skyten-brand .login-card__caption {
  margin-top: 10px;
  font-size: 12px;
  text-align: center;
  color: var(--text-secondary);
}
body.skyten-brand .login-card--register {
  width: 340px;
}
body.skyten-brand .login-card__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
body.skyten-brand .login-card__row .login-card__field {
  margin-top: 12px;
}
body.skyten-brand .login-card__agree.checkbox {
  margin-top: 14px;
  gap: 8px;
  font-size: 12px;
  color: var(--text-primary);
}
body.skyten-brand .login-card__agree .login-card__link {
  font-weight: 600;
}
body.skyten-brand .login-card__center {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 4px;
  padding: 8px 0;
}
body.skyten-brand .login-card__success-icon {
  display: inline-flex;
  margin-bottom: 6px;
  color: var(--functional-success-default);
}
body.skyten-brand .login-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: flex-start;
}
body.skyten-brand .login-gallery--static {
  pointer-events: none;
}
body.skyten-brand .login-demo {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid var(--border-secondary);
}
body.skyten-brand .login-demo__label {
  margin-bottom: 12px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  opacity: 0.6;
}
body.skyten-brand .lang-option[aria-selected=true] {
  background: var(--background-hover);
  color: var(--text-secondary);
}
body.skyten-brand .oep {
  box-sizing: border-box;
  width: 280px;
  background: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: 14px;
  box-shadow: var(--shadow-primary);
  overflow: hidden;
}
body.skyten-brand .oep__side {
  display: flex;
  gap: 8px;
  padding: 10px;
}
body.skyten-brand .oep__side-btn {
  flex: 1;
  padding: 10px;
  border: 0;
  border-radius: var(--radius-m, 9px);
  background: var(--background-input);
  color: var(--text-secondary);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.12s ease, color 0.12s ease;
}
body.skyten-brand .oep__side-btn--long.is-active {
  background: var(--universal-positive-signal);
  color: var(--color-foundations-white);
}
body.skyten-brand .oep__side-btn--short.is-active {
  background: var(--universal-negative-signal);
  color: var(--color-foundations-white);
}
body.skyten-brand .oep__seg {
  display: flex;
  gap: 6px;
}
body.skyten-brand .oep__pad {
  padding: 0 10px 10px;
}
body.skyten-brand .oep__pad-b {
  padding: 0 12px 12px;
}
body.skyten-brand .oep__seg--mb12 {
  margin-bottom: 12px;
}
body.skyten-brand .oep__volume--mb12 {
  margin-bottom: 12px;
}
body.skyten-brand .oep__advanced {
  display: none;
}
body.skyten-brand .oep__seg-btn {
  flex: 1;
  padding: 7px;
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-m, 8px);
  background: var(--background-secondary);
  color: var(--text-secondary);
  font: inherit;
  font-size: 12px;
  cursor: pointer;
  transition: border-color 0.12s ease, color 0.12s ease, background 0.12s ease;
}
body.skyten-brand .oep__seg-btn:hover:not(.is-active) {
  border-color: var(--input-border-hover, var(--border-primary));
  color: var(--text-primary);
}
body.skyten-brand .oep__seg-btn.is-active {
  border-color: var(--brand-primary);
  color: var(--brand-primary);
  background: color-mix(in srgb, var(--brand-primary) 8%, transparent);
  font-weight: 600;
}
body.skyten-brand .oep__label {
  font-size: 12px;
  color: var(--text-secondary);
  margin-bottom: 5px;
}
body.skyten-brand .oep__volume {
  border: 1px solid var(--border-primary);
  border-radius: 8px;
  padding: 10px 12px;
  font-family: var(--font-mono, monospace);
  color: var(--text-primary);
}
body.skyten-brand .oep__submit {
  width: 100%;
  padding: 13px;
  border: 0;
  border-radius: 10px;
  color: var(--color-foundations-white);
  font: inherit;
  font-weight: 700;
  font-size: 15px;
  cursor: pointer;
  transition: background 0.12s ease;
}
body.skyten-brand .oep__submit--long {
  background: var(--universal-positive-signal);
}
body.skyten-brand .oep__submit--short {
  background: var(--universal-negative-signal);
}
body.skyten-brand .switch {
  flex: none;
  position: relative;
  width: 38px;
  height: 22px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: var(--border-primary);
  cursor: pointer;
  transition: background 0.15s ease;
}
body.skyten-brand .switch::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  transition: transform 0.15s ease;
}
body.skyten-brand .switch[aria-checked=true] {
  background: var(--brand-primary);
}
body.skyten-brand .switch[aria-checked=true]::after {
  transform: translateX(16px);
}
body.skyten-brand .switch:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--brand-primary) 55%, transparent);
  outline-offset: 2px;
}
body.skyten-brand .page-expander {
  --page-expander-bg: var(--background-secondary);
  --page-expander-icon: var(--text-primary);
  --page-expander-border: var(--border-secondary);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 0.5px solid var(--page-expander-border);
  border-radius: var(--radius-m);
  background: var(--page-expander-bg);
  color: var(--page-expander-icon);
  font: inherit;
  line-height: 0;
  cursor: pointer;
  user-select: none;
  flex-shrink: 0;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
body.skyten-brand .page-expander:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--brand-primary) 55%, transparent);
  outline-offset: 2px;
}
body.skyten-brand .page-expander[aria-expanded=false] .page-expander__chevron {
  transform: translateY(-1px) rotate(45deg);
}
body.skyten-brand .page-expander[aria-expanded=true] .page-expander__chevron {
  transform: translateY(1px) rotate(-135deg);
}
body.skyten-brand .page-expander__chevron {
  display: block;
  width: 7px;
  height: 7px;
  box-sizing: border-box;
  border-style: solid;
  border-width: 0 1.5px 1.5px 0;
  border-color: currentColor;
  transform-origin: 50% 50%;
  transition: transform 0.15s ease;
}
body.skyten-brand .tooltip {
  position: relative;
}
body.skyten-brand .tooltip::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  padding: 0.375rem 0.625rem;
  font-size: 0.75rem;
  white-space: nowrap;
  background: var(--text-primary);
  color: var(--background-primary);
  border-radius: var(--radius-s);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.15s ease;
}
body.skyten-brand .tooltip:hover::after {
  opacity: 1;
}
body.skyten-brand .progress-stack {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}
body.skyten-brand .progress-item {
  display: flex;
  flex-direction: column;
  gap: 3.5px;
  align-items: flex-start;
  width: 100%;
}
body.skyten-brand .progress {
  width: 100%;
  height: 5px;
  background: var(--border-secondary);
  border-radius: 3px;
  overflow: hidden;
}
body.skyten-brand .progress-bar {
  height: 100%;
  min-width: 0;
  border-radius: 3px;
  background: var(--functional-primary);
  transition: width 0.3s ease;
}
body.skyten-brand .progress-bar--success {
  background: var(--functional-success-default);
}
body.skyten-brand .progress-bar--warning {
  background: var(--functional-warning-default);
}
body.skyten-brand .progress-bar--error {
  background: var(--functional-error-default);
}
body.skyten-brand .progress-bar--info {
  background: var(--functional-info-default);
}
body.skyten-brand .progress-item__label {
  font-size: 9px;
  font-weight: 500;
  line-height: 13.5px;
  color: var(--text-tertiary);
  white-space: nowrap;
}
body.skyten-brand .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
  box-sizing: border-box;
}
body.skyten-brand .row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.5rem;
}
body.skyten-brand .col {
  flex: 1;
  padding: 0 0.5rem;
}
body.skyten-brand .col-1 {
  flex: 0 0 calc(1 / 12 * 100%);
  max-width: calc(1 / 12 * 100%);
  padding: 0 0.5rem;
  box-sizing: border-box;
}
body.skyten-brand .col-2 {
  flex: 0 0 calc(2 / 12 * 100%);
  max-width: calc(2 / 12 * 100%);
  padding: 0 0.5rem;
  box-sizing: border-box;
}
body.skyten-brand .col-3 {
  flex: 0 0 calc(3 / 12 * 100%);
  max-width: calc(3 / 12 * 100%);
  padding: 0 0.5rem;
  box-sizing: border-box;
}
body.skyten-brand .col-4 {
  flex: 0 0 calc(4 / 12 * 100%);
  max-width: calc(4 / 12 * 100%);
  padding: 0 0.5rem;
  box-sizing: border-box;
}
body.skyten-brand .col-5 {
  flex: 0 0 calc(5 / 12 * 100%);
  max-width: calc(5 / 12 * 100%);
  padding: 0 0.5rem;
  box-sizing: border-box;
}
body.skyten-brand .col-6 {
  flex: 0 0 calc(6 / 12 * 100%);
  max-width: calc(6 / 12 * 100%);
  padding: 0 0.5rem;
  box-sizing: border-box;
}
body.skyten-brand .col-7 {
  flex: 0 0 calc(7 / 12 * 100%);
  max-width: calc(7 / 12 * 100%);
  padding: 0 0.5rem;
  box-sizing: border-box;
}
body.skyten-brand .col-8 {
  flex: 0 0 calc(8 / 12 * 100%);
  max-width: calc(8 / 12 * 100%);
  padding: 0 0.5rem;
  box-sizing: border-box;
}
body.skyten-brand .col-9 {
  flex: 0 0 calc(9 / 12 * 100%);
  max-width: calc(9 / 12 * 100%);
  padding: 0 0.5rem;
  box-sizing: border-box;
}
body.skyten-brand .col-10 {
  flex: 0 0 calc(10 / 12 * 100%);
  max-width: calc(10 / 12 * 100%);
  padding: 0 0.5rem;
  box-sizing: border-box;
}
body.skyten-brand .col-11 {
  flex: 0 0 calc(11 / 12 * 100%);
  max-width: calc(11 / 12 * 100%);
  padding: 0 0.5rem;
  box-sizing: border-box;
}
body.skyten-brand .col-12 {
  flex: 0 0 calc(12 / 12 * 100%);
  max-width: calc(12 / 12 * 100%);
  padding: 0 0.5rem;
  box-sizing: border-box;
}
body.skyten-brand .d-none {
  display: none !important;
}
body.skyten-brand .d-block {
  display: block !important;
}
body.skyten-brand .d-flex {
  display: flex !important;
}
body.skyten-brand .d-grid {
  display: grid !important;
}
body.skyten-brand .flex-row {
  flex-direction: row;
}
body.skyten-brand .flex-col {
  flex-direction: column;
}
body.skyten-brand .flex-wrap {
  flex-wrap: wrap;
}
body.skyten-brand .items-center {
  align-items: center;
}
body.skyten-brand .items-start {
  align-items: flex-start;
}
body.skyten-brand .items-end {
  align-items: flex-end;
}
body.skyten-brand .justify-center {
  justify-content: center;
}
body.skyten-brand .justify-between {
  justify-content: space-between;
}
body.skyten-brand .justify-end {
  justify-content: flex-end;
}
body.skyten-brand .gap-1 {
  gap: 0.25rem;
}
body.skyten-brand .gap-2 {
  gap: 0.5rem;
}
body.skyten-brand .gap-3 {
  gap: 1rem;
}
body.skyten-brand .gap-4 {
  gap: 1.5rem;
}
body.skyten-brand .gap-5 {
  gap: 2rem;
}
body.skyten-brand .m-0 {
  margin: 0 !important;
}
body.skyten-brand .mt-0 {
  margin-top: 0 !important;
}
body.skyten-brand .mr-0 {
  margin-right: 0 !important;
}
body.skyten-brand .mb-0 {
  margin-bottom: 0 !important;
}
body.skyten-brand .ml-0 {
  margin-left: 0 !important;
}
body.skyten-brand .mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body.skyten-brand .my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
body.skyten-brand .p-0 {
  padding: 0 !important;
}
body.skyten-brand .pt-0 {
  padding-top: 0 !important;
}
body.skyten-brand .pr-0 {
  padding-right: 0 !important;
}
body.skyten-brand .pb-0 {
  padding-bottom: 0 !important;
}
body.skyten-brand .pl-0 {
  padding-left: 0 !important;
}
body.skyten-brand .px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.skyten-brand .py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
body.skyten-brand .m-1 {
  margin: 0.25rem !important;
}
body.skyten-brand .mt-1 {
  margin-top: 0.25rem !important;
}
body.skyten-brand .mr-1 {
  margin-right: 0.25rem !important;
}
body.skyten-brand .mb-1 {
  margin-bottom: 0.25rem !important;
}
body.skyten-brand .ml-1 {
  margin-left: 0.25rem !important;
}
body.skyten-brand .mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
body.skyten-brand .my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
body.skyten-brand .p-1 {
  padding: 0.25rem !important;
}
body.skyten-brand .pt-1 {
  padding-top: 0.25rem !important;
}
body.skyten-brand .pr-1 {
  padding-right: 0.25rem !important;
}
body.skyten-brand .pb-1 {
  padding-bottom: 0.25rem !important;
}
body.skyten-brand .pl-1 {
  padding-left: 0.25rem !important;
}
body.skyten-brand .px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
body.skyten-brand .py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
body.skyten-brand .m-2 {
  margin: 0.5rem !important;
}
body.skyten-brand .mt-2 {
  margin-top: 0.5rem !important;
}
body.skyten-brand .mr-2 {
  margin-right: 0.5rem !important;
}
body.skyten-brand .mb-2 {
  margin-bottom: 0.5rem !important;
}
body.skyten-brand .ml-2 {
  margin-left: 0.5rem !important;
}
body.skyten-brand .mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
body.skyten-brand .my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
body.skyten-brand .p-2 {
  padding: 0.5rem !important;
}
body.skyten-brand .pt-2 {
  padding-top: 0.5rem !important;
}
body.skyten-brand .pr-2 {
  padding-right: 0.5rem !important;
}
body.skyten-brand .pb-2 {
  padding-bottom: 0.5rem !important;
}
body.skyten-brand .pl-2 {
  padding-left: 0.5rem !important;
}
body.skyten-brand .px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
body.skyten-brand .py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
body.skyten-brand .m-3 {
  margin: 1rem !important;
}
body.skyten-brand .mt-3 {
  margin-top: 1rem !important;
}
body.skyten-brand .mr-3 {
  margin-right: 1rem !important;
}
body.skyten-brand .mb-3 {
  margin-bottom: 1rem !important;
}
body.skyten-brand .ml-3 {
  margin-left: 1rem !important;
}
body.skyten-brand .mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
body.skyten-brand .my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
body.skyten-brand .p-3 {
  padding: 1rem !important;
}
body.skyten-brand .pt-3 {
  padding-top: 1rem !important;
}
body.skyten-brand .pr-3 {
  padding-right: 1rem !important;
}
body.skyten-brand .pb-3 {
  padding-bottom: 1rem !important;
}
body.skyten-brand .pl-3 {
  padding-left: 1rem !important;
}
body.skyten-brand .px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
body.skyten-brand .py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
body.skyten-brand .m-4 {
  margin: 1.5rem !important;
}
body.skyten-brand .mt-4 {
  margin-top: 1.5rem !important;
}
body.skyten-brand .mr-4 {
  margin-right: 1.5rem !important;
}
body.skyten-brand .mb-4 {
  margin-bottom: 1.5rem !important;
}
body.skyten-brand .ml-4 {
  margin-left: 1.5rem !important;
}
body.skyten-brand .mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
body.skyten-brand .my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
body.skyten-brand .p-4 {
  padding: 1.5rem !important;
}
body.skyten-brand .pt-4 {
  padding-top: 1.5rem !important;
}
body.skyten-brand .pr-4 {
  padding-right: 1.5rem !important;
}
body.skyten-brand .pb-4 {
  padding-bottom: 1.5rem !important;
}
body.skyten-brand .pl-4 {
  padding-left: 1.5rem !important;
}
body.skyten-brand .px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
body.skyten-brand .py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
body.skyten-brand .m-5 {
  margin: 2rem !important;
}
body.skyten-brand .mt-5 {
  margin-top: 2rem !important;
}
body.skyten-brand .mr-5 {
  margin-right: 2rem !important;
}
body.skyten-brand .mb-5 {
  margin-bottom: 2rem !important;
}
body.skyten-brand .ml-5 {
  margin-left: 2rem !important;
}
body.skyten-brand .mx-5 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}
body.skyten-brand .my-5 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
body.skyten-brand .p-5 {
  padding: 2rem !important;
}
body.skyten-brand .pt-5 {
  padding-top: 2rem !important;
}
body.skyten-brand .pr-5 {
  padding-right: 2rem !important;
}
body.skyten-brand .pb-5 {
  padding-bottom: 2rem !important;
}
body.skyten-brand .pl-5 {
  padding-left: 2rem !important;
}
body.skyten-brand .px-5 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
body.skyten-brand .py-5 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
body.skyten-brand .stack {
  display: flex;
  flex-direction: column;
  gap: var(--stack-gap, var(--space-md));
}
body.skyten-brand .card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--card-min, 280px), 1fr));
  gap: var(--card-grid-gap, var(--space-md));
}
body.skyten-brand .app-shell {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body.skyten-brand .app-shell__topbar {
  width: 100%;
  min-height: var(--topbar-height, 66px);
}
body.skyten-brand .app-shell__inner {
  width: 100%;
  max-width: var(--container-max, 1280px);
  margin: 0 auto;
  padding: 0 var(--page-margin-x, var(--space-lg));
  box-sizing: border-box;
}
body.skyten-brand .app-shell__body {
  display: flex;
  align-items: flex-start;
}
body.skyten-brand .app-shell__rail {
  flex: 0 0 var(--nav-rail-width, 74px);
  width: var(--nav-rail-width, 74px);
}
body.skyten-brand .app-shell__main {
  flex: 1 1 auto;
  min-width: 0;
}
body.skyten-brand .app-shell__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--page-grid-gap, 18px);
  align-items: start;
}
body.skyten-brand .app-shell__grid--single {
  grid-template-columns: 1fr;
  max-width: 640px;
  margin: 0 auto;
}
body.skyten-brand .app-shell__grid--rows {
  grid-auto-rows: var(--page-grid-row, 30px);
}
body.skyten-brand .app-shell__col-2 {
  grid-column: span 2;
}
@media (max-width: 900px) {
body.skyten-brand .app-shell__grid {
    grid-template-columns: 1fr;
  }
body.skyten-brand .app-shell__col-2 {
    grid-column: auto;
  }
}
body.skyten-brand .crm-topbar {
  height: 64px;
  flex: 0 0 64px;
  display: flex;
  align-items: center;
  background: var(--crm-topbar-bg, var(--background-secondary));
  color: var(--crm-topbar-fg, var(--text-primary));
  border-bottom: 1px solid var(--crm-topbar-border, var(--crm-topbar-bg, var(--background-secondary)));
}
body.skyten-brand .crm-topbar__inner {
  width: 100%;
  max-width: var(--container-max, 1280px);
  margin: 0 auto;
  padding: 0 var(--page-margin-x, var(--space-lg));
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body.skyten-brand .crm-topbar__brand {
  display: flex;
  align-items: center;
  color: var(--text-primary);
  font-weight: 800;
}
body.skyten-brand .crm-topbar__brand img, body.skyten-brand .crm-topbar__brand svg {
  max-height: 28px;
  width: auto;
}
body.skyten-brand .crm-topbar__user {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  font-size: 13px;
  color: var(--text-primary);
}
body.skyten-brand .crm-topbar__lang {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  overflow: hidden;
}
body.skyten-brand .crm-topbar__lang:hover {
  background: var(--background-hover);
}
body.skyten-brand .crm-topbar__lang .flag-circle, body.skyten-brand .crm-topbar__lang img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
body.skyten-brand .crm-topbar__lang button {
  all: unset;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
body.skyten-brand .crm-topbar__profile {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
body.skyten-brand .crm-topbar__name {
  color: var(--text-primary);
}
body.skyten-brand .crm-topbar__search {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 38px;
  padding: 0 14px;
  background: var(--background-input);
  border: 1px solid var(--input-border, var(--border-secondary));
  border-radius: var(--radius-pill, 30px);
  min-width: 0;
  max-width: 320px;
  flex: 0 1 auto;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
body.skyten-brand .crm-topbar__search:focus-within {
  border-color: var(--input-border-active, var(--brand-primary));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--input-border-active, var(--brand-primary)) 18%, transparent);
}
body.skyten-brand .crm-topbar__search-icon {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  color: var(--text-secondary);
}
body.skyten-brand .crm-topbar__search-input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font: inherit;
  font-size: 14px;
  color: var(--text-primary);
  padding: 0;
}
body.skyten-brand .crm-topbar__search-input::placeholder {
  color: var(--input-placeholder, var(--text-tertiary));
}
body.skyten-brand .crm-topbar__search-clear {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: var(--text-secondary);
}
body.skyten-brand .top-navbar {
  height: 64px;
  display: flex;
  align-items: center;
  background: var(--crm-topbar-bg, var(--background-secondary));
  color: var(--crm-topbar-fg, var(--text-primary));
  border-bottom: 1px solid var(--crm-topbar-border, var(--crm-topbar-bg, var(--background-secondary)));
}
body.skyten-brand .top-navbar__inner {
  width: 100%;
  max-width: var(--container-max, 1280px);
  margin: 0 auto;
  padding: 0 var(--page-margin-x, var(--space-lg));
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: var(--space-lg);
}
body.skyten-brand .top-navbar__brand {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: var(--text-primary);
  font-weight: 800;
}
body.skyten-brand .top-navbar__brand img, body.skyten-brand .top-navbar__brand svg {
  max-height: 28px;
  width: auto;
}
body.skyten-brand .top-navbar__menu {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
body.skyten-brand .top-navbar__item {
  padding: var(--space-sm) var(--space-md);
  border-radius: var(--radius-m);
  color: var(--text-secondary);
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
body.skyten-brand .top-navbar__item:hover {
  background: var(--button-background-hover);
  color: var(--text-primary);
}
body.skyten-brand .top-navbar__item.active, body.skyten-brand .top-navbar__item[aria-current=page] {
  background: var(--button-background-active);
  color: var(--button-text-active);
}
body.skyten-brand .top-navbar__spacer {
  flex: 1 1 auto;
}
body.skyten-brand .top-navbar__right {
  display: inline-flex;
  align-items: center;
  gap: var(--space-md);
}
body.skyten-brand .top-navbar__picker {
  all: unset;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  color: var(--text-primary);
  cursor: pointer;
}
body.skyten-brand .top-navbar__bell {
  all: unset;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--crm-topbar-fg, var(--text-primary));
  cursor: pointer;
}
body.skyten-brand .top-navbar__bell svg {
  width: 22px;
  height: 22px;
}
body.skyten-brand .top-navbar__badge {
  position: absolute;
  top: 0;
  right: 1px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--top-navbar-badge, var(--functional-error-default));
}
body.skyten-brand .top-navbar__profile {
  all: unset;
  display: inline-flex;
  align-items: center;
  gap: var(--space-sm);
  cursor: pointer;
}
body.skyten-brand .top-navbar__avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--top-navbar-avatar-bg, var(--button-background-active));
  color: var(--top-navbar-avatar-fg, var(--color-foundations-white));
  font-weight: 700;
  font-size: 13px;
}
body.skyten-brand .top-navbar__avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
body.skyten-brand .top-navbar__name {
  color: var(--text-primary);
  font-weight: 600;
}
body.skyten-brand .crm-rail {
  width: var(--nav-rail-width, 74px);
  flex: 0 0 var(--nav-rail-width, 74px);
  background: transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding: 24px 0;
  align-self: stretch;
  min-height: 100%;
}
body.skyten-brand .crm-nav {
  width: 48px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  border: 0;
  padding: 0;
  color: var(--text-secondary);
  background: transparent;
  cursor: pointer;
  transition: background 0.12s ease, color 0.12s ease;
}
body.skyten-brand .crm-nav svg, body.skyten-brand .crm-nav img {
  width: 24px;
  height: 24px;
}
body.skyten-brand .crm-nav:hover:not(.crm-nav-on) {
  background: var(--button-background-active-hover, var(--button-background-active));
  color: var(--button-text-active-hover, var(--button-text-active));
}
body.skyten-brand .crm-nav-on {
  background: var(--button-background-active);
  color: var(--button-text-active);
}
body.skyten-brand .crm-nav--logout {
  margin-top: 0;
}
body.skyten-brand .crm-card {
  background: var(--card-bg, var(--background-secondary));
  border: 1px solid var(--border-secondary);
  border-radius: 16px;
  box-shadow: var(--shadow-primary);
  overflow: hidden;
}
body.skyten-brand .crm-card-h {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 22px;
  border-bottom: 1px solid var(--border-secondary);
  font-weight: 600;
  color: var(--text-primary);
}
body.skyten-brand .crm-card-b {
  padding: 22px;
}
body.skyten-brand .crm-card--center {
  max-width: 640px;
  margin: 0 auto;
}
body.skyten-brand .crm-card-b--placeholder {
  padding: 48px;
  text-align: center;
  color: var(--text-secondary);
}
body.skyten-brand .crm-label {
  display: block;
  font-size: 12px;
  color: var(--text-secondary);
  margin: 0 0 4px;
}
body.skyten-brand .crm-reflink {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border-secondary);
}
body.skyten-brand .crm-reflink__copy {
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: 50%;
  background: var(--background-hover);
  color: var(--text-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
body.skyten-brand .crm-reflink__text {
  font-size: 14px;
  min-width: 0;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.skyten-brand .crm-reflink__label {
  font-weight: 700;
  color: var(--text-primary);
  margin-right: 6px;
}
body.skyten-brand .crm-reflink__url {
  color: var(--text-secondary);
}
body.skyten-brand .crm-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-bottom: 16px;
}
body.skyten-brand .crm-form-salut {
  display: flex;
  gap: 22px;
  align-items: center;
  margin-bottom: 14px;
}
body.skyten-brand .crm-form-full {
  margin-bottom: 16px;
}
body.skyten-brand .crm-form-lastrow {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  align-items: end;
  margin-bottom: 6px;
}
body.skyten-brand .crm-send {
  height: 44px;
  white-space: nowrap;
  margin-bottom: 0;
}
body.skyten-brand .crm-invites {
  margin-top: 10px;
}
body.skyten-brand .crm-invite-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 0;
  border-top: 1px solid var(--border-secondary);
}
body.skyten-brand .crm-invite-item__avatar {
  width: 46px;
  height: 46px;
  flex: none;
  border-radius: 50%;
  color: var(--color-foundations-white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
}
body.skyten-brand .crm-invite-item__avatar--highlight {
  background: var(--brand-tertiary);
  color: var(--text-primary);
}
body.skyten-brand .crm-invite-item__avatar--info-text {
  background: var(--functional-info-text);
}
body.skyten-brand .crm-invite-item__avatar--muted {
  background: var(--text-secondary);
}
body.skyten-brand .crm-invite-item__avatar--primary {
  background: var(--functional-primary);
}
body.skyten-brand .crm-invite-item__avatar--info {
  background: var(--functional-info-default);
}
body.skyten-brand .crm-invite-item__body {
  flex: 1;
  min-width: 0;
}
body.skyten-brand .crm-invite-item__name {
  font-weight: 600;
  color: var(--text-primary);
  font-size: 14px;
}
body.skyten-brand .crm-invite-item__sub {
  font-size: 12px;
  color: var(--text-secondary);
}
body.skyten-brand .crm-invite-item__icon {
  color: var(--icon-primary);
}
body.skyten-brand .crm-invite-more {
  text-align: center;
  margin-top: 18px;
}
body.skyten-brand .crm-voucher {
  width: 100%;
  max-width: 538px;
  min-width: 0;
  aspect-ratio: 538/324;
  margin: 0 auto;
  border-radius: 16px;
  padding: 34px 32px 30px;
  color: var(--color-foundations-white);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: var(--gradient-card);
}
body.skyten-brand .crm-voucher__mark {
  position: absolute;
  top: 26px;
  right: 30px;
  opacity: 0.92;
}
body.skyten-brand .crm-voucher__name {
  font-size: 46px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1;
}
body.skyten-brand .crm-voucher__sub {
  font-size: 19px;
  font-weight: 400;
  margin-top: 4px;
}
body.skyten-brand .co--b .crm-voucher__name {
  font-size: 31px;
}
body.skyten-brand .crm-voucher__meta {
  font-size: 11px;
  letter-spacing: 0.02em;
}
body.skyten-brand .crm-voucher__meta + .crm-voucher__meta {
  margin-top: 7px;
}
body.skyten-brand .crm-voucher__k {
  font-weight: 700;
  margin-right: 5px;
}
body.skyten-brand .crm-voucher__k--strong {
  color: color-mix(in srgb, var(--color-foundations-white) 92%, transparent);
}
body.skyten-brand .crm-voucher__v {
  color: color-mix(in srgb, var(--color-foundations-white) 72%, transparent);
}
body.skyten-brand .crm-voucher__gap {
  margin-left: 14px;
}
body.skyten-brand .crm-voucher-cta {
  text-align: center;
  margin-top: 22px;
}
body.skyten-brand .co {
  width: 100%;
  max-width: 440px;
  margin: 0 auto;
  background: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: 16px;
  box-shadow: var(--shadow-primary, none);
  padding: 26px 24px 24px;
  color: var(--text-primary);
  font-size: 14px;
}
body.skyten-brand .co .crm-voucher {
  margin-bottom: 20px;
}
body.skyten-brand .co .crm-voucher__meta {
  white-space: nowrap;
  overflow: hidden;
  font-size: 9.5px;
  line-height: 1.25;
}
body.skyten-brand .co .crm-voucher__meta + .crm-voucher__meta {
  margin-top: 2px;
}
body.skyten-brand .co--b .crm-voucher__meta {
  white-space: normal;
  overflow: visible;
  font-size: 8.5px;
  line-height: 1.3;
}
body.skyten-brand .co--b .crm-voucher__meta + .crm-voucher__meta {
  margin-top: 3px;
}
body.skyten-brand .co--b .crm-voucher__v {
  overflow-wrap: anywhere;
}
[data-co-root] .co__body {
  display: grid;
  align-items: start;
}
[data-co-root] .co__body > .co__panel {
  grid-area: 1/1;
  display: block;
  visibility: hidden;
}
[data-co-root] .co__body > .co__panel--on {
  visibility: visible;
}
body.skyten-brand .co {
  display: flex;
  flex-direction: column;
  min-height: var(--co-card-min-h, 858px);
}
body.skyten-brand .co__body {
  flex: 1 1 auto;
}
body.skyten-brand .co__steps {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
body.skyten-brand .co__stepper {
  width: 100%;
}
body.skyten-brand .co__title {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 18px;
  color: var(--text-primary);
}
body.skyten-brand .co__title + .co__lead {
  margin-top: -12px;
}
body.skyten-brand .co__lead {
  font-size: 13px;
  color: var(--text-secondary);
  margin: 0 0 26px;
  line-height: 1.5;
}
body.skyten-brand .co__panel {
  display: none;
}
body.skyten-brand .co__panel--on {
  display: block;
}
body.skyten-brand .co__field {
  margin-bottom: 16px;
}
body.skyten-brand .co__label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
  margin-bottom: 6px;
}
body.skyten-brand .co__breakdown {
  margin-top: 4px;
}
body.skyten-brand .co__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  border-bottom: 1px solid var(--border-secondary);
  font-size: 13px;
}
body.skyten-brand .co__row:last-child {
  border-bottom: 0;
}
body.skyten-brand .co__row-k {
  color: var(--text-secondary);
}
body.skyten-brand .co__row-v {
  color: var(--text-primary);
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}
body.skyten-brand .co__row--fee .co__row-k,
body.skyten-brand .co__row--fee .co__row-v {
  color: var(--text-secondary);
}
body.skyten-brand .co__row--result {
  border-bottom: 0;
  padding-top: 14px;
  margin-top: 4px;
  border-top: 1px solid var(--border-primary);
}
body.skyten-brand .co__row--result .co__row-k {
  color: var(--text-primary);
  font-weight: 600;
}
body.skyten-brand .co__row--result .co__row-v {
  color: var(--brand-primary);
  font-weight: 700;
  font-size: 18px;
}
body.skyten-brand .co__row--result .co__unit {
  color: var(--brand-tertiary);
  font-weight: 700;
  margin-left: 4px;
}
body.skyten-brand .co .co__summary td:first-child {
  color: var(--text-secondary);
}
body.skyten-brand .co .co__summary .co__sum-fee td {
  color: var(--text-secondary);
}
body.skyten-brand .co .co__summary .co__sum-result td {
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 700;
}
body.skyten-brand .co .co__summary .co__sum-result td:first-child {
  color: var(--text-primary);
  font-size: 14px;
}
body.skyten-brand .co .co__summary .co__sum-result td:last-child {
  color: var(--brand-primary);
  font-size: 17px;
}
body.skyten-brand .co .co__summary .co__sum-result .co__unit {
  color: var(--brand-tertiary);
  font-weight: 700;
  margin-left: 5px;
}
body.skyten-brand .co__calc {
  margin-top: 12px;
  font-size: 12px;
  line-height: 1.55;
  color: var(--text-secondary);
}
body.skyten-brand .co .wt {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  background: var(--background-secondary);
  color: var(--text-primary);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-md, 8px);
  overflow: hidden;
  box-shadow: none;
}
body.skyten-brand .co .wt th {
  text-align: left;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text-secondary);
  padding: 9px 12px;
  border-bottom: 1px solid var(--border-primary);
}
body.skyten-brand .co .wt td {
  padding: 9px 12px;
  border-bottom: 1px solid var(--border-primary);
  vertical-align: middle;
}
body.skyten-brand .co .wt tbody tr:last-child td {
  border-bottom: 0;
}
body.skyten-brand .co .wt td:last-child, body.skyten-brand .co .wt th:last-child {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
body.skyten-brand .co .wt--striped tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--brand-primary) 4%, transparent);
}
body.skyten-brand .co__seg {
  margin-bottom: 16px;
}
body.skyten-brand .co__beneficiary {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body.skyten-brand .co__cf-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
body.skyten-brand .co__cf-label {
  flex: 0 0 84px;
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
  line-height: 1.3;
}
body.skyten-brand .co__cf-row .copy-field {
  flex: 1 1 auto;
  min-width: 0;
}
body.skyten-brand .co__banner {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 18px;
  padding: 12px 14px;
  border-radius: var(--radius-md, 8px);
  background: var(--functional-info-background);
  border: 1px solid var(--functional-info-default);
  color: var(--functional-info-text);
  font-size: 13px;
  line-height: 1.5;
}
body.skyten-brand .co__banner svg {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin-top: 1px;
}
body.skyten-brand .co__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 22px;
}
body.skyten-brand .co__actions--end {
  justify-content: flex-end;
}
body.skyten-brand .co__actions .co__spacer {
  flex: 1 1 auto;
}
body.skyten-brand .co .act-timeline__dot--done {
  background: var(--brand-tertiary);
}
body.skyten-brand .co .act-timeline__dot--current {
  background: var(--brand-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-primary) 22%, transparent);
}
body.skyten-brand .co .act-timeline__dot--todo {
  background: var(--background-hover);
  box-shadow: inset 0 0 0 1.5px var(--border-primary);
}
body.skyten-brand .co--b {
  max-width: 1024px;
  min-height: var(--co-b-min-h, 574px);
  padding: 20px 26px 24px;
}
body.skyten-brand .co--b .co__steps {
  margin-bottom: 34px;
}
body.skyten-brand .co--b .co__grid {
  display: grid;
  grid-template-columns: 300px minmax(0, 452px);
  column-gap: 36px;
  justify-content: center;
  align-items: stretch;
  flex: 1 1 auto;
}
body.skyten-brand .co--b .co__aside {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
body.skyten-brand .co--b .co__aside .crm-voucher {
  margin-bottom: 0;
}
body.skyten-brand .co--b .co__main {
  min-width: 0;
}
body.skyten-brand .co--b .co__navwrap {
  margin-top: 0;
}
body.skyten-brand .co--b .co__actions {
  flex-direction: column-reverse;
  align-items: stretch;
  gap: 10px;
  margin-top: 0;
}
body.skyten-brand .co--b .co__actions .co__spacer {
  display: none;
}
body.skyten-brand .co--b .co__actions .btn {
  width: 100%;
}
body.skyten-brand .co--b .co__note {
  margin-top: auto;
  font-size: 11.5px;
  line-height: 1.5;
  color: var(--text-secondary);
}
body.skyten-brand .co--b .co__note strong {
  color: var(--text-primary);
}
body.skyten-brand .crm-tile {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--border-secondary);
  cursor: pointer;
}
body.skyten-brand .crm-tile .img {
  aspect-ratio: 16/10;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: var(--color-foundations-white);
  font-size: 11px;
  font-weight: 600;
  text-align: center;
  padding: 10px;
}
body.skyten-brand .crm-tile .img > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.skyten-brand .crm-tile .play {
  position: absolute;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.85);
  color: var(--button-background-active);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  z-index: 1;
}
body.skyten-brand .crm-cap {
  font-size: 12px;
  color: var(--text-primary);
  padding: 8px 4px 0;
  text-align: center;
}
body.skyten-brand .crm-tile-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
body.skyten-brand .crm-tile .img--doc {
  aspect-ratio: 3/4;
  font-size: 10px;
}
body.skyten-brand .crm-tile .img--seed {
  background: linear-gradient(135deg, var(--functional-info-text), var(--functional-primary));
}
body.skyten-brand .crm-tile .img--g-highlight {
  background: linear-gradient(135deg, var(--brand-tertiary), var(--functional-info-text));
}
body.skyten-brand .crm-tile .img--g-info {
  background: linear-gradient(135deg, var(--functional-info-default), var(--functional-info-text));
}
body.skyten-brand .crm-tile .img--g-webinar {
  background: linear-gradient(135deg, var(--functional-info-text), var(--functional-info-default));
}
body.skyten-brand .crm-tile--narrow {
  max-width: 60%;
  margin: 0 auto;
}
body.skyten-brand .crm-docs {
  position: relative;
}
body.skyten-brand .crm-docscroll {
  display: flex;
  align-items: center;
  gap: 10px;
}
body.skyten-brand .crm-docscroll__viewport {
  flex: 1;
  min-width: 0;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
body.skyten-brand .crm-docscroll__viewport::-webkit-scrollbar {
  display: none;
}
body.skyten-brand .crm-docscroll__row {
  display: flex;
  gap: 14px;
  padding: 2px;
}
body.skyten-brand .crm-docthumb {
  flex: 0 0 auto;
  width: 132px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
body.skyten-brand .crm-docthumb__img {
  display: flex;
  width: 132px;
  aspect-ratio: 1/1.414;
  border-radius: 10px;
  border: 1px solid var(--border-secondary);
  overflow: hidden;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
  color: var(--color-foundations-white);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  padding: 10px;
  position: relative;
}
body.skyten-brand .crm-docthumb__img > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.skyten-brand .crm-docscroll__arrow {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid var(--border-secondary);
  background: var(--background-secondary);
  color: var(--text-primary);
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--shadow-primary);
}
body.skyten-brand .crm-docscroll__arrow:hover {
  background: var(--background-hover);
}
body.skyten-brand .crm-docscroll__arrow:disabled {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}
body.skyten-brand .crm-docscroll__dots {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 14px;
}
body.skyten-brand .crm-docscroll__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--border-secondary);
  border: 0;
  padding: 0;
  cursor: pointer;
}
body.skyten-brand .crm-docscroll__dot--on {
  background: var(--functional-primary);
}
body.skyten-brand .crm-docs--fits .crm-docscroll__arrow, body.skyten-brand .crm-docs--fits .crm-docscroll__dots {
  display: none;
}
body.skyten-brand .crm-docthumb__img.img--doc-a {
  background: linear-gradient(135deg, var(--brand-tertiary), var(--functional-info-text));
}
body.skyten-brand .crm-docthumb__img.img--doc-b {
  background: linear-gradient(135deg, var(--functional-info-default), var(--functional-info-text));
}
body.skyten-brand .crm-docthumb__img.img--doc-c {
  background: linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));
}
body.skyten-brand .crm-docthumb__img.img--doc-d {
  background: linear-gradient(135deg, var(--functional-info-default), var(--functional-primary));
}
body.skyten-brand .crm-docgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  max-height: 60vh;
  overflow-y: auto;
  padding: 20px;
}
body.skyten-brand .crm-docitem {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
body.skyten-brand .crm-docitem__cover {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1.414;
  border-radius: 12px;
  border: 1px solid var(--border-secondary);
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
  color: var(--color-foundations-white);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  padding: 14px;
  background: var(--background-hover);
  text-decoration: none;
}
body.skyten-brand .crm-docitem__cover > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.skyten-brand .crm-docitem__cap {
  font-size: 13px;
  color: var(--text-primary);
  text-align: center;
  font-weight: 600;
}
body.skyten-brand .crm-docitem__read {
  margin-top: 2px;
  text-decoration: none;
  min-width: 96px;
}
body.skyten-brand .crm-docitem__cover.img--doc-a {
  background: linear-gradient(135deg, var(--brand-tertiary), var(--functional-info-text));
}
body.skyten-brand .crm-docitem__cover.img--doc-b {
  background: linear-gradient(135deg, var(--functional-info-default), var(--functional-info-text));
}
body.skyten-brand .crm-docitem__cover.img--doc-c {
  background: linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));
}
body.skyten-brand .crm-docitem__cover.img--doc-d {
  background: linear-gradient(135deg, var(--functional-info-default), var(--functional-primary));
}
body.skyten-brand .crm-video-embed {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: var(--radius-m, 10px);
  overflow: hidden;
  border: 1px solid var(--border-secondary);
  background: var(--background-hover);
}
body.skyten-brand .crm-video-embed > iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
body.skyten-brand .crm-video-embed--narrow {
  max-width: 80%;
  margin: 0 auto;
}
body.skyten-brand .crm-video-card {
  flex: 0 0 auto;
  width: 232px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
body.skyten-brand .crm-video-card__img {
  position: relative;
  display: flex;
  width: 232px;
  aspect-ratio: 16/9;
  border-radius: var(--radius-m, 10px);
  border: 1px solid var(--border-secondary);
  overflow: hidden;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--color-foundations-white);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  padding: 10px;
  background: var(--background-hover);
}
body.skyten-brand .crm-video-card__img > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.skyten-brand .crm-video-card__play {
  position: absolute;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--color-foundations-white);
  color: var(--button-background-active);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  z-index: 1;
}
body.skyten-brand .crm-video-card__img.img--g-highlight {
  background: linear-gradient(135deg, var(--brand-tertiary), var(--functional-info-text));
}
body.skyten-brand .crm-video-card__img.img--g-info {
  background: linear-gradient(135deg, var(--functional-info-default), var(--functional-info-text));
}
body.skyten-brand .crm-video-card__img.img--g-webinar {
  background: linear-gradient(135deg, var(--functional-info-text), var(--functional-info-default));
}
body.skyten-brand .crm-video-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  max-height: 60vh;
  overflow-y: auto;
  padding: 8px;
}
body.skyten-brand .crm-video-grid__cell {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}
body.skyten-brand .crm-video-grid .crm-video-card, body.skyten-brand .crm-video-grid .crm-video-card__img {
  width: 100%;
}
body.skyten-brand .crm-social {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
body.skyten-brand .crm-social__link {
  text-decoration: none;
}
body.skyten-brand .crm-social__box {
  width: 72px;
  height: 72px;
  border-radius: 16px;
  background: var(--functional-info-default);
  display: block;
}
body.skyten-brand .crm-social__name {
  font-size: 12px;
  color: var(--text-primary);
}
body.skyten-brand .crm-social-row {
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  padding: 6px 0;
}
body.skyten-brand .crm-social__icon {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: var(--background-hover);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text-secondary);
  transition: color 0.12s ease, background 0.12s ease;
}
body.skyten-brand .crm-social__icon:hover {
  color: var(--brand-primary);
  background: var(--background-secondary);
}
body.skyten-brand .crm-social__glyph {
  width: 26px;
  height: 26px;
  background: currentColor;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
body.skyten-brand .logo-icon {
  display: inline-block;
  line-height: 0;
}
img.logo-icon {
  display: block;
}
body.skyten-brand .logo-icon img {
  display: block;
  height: 100%;
  width: auto;
}
body.skyten-brand .crm-card-h .q {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--border-secondary);
  color: var(--text-secondary);
  font-size: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
body.skyten-brand .crm-field {
  display: block;
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  font-size: 13px;
  background: var(--background-secondary);
  color: var(--text-primary);
}
body.skyten-brand .crm-form-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 18px;
  margin-bottom: 18px;
}
body.skyten-brand .crm-form-row__field {
  flex: 1;
  min-width: 120px;
}
body.skyten-brand .crm-form-row__field--narrow {
  flex: 0 0 auto;
  min-width: 120px;
}
body.skyten-brand .crm-radio-label {
  font-size: 13px;
  line-height: 18px;
}
body.skyten-brand .crm-invite-cta {
  text-align: center;
  margin-bottom: 8px;
}
body.skyten-brand .crm-icon-pre {
  margin-right: 6px;
  vertical-align: -3px;
}
body.skyten-brand .crm-tile .img--voucherdoc {
  background: var(--background-hover);
  color: var(--text-secondary);
}
body.skyten-brand .crm-tile .img--g-success {
  background: linear-gradient(135deg, var(--functional-success-default), var(--functional-info-text));
}
body.skyten-brand .crm-docthumb__img.img--seed,
body.skyten-brand .crm-docitem__cover.img--seed {
  background: linear-gradient(135deg, var(--functional-info-text), var(--functional-primary));
}
body.skyten-brand .crm-docthumb__img.img--voucherdoc,
body.skyten-brand .crm-docitem__cover.img--voucherdoc {
  background: var(--background-hover);
  color: var(--text-secondary);
}
body.skyten-brand .crm-profile {
  margin: 24px auto 0;
  max-width: 1280px;
}
body.skyten-brand .crm-ptabs {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--border-secondary);
  margin-bottom: 18px;
  align-items: center;
}
body.skyten-brand .crm-ptabs__id {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-right: 18px;
  padding-bottom: 8px;
}
body.skyten-brand .crm-ptabs__avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--functional-info-default);
  color: var(--functional-text-inverse);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 13px;
}
body.skyten-brand .crm-ptabs__name {
  color: var(--text-primary);
}
body.skyten-brand .crm-ptab {
  padding: 12px 6px;
  font-size: 15px;
  color: var(--text-secondary);
  cursor: pointer;
  border: 0;
  background: transparent;
  border-bottom: 2px solid transparent;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
body.skyten-brand .crm-ptab-on {
  color: var(--functional-primary);
  border-bottom-color: var(--functional-primary);
  font-weight: 600;
}
body.skyten-brand .crm-pills {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
body.skyten-brand .crm-pill {
  flex: 1;
  min-width: 150px;
  border-radius: 10px;
  padding: 12px 16px;
  color: var(--functional-text-inverse);
}
body.skyten-brand .crm-pill .v {
  font-size: 17px;
  font-weight: 700;
}
body.skyten-brand .crm-pill .l {
  font-size: 11px;
  opacity: 0.9;
}
body.skyten-brand .crm-pill--eur {
  background: var(--functional-info-default);
}
body.skyten-brand .crm-pill--skyten {
  background: var(--button-background-active);
}
body.skyten-brand .crm-pill--value {
  background: var(--brand-tertiary);
}
body.skyten-brand .crm-stmt-wrap {
  overflow-x: auto;
}
body.skyten-brand .crm-stmt {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  color: var(--text-primary);
}
body.skyten-brand .crm-stmt th {
  text-align: left;
  padding: 10px;
  color: var(--text-secondary);
  font-weight: 600;
  border-bottom: 1px solid var(--border-secondary);
}
body.skyten-brand .crm-stmt td {
  padding: 10px;
  border-bottom: 1px solid var(--border-secondary);
}
body.skyten-brand .crm-stmt tbody tr {
  cursor: pointer;
}
body.skyten-brand .crm-stmt tbody tr:hover td {
  background: var(--background-hover-brand);
}
body.skyten-brand .crm-stmt td.crm-stmt__status {
  color: var(--brand-tertiary);
}
body.skyten-brand .crm-stmt__view {
  color: var(--functional-primary);
  cursor: pointer;
}
body.skyten-brand .crm-pager {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 14px;
  font-size: 12px;
  color: var(--text-secondary);
}
body.skyten-brand .crm-pager__spacer {
  flex: 1;
}
body.skyten-brand .crm-footer {
  max-width: 1280px;
  margin: 28px auto 0;
  padding: 28px 4px 0;
  border-top: 1px solid var(--border-secondary);
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  gap: 28px;
  font-size: 12px;
  color: var(--text-secondary);
}
body.skyten-brand .crm-footer__h {
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 8px;
}
body.skyten-brand .crm-footer__links {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
body.skyten-brand .crm-footer__col--right {
  text-align: right;
}
body.skyten-brand .crm-footer__brand {
  color: var(--functional-primary);
  font-weight: 800;
}
body.skyten-brand .crm-footer__legal {
  margin-top: 8px;
}
body.skyten-brand .crm-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.45);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: none;
  z-index: 20;
}
body.skyten-brand .crm-backdrop.is-open {
  display: block;
}
body.skyten-brand .crm-modal {
  background: var(--background-secondary);
  border-radius: 16px;
  box-shadow: 0 24px 48px rgba(16, 24, 40, 0.24);
  position: absolute;
  left: 50%;
  top: 80px;
  transform: translateX(-50%);
  width: min(440px, 92%);
  display: none;
  z-index: 21;
  overflow: hidden;
}
body.skyten-brand .crm-modal.is-open {
  display: block;
}
body.skyten-brand .crm-modal--wide {
  width: min(680px, 94%);
}
body.skyten-brand .crm-modal-h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid var(--border-secondary);
  font-weight: 600;
}
body.skyten-brand .crm-modal-x {
  cursor: pointer;
  border: 0;
  background: transparent;
  font-size: 18px;
  color: var(--text-secondary);
}
body.skyten-brand .crm-modal-k {
  display: none;
  padding: 20px;
}
body.skyten-brand .crm-modal-k__lead {
  margin: 0 0 14px;
  color: var(--text-secondary);
  font-size: 13px;
}
body.skyten-brand .crm-modal-k__field {
  margin-bottom: 12px;
}
body.skyten-brand .crm-modal-k__field--gap {
  margin-bottom: 18px;
}
body.skyten-brand .crm-modal-k__submit {
  width: 100%;
}
body.skyten-brand .crm-modal-k__video {
  aspect-ratio: 16/9;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--functional-info-text), var(--functional-info-default));
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-foundations-white);
  font-size: 34px;
}
body.skyten-brand .crm-modal-k__note {
  margin: 12px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
}
body.skyten-brand .crm-modal-k__note--center {
  text-align: center;
}
body.skyten-brand .crm-modal-k__doc {
  aspect-ratio: 3/4;
  max-width: 60%;
  margin: 0 auto;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--functional-info-text), var(--functional-primary));
}
body.skyten-brand .crm-modal-k__title {
  margin: 0 0 10px;
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 600;
}
body.skyten-brand .crm-modal-k__detail {
  font-size: 13px;
  color: var(--text-secondary);
  line-height: 1.9;
}
body.skyten-brand .crm-modal-k__msg {
  margin: 0;
  color: var(--text-primary);
  font-size: 14px;
}
body.skyten-brand .crm-modal-k__msg--muted {
  margin: 0;
  color: var(--text-secondary);
  font-size: 13px;
}
body.skyten-brand .crm-pop {
  position: absolute;
  display: none;
  z-index: 21;
  background: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: 14px;
  box-shadow: 0 24px 48px rgba(16, 24, 40, 0.2);
  overflow: hidden;
  width: 300px;
}
body.skyten-brand .crm-pop--language {
  top: 60px;
  right: 74px;
  width: 220px;
  padding: 6px 0;
}
body.skyten-brand .crm-pop--profile {
  top: 60px;
  right: 28px;
}
body.skyten-brand .crm-profmenu__head {
  background: var(--functional-primary);
  padding: 24px;
  text-align: center;
}
body.skyten-brand .crm-profmenu__avatar {
  width: 84px;
  height: 84px;
  font-size: 30px;
  margin: 0 auto;
}
body.skyten-brand .crm-profmenu__body {
  padding: 16px 18px;
  text-align: center;
}
body.skyten-brand .crm-profmenu__name {
  font-size: 16px;
  color: var(--text-primary);
}
body.skyten-brand .crm-profmenu__mail {
  font-size: 13px;
  color: var(--text-secondary);
  margin-bottom: 14px;
}
body.skyten-brand .crm-profmenu__btn {
  width: 100%;
}
body.skyten-brand .crm-profmenu__btn--top {
  margin-bottom: 8px;
}
body.skyten-brand .text-primary {
  color: var(--text-primary) !important;
}
body.skyten-brand .text-secondary {
  color: var(--text-secondary) !important;
}
body.skyten-brand .text-muted {
  color: var(--text-tertiary) !important;
}
body.skyten-brand .text-center {
  text-align: center !important;
}
body.skyten-brand .text-right {
  text-align: right !important;
}
body.skyten-brand .text-left {
  text-align: left !important;
}
body.skyten-brand .text-sm {
  font-size: 0.8rem !important;
}
body.skyten-brand .text-lg {
  font-size: 1.125rem !important;
}
body.skyten-brand .font-bold {
  font-weight: 700 !important;
}
body.skyten-brand .font-medium {
  font-weight: 500 !important;
}
body.skyten-brand .seg {
  display: inline-flex;
  background: var(--background-hover);
  border-radius: var(--radius-m, 10px);
  padding: 3px;
  gap: 2px;
}
body.skyten-brand .seg__btn {
  border: 0;
  background: transparent;
  color: var(--text-secondary);
  border-radius: var(--radius-s, 7px);
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.12s ease, color 0.12s ease;
}
body.skyten-brand .seg__btn:hover:not([aria-selected=true]) {
  background: var(--button-background-hover, var(--button-background-active));
  color: var(--button-text-hover, var(--button-text-active));
}
body.skyten-brand .seg__btn[aria-selected=true] {
  background: var(--button-background-active);
  color: var(--button-text-active);
}
body.skyten-brand .tab-bar {
  display: flex;
  align-items: stretch;
  gap: 4px;
  border-bottom: 1px solid var(--border-secondary);
}
body.skyten-brand .tab-bar__scroll {
  display: flex;
  align-items: stretch;
  gap: 2px;
  flex: 1 1 auto;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}
body.skyten-brand .tab-bar__scroll::-webkit-scrollbar {
  display: none;
}
body.skyten-brand .tab-bar__chevron {
  flex: 0 0 auto;
  appearance: none;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: var(--text-secondary);
  padding: 0 8px;
  font-size: 18px;
  line-height: 1;
  align-self: center;
}
body.skyten-brand .tab-bar__chevron:hover:not(:disabled) {
  color: var(--text-primary);
}
body.skyten-brand .tab-bar__chevron:disabled {
  opacity: 0.35;
  cursor: default;
}
body.skyten-brand .tab-bar__tab {
  flex: 0 0 auto;
  appearance: none;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  color: var(--text-secondary);
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  transition: color 0.15s ease, border-color 0.15s ease;
}
body.skyten-brand .tab-bar__tab:hover:not(.tab-bar__tab--active):not([aria-selected=true]) {
  color: var(--text-primary);
}
body.skyten-brand .tab-bar__tab--active,
body.skyten-brand .tab-bar__tab[aria-selected=true] {
  color: var(--brand-primary);
  border-bottom-color: var(--brand-primary);
}
body.skyten-brand .accordion {
  background: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: 12px;
  overflow: hidden;
}
body.skyten-brand .accordion__item {
  border-bottom: 1px solid var(--border-secondary);
}
body.skyten-brand .accordion__item:last-child {
  border-bottom: 0;
}
body.skyten-brand .accordion__header {
  width: 100%;
  appearance: none;
  border: 0;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  font-size: 14px;
  color: var(--text-primary);
  text-align: left;
}
body.skyten-brand .accordion__header:hover {
  background: var(--background-hover-brand);
}
body.skyten-brand .accordion__header-meta {
  display: flex;
  align-items: center;
  gap: 16px;
}
body.skyten-brand .accordion__hint {
  font-size: 13px;
  color: var(--text-secondary);
}
body.skyten-brand .accordion__chevron {
  display: flex;
  flex: 0 0 auto;
  color: var(--text-secondary);
  transition: transform 0.2s ease;
}
body.skyten-brand .accordion__item--open .accordion__chevron {
  transform: rotate(180deg);
}
body.skyten-brand .accordion__panel {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.25s ease;
}
body.skyten-brand .accordion__panel-inner {
  padding: 0 18px 18px;
  font-size: 13px;
  color: var(--text-secondary);
}
body.skyten-brand .accordion__item--open .accordion__panel {
  max-height: 480px;
}
body.skyten-brand .status-pill-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
body.skyten-brand .status-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
}
body.skyten-brand .status-pill__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
}
body.skyten-brand .status-pill--info {
  background: var(--functional-info-background);
  color: var(--functional-info-text, var(--functional-info-default));
}
body.skyten-brand .status-pill--info .status-pill__dot {
  background: var(--functional-info-default);
}
body.skyten-brand .status-pill--success {
  background: var(--functional-success-background);
  color: var(--functional-success-text, var(--functional-success-default));
}
body.skyten-brand .status-pill--success .status-pill__dot {
  background: var(--functional-success-default);
}
body.skyten-brand .status-pill--warning {
  background: var(--functional-warning-background);
  color: var(--functional-warning-text, var(--functional-warning-default));
}
body.skyten-brand .status-pill--warning .status-pill__dot {
  background: var(--functional-warning-default);
}
body.skyten-brand .status-pill--sm {
  padding: 3px 10px;
  font-size: 11px;
}
body.skyten-brand .stat-tile-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 14px;
  max-width: 560px;
}
body.skyten-brand .stat-tile {
  background: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-m, 12px);
  padding: 18px;
}
body.skyten-brand .stat-tile--accent {
  border-color: var(--functional-primary);
}
body.skyten-brand .stat-tile--grad {
  background: var(--gradient-card);
  border: 0;
  color: var(--color-foundations-white);
}
body.skyten-brand .stat-tile--grad .stat-tile__label {
  color: color-mix(in srgb, var(--color-foundations-white) 85%, transparent);
}
body.skyten-brand .stat-tile--grad .stat-tile__value {
  color: var(--color-foundations-white);
}
body.skyten-brand .stat-tile__label {
  margin-bottom: 8px;
  font-size: 12px;
  color: var(--text-secondary);
}
body.skyten-brand .stat-tile__value {
  font-size: 28px;
  font-weight: 700;
  color: var(--text-primary);
}
body.skyten-brand .metric-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
  background: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: 14px;
  padding: 16px 20px;
  box-shadow: var(--shadow-primary);
  max-width: 640px;
}
body.skyten-brand .metric-strip__label {
  font-size: 11px;
  color: var(--text-secondary);
}
body.skyten-brand .metric-strip__value {
  font-size: 16px;
  font-weight: 700;
  color: var(--text-primary);
}
body.skyten-brand .chip-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
body.skyten-brand .chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--background-hover);
  color: var(--text-secondary);
  border-radius: var(--radius-s, 8px);
  padding: 5px 11px;
  font-size: 12px;
}
body.skyten-brand .chip__remove {
  cursor: pointer;
  opacity: 0.6;
  font-weight: 700;
}
body.skyten-brand .stepper {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: var(--text-secondary);
}
body.skyten-brand .stepper__step {
  display: flex;
  align-items: center;
  gap: 8px;
}
body.skyten-brand .stepper__marker {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  font-size: 11px;
  background: var(--functional-primary);
  color: var(--color-foundations-white);
}
body.skyten-brand .stepper__marker-num {
  font: inherit;
  color: inherit;
}
body.skyten-brand .stepper__marker--todo {
  background: var(--background-hover);
  color: var(--text-secondary);
}
body.skyten-brand .stepper__marker--current {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-primary) 22%, transparent);
}
body.skyten-brand .stepper__marker--done {
  background: var(--functional-success-default);
  color: var(--color-foundations-white);
}
body.skyten-brand .stepper__line {
  width: 40px;
  height: 2px;
  margin: 0 8px;
  background: var(--border-primary);
}
body.skyten-brand .stepper__line--done {
  background: var(--functional-success-default);
}
body.skyten-brand .stepper--stacked {
  align-items: flex-start;
  width: 100%;
  gap: 0;
}
body.skyten-brand .stepper--stacked .stepper__step {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
  padding: 0 4px;
}
body.skyten-brand .stepper--stacked .stepper__step::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 20px;
  left: calc(50% + 22px);
  width: calc(100% - 44px);
  height: 4px;
  border-radius: 2px;
  background: var(--border-primary);
}
body.skyten-brand .stepper--stacked .stepper__step:has(.stepper__marker--done)::after {
  background: var(--functional-primary);
}
body.skyten-brand .stepper--stacked .stepper__step:first-child::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 20px;
  left: 0;
  width: calc(50% - 22px);
  height: 4px;
  border-radius: 2px;
  background: var(--border-primary);
}
body.skyten-brand .stepper--stacked .stepper__step:first-child:has(.stepper__marker--done)::before {
  background: var(--functional-primary);
}
body.skyten-brand .stepper--stacked .stepper__step:last-child::after {
  left: calc(50% + 22px);
  width: calc(50% - 22px);
}
body.skyten-brand .stepper__caption {
  display: flex;
  flex-direction: column;
  gap: 2px;
  line-height: 1.25;
}
body.skyten-brand .stepper__caption-text {
  font-size: 13px;
  color: var(--text-primary);
  font-weight: 700;
}
body.skyten-brand .stepper__caption-count {
  font-size: 12px;
  color: var(--text-secondary);
  font-weight: 400;
}
body.skyten-brand .stepper--stacked .stepper__marker {
  position: relative;
  z-index: 1;
  width: 44px;
  height: 44px;
  font-size: 15px;
  font-weight: 600;
}
body.skyten-brand .stepper--stacked .stepper__caption-text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.skyten-brand .stepper--stacked .stepper__marker svg,
body.skyten-brand .stepper--stacked .stepper__marker .ui-icon {
  width: 20px;
  height: 20px;
}
body.skyten-brand .stepper--stacked .stepper__marker--done,
body.skyten-brand .stepper--list .stepper__marker--done {
  background: var(--brand-tertiary);
  color: var(--text-primary);
}
body.skyten-brand .stepper--stacked .stepper__marker--current,
body.skyten-brand .stepper--list .stepper__marker--current {
  background: var(--functional-primary);
  color: var(--color-foundations-white);
}
body.skyten-brand .stepper--stacked .stepper__marker--current {
  box-shadow: 0 0 0 6px color-mix(in srgb, var(--functional-primary) 24%, transparent);
}
body.skyten-brand .stepper--stacked .stepper__marker--todo,
body.skyten-brand .stepper--list .stepper__marker--todo {
  background: var(--background-secondary);
  color: var(--text-secondary);
  border: 1.5px solid var(--border-primary);
}
body.skyten-brand .stepper--stacked .stepper__line--done {
  background: var(--functional-primary);
}
body.skyten-brand .stepper--stacked .stepper__step:has(.stepper__marker--todo) .stepper__caption-text {
  color: var(--text-secondary);
  font-weight: 400;
}
body.skyten-brand .stepper--list {
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  width: 100%;
  max-width: 480px;
}
body.skyten-brand .stepper--list .stepper__step {
  align-items: center;
  gap: 12px;
}
body.skyten-brand .stepper--list .stepper__marker {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  font-size: 13px;
  font-weight: 700;
  box-shadow: none;
}
body.skyten-brand .stepper--list .stepper__marker svg,
body.skyten-brand .stepper--list .stepper__marker .ui-icon {
  width: 16px;
  height: 16px;
}
body.skyten-brand .stepper--list .stepper__caption {
  flex: 1;
  min-width: 0;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 9px 14px;
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  background: var(--background-secondary);
}
body.skyten-brand .stepper--list .stepper__caption-text {
  font-size: 13px;
  font-weight: 400;
  color: var(--text-primary);
}
body.skyten-brand .stepper--ring {
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  box-sizing: border-box;
}
body.skyten-brand .stepper--ring .stepper__step {
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  flex: 0 0 auto;
  min-width: 0;
}
body.skyten-brand .stepper--ring .stepper__marker {
  box-sizing: border-box;
  width: 80px;
  height: 80px;
  border-radius: 60px;
  border: 2px solid var(--universal-disabled);
  background: transparent;
  box-shadow: none;
}
body.skyten-brand .stepper--ring .stepper__marker-num {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  color: var(--button-text-disabled, var(--text-tertiary));
}
body.skyten-brand .stepper--ring .stepper__caption {
  align-items: center;
}
body.skyten-brand .stepper--ring .stepper__caption-text {
  margin: 0;
  font-size: var(--text-h8-font-size, 14px);
  font-weight: 500;
  line-height: var(--text-h8-line-height, 20px);
  color: var(--universal-disabled);
  white-space: nowrap;
}
body.skyten-brand .stepper--ring .stepper__marker--done,
body.skyten-brand .stepper--ring .stepper__marker--current {
  border-color: transparent;
  border-image: none;
  background: linear-gradient(var(--background-secondary), var(--background-secondary)) padding-box, linear-gradient(90deg, var(--brand-primary) 0%, var(--brand-secondary) 100%) border-box;
  background-clip: padding-box, border-box;
}
body.skyten-brand .stepper--ring .stepper__step:has(.stepper__marker--done) .stepper__marker-num,
body.skyten-brand .stepper--ring .stepper__step:has(.stepper__marker--current) .stepper__marker-num,
body.skyten-brand .stepper--ring .stepper__step:has(.stepper__marker--done) .stepper__caption-text,
body.skyten-brand .stepper--ring .stepper__step:has(.stepper__marker--current) .stepper__caption-text {
  background: var(--text-active, var(--brand-primary));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
body.skyten-brand .stepper__progress {
  margin-top: 20px;
}
body.skyten-brand .stepper__progress-track {
  height: 8px;
  border-radius: 999px;
  background: var(--border-primary);
  overflow: hidden;
}
body.skyten-brand .stepper__progress-fill {
  height: 100%;
  width: var(--stepper-progress, 0%);
  border-radius: 999px;
  background: var(--functional-primary);
}
body.skyten-brand .stepper__progress-meta {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  font-size: 12px;
  color: var(--text-secondary);
}
body.skyten-brand .stepper__progress-pct {
  color: var(--functional-primary);
  font-weight: 700;
}
body.skyten-brand .tree {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 13px;
  color: var(--text-primary);
}
body.skyten-brand .tree__node {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  padding-left: calc(10px + var(--tree-level, 0) * 20px);
  border-radius: var(--radius-s, 6px);
  cursor: pointer;
  user-select: none;
  transition: background 70ms ease;
}
body.skyten-brand .tree__node:hover {
  background: var(--background-hover);
}
body.skyten-brand .tree__node:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-primary) 18%, transparent);
}
body.skyten-brand .tree__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex: none;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  transition: transform 120ms ease;
}
body.skyten-brand .tree__node--expanded > .tree__toggle {
  transform: rotate(90deg);
}
body.skyten-brand .tree__toggle--leaf {
  visibility: hidden;
}
body.skyten-brand .tree__label {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.skyten-brand .tree__node--selected {
  background: color-mix(in srgb, var(--functional-primary) 12%, transparent);
  color: var(--functional-primary);
  font-weight: 600;
}
body.skyten-brand .tree__node--selected:hover {
  background: color-mix(in srgb, var(--functional-primary) 18%, transparent);
}
body.skyten-brand .password-meter {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}
body.skyten-brand .password-meter__track {
  width: 100%;
  height: 4px;
  background: var(--border-secondary);
  border-radius: 2px;
  overflow: hidden;
}
body.skyten-brand .password-meter__bar {
  height: 100%;
  min-width: 0;
  width: 0;
  border-radius: 2px;
  background: var(--border-secondary);
  transition: width 0.25s ease, background-color 0.25s ease;
}
body.skyten-brand .password-meter__bar--weak {
  width: 25%;
  background: var(--functional-error-default);
}
body.skyten-brand .password-meter__bar--fair {
  width: 50%;
  background: var(--functional-warning-default);
}
body.skyten-brand .password-meter__bar--good {
  width: 75%;
  background: var(--functional-info-default);
}
body.skyten-brand .password-meter__bar--strong {
  width: 100%;
  background: var(--functional-success-default);
}
body.skyten-brand .password-meter__label {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-tertiary);
}
body.skyten-brand .password-meter__label--weak {
  color: var(--functional-error-default);
}
body.skyten-brand .password-meter__label--fair {
  color: var(--functional-warning-default);
}
body.skyten-brand .password-meter__label--good {
  color: var(--functional-info-default);
}
body.skyten-brand .password-meter__label--strong {
  color: var(--functional-success-default);
}
body.skyten-brand .empty-state {
  text-align: center;
  padding: 40px;
  color: var(--text-secondary);
  background: var(--background-secondary);
  border: 1px dashed var(--border-primary);
  border-radius: var(--radius-m, 14px);
  max-width: 440px;
}
body.skyten-brand .empty-state__icon {
  font-size: 28px;
  opacity: 0.4;
}
body.skyten-brand .empty-state__title {
  margin: 8px 0 4px;
  font-size: 15px;
  font-weight: 600;
  color: var(--text-primary);
}
body.skyten-brand .auth-card--narrow {
  width: 270px;
}
body.skyten-brand .auth-card--max420 {
  max-width: 420px;
}
body.skyten-brand .auth-card__title {
  margin: 0 0 6px;
  font-size: 16px;
  color: var(--text-primary);
}
body.skyten-brand .auth-card__lead {
  margin: 0 0 14px;
  font-size: 12px;
  color: var(--text-secondary);
}
body.skyten-brand .auth-card__label {
  font-size: 12px;
  color: var(--text-secondary);
}
body.skyten-brand .auth-card .input {
  width: 100%;
}
body.skyten-brand .auth-card__error {
  font-size: 11px;
  color: var(--functional-error-text);
}
body.skyten-brand .auth-card__submit.btn {
  width: 100%;
  margin-top: 14px;
}
body.skyten-brand .auth-card__center {
  text-align: center;
  padding: 6px 0;
}
body.skyten-brand .auth-card__form-title {
  font-size: 15px;
  color: var(--text-primary);
  margin-bottom: 14px;
  font-weight: 600;
}
body.skyten-brand .auth-card__field {
  margin-bottom: 14px;
}
body.skyten-brand .auth-card__label--block {
  display: block;
  margin-bottom: 4px;
}
body.skyten-brand .auth-card__actions {
  text-align: right;
}
body.skyten-brand .auth-card__icon--success {
  color: var(--functional-success-default);
  display: inline-flex;
}
body.skyten-brand .auth-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
body.skyten-brand .auth-field__label {
  font-size: 12px;
  color: var(--text-secondary);
}
body.skyten-brand .pw-field--auth {
  position: relative;
}
body.skyten-brand .pw-field--auth .input {
  width: 100%;
  padding-right: 42px;
}
body.skyten-brand .topbar {
  display: flex;
  align-items: center;
  gap: 16px;
  background: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: 12px;
  padding: 10px 16px;
  max-width: 640px;
  box-shadow: var(--shadow-primary);
}
body.skyten-brand .topbar__brand {
  color: var(--text-primary);
}
body.skyten-brand .topbar__brand-accent {
  color: var(--brand-primary);
}
body.skyten-brand .topbar__spacer {
  flex: 1;
}
body.skyten-brand .topbar__avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--brand-primary);
  color: var(--color-foundations-white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
}
body.skyten-brand .modal-panel {
  background: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-l, 20px);
  box-shadow: var(--shadow-primary);
  overflow: hidden;
}
body.skyten-brand .modal-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 22px;
  border-bottom: 1px solid var(--border-secondary);
}
body.skyten-brand .modal-panel__title {
  font-size: 18px;
  color: var(--text-primary);
}
body.skyten-brand .modal-panel__close {
  display: inline-flex;
  color: var(--text-secondary);
  cursor: pointer;
}
body.skyten-brand .modal-panel__body {
  padding: 8px 22px;
}
body.skyten-brand .def-row {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 14px 0;
  border-bottom: 1px solid var(--border-secondary);
}
body.skyten-brand .def-row--between {
  align-items: center;
  justify-content: space-between;
}
body.skyten-brand .def-row--last {
  border-bottom: 0;
}
body.skyten-brand .def-row__col {
  flex: 1;
}
body.skyten-brand .def-row__label {
  font-size: 12px;
  color: var(--text-secondary);
}
body.skyten-brand .def-row__value {
  font-size: 15px;
  color: var(--text-primary);
}
body.skyten-brand .def-row__req {
  color: var(--functional-error-default);
}
body.skyten-brand .def-row__grid {
  display: flex;
  gap: 18px;
}
body.skyten-brand .def-row__grid > .def-row__col > .def-row {
  padding-top: 0;
}
body.skyten-brand .value-toggle {
  display: flex;
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  overflow: hidden;
}
body.skyten-brand .value-toggle__opt {
  padding: 8px 16px;
  font-size: 13px;
  color: var(--text-primary);
}
body.skyten-brand .value-toggle__opt--active {
  background: var(--background-hover);
}
body.skyten-brand .modal-panel__footer {
  text-align: right;
  padding-bottom: 16px;
}
body.skyten-brand .sale-app {
  background: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: 16px;
  padding: 22px;
  box-shadow: var(--shadow-primary);
}
body.skyten-brand .sale-app__tabs {
  display: flex;
  align-items: center;
  gap: 6px;
  border-bottom: 1px solid var(--border-secondary);
  margin-bottom: 18px;
  overflow: auto;
}
body.skyten-brand .sale-app__tab {
  padding: 10px 14px;
  font-size: 13px;
  color: var(--text-secondary);
  border-bottom: 2px solid transparent;
  white-space: nowrap;
}
body.skyten-brand .sale-app__tab--active {
  color: var(--brand-primary);
  border-bottom-color: var(--brand-primary);
}
body.skyten-brand .sale-app__arrow {
  color: var(--text-secondary);
  padding: 0 8px;
}
body.skyten-brand .sale-app__id-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 18px;
}
body.skyten-brand .sale-app__name {
  font-size: 16px;
  color: var(--text-primary);
}
body.skyten-brand .sale-app__actions {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
body.skyten-brand .sale-app__close-row {
  text-align: center;
  margin-bottom: 20px;
}
body.skyten-brand .sale-app__section-label {
  font-size: 14px;
  color: var(--text-secondary);
  margin-bottom: 8px;
}
body.skyten-brand .pill-outline {
  border-radius: 999px;
  padding: 9px 18px;
  font-size: 13px;
  background: var(--background-secondary);
  cursor: pointer;
}
body.skyten-brand .pill-outline--ok {
  border: 1px solid var(--functional-highlight);
  color: var(--functional-highlight);
}
body.skyten-brand .pill-outline--danger {
  border: 1px solid var(--functional-error-default);
  color: var(--functional-error-default);
}
body.skyten-brand .simple-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
body.skyten-brand .simple-table th {
  text-align: left;
  padding: 9px 12px;
  background: var(--table-header-background);
  color: var(--table-header-text);
  font-size: 11px;
  text-transform: uppercase;
  font-weight: var(--table-header-weight);
}
body.skyten-brand .simple-table__empty {
  padding: 22px;
  text-align: center;
  color: var(--text-secondary);
}
body.skyten-brand .detail-panel {
  background: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-l, 14px);
  box-shadow: var(--shadow-primary);
  overflow: hidden;
  max-width: 600px;
}
body.skyten-brand .detail-panel__head {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 20px;
  border-bottom: 1px solid var(--border-secondary);
}
body.skyten-brand .detail-panel__name {
  font-weight: 600;
  color: var(--text-primary);
}
body.skyten-brand .detail-panel__sub {
  font-size: 12px;
  color: var(--text-secondary);
}
body.skyten-brand .detail-panel__status {
  margin-left: auto;
}
body.skyten-brand .detail-panel__tabs {
  display: flex;
  gap: 24px;
  padding: 0 20px;
  border-bottom: 1px solid var(--border-secondary);
}
body.skyten-brand .detail-panel__tab {
  padding: 12px 2px;
  font-size: 13px;
  color: var(--text-secondary);
}
body.skyten-brand .detail-panel__tab--active {
  color: var(--functional-primary);
  border-bottom: 2px solid var(--functional-primary);
  font-weight: 600;
}
body.skyten-brand .detail-panel__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 20px;
  padding: 20px;
  font-size: 13px;
}
body.skyten-brand .detail-panel__key {
  font-size: 10px;
  text-transform: uppercase;
  color: var(--text-secondary);
}
body.skyten-brand .detail-panel__val {
  color: var(--text-primary);
}
body.skyten-brand .tbl__wrap {
  background: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: 12px;
  overflow: auto;
}
body.skyten-brand .tbl__wrap--card {
  border-radius: var(--radius-l, 16px);
  box-shadow: var(--shadow-primary);
}
body.skyten-brand .tbl__wrap--max900 {
  max-width: 900px;
}
body.skyten-brand .tbl__wrap--max680 {
  max-width: 680px;
}
body.skyten-brand .tbl__wrap--max640 {
  max-width: 640px;
}
body.skyten-brand .tbl__wrap--max620 {
  max-width: 620px;
}
body.skyten-brand .tbl__wrap--max600 {
  max-width: 600px;
}
body.skyten-brand .tbl__wrap--max560 {
  max-width: 560px;
}
body.skyten-brand .tbl__wrap--max520 {
  max-width: 520px;
}
body.skyten-brand .tbl {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  color: var(--text-primary);
}
body.skyten-brand .tbl--auto {
  width: auto;
}
body.skyten-brand .tbl--striped tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--brand-primary) 4%, transparent);
}
body.skyten-brand .tbl__head {
  text-align: left;
  padding: 9px 12px;
  font-size: 11px;
  text-transform: uppercase;
  background: var(--table-header-background);
  color: var(--table-header-text);
  font-weight: var(--table-header-weight);
}
body.skyten-brand .tbl__head--pad10 {
  padding: 10px;
}
body.skyten-brand .tbl__head--pad12 {
  padding: 12px;
}
body.skyten-brand .tbl__head--r {
  text-align: right;
}
body.skyten-brand .tbl__head--soft {
  padding: 10px 14px;
  font-size: 13px;
  text-transform: none;
  font-weight: 600;
  color: var(--text-primary);
  background: var(--background-secondary);
  border-bottom: 1px solid var(--border-secondary);
  white-space: nowrap;
}
body.skyten-brand .tbl__head--check {
  width: 44px;
  padding: 10px 14px;
  background: var(--background-secondary);
  border-bottom: 1px solid var(--border-secondary);
}
body.skyten-brand .tbl__head--sort {
  cursor: pointer;
}
body.skyten-brand .tbl__cell {
  padding: 9px 12px;
  border-top: 1px solid var(--border-secondary);
}
body.skyten-brand .tbl__cell--pad10 {
  padding: 10px;
}
body.skyten-brand .tbl__cell--top {
  vertical-align: top;
}
body.skyten-brand .tbl__cell--w160 {
  width: 160px;
}
body.skyten-brand .tbl__cell--r {
  text-align: right;
}
body.skyten-brand .tbl__cell--muted {
  color: var(--text-secondary);
}
body.skyten-brand .tbl__cell--up {
  color: var(--functional-success-default);
}
body.skyten-brand .tbl__cell--down {
  color: var(--functional-error-default);
}
body.skyten-brand .tbl__cell--soft {
  padding: 9px 14px;
  border-top: 0;
  border-bottom: 1px solid var(--border-secondary);
  color: var(--text-secondary);
}
body.skyten-brand .tbl__cell--soft-check {
  padding: 9px 14px;
  border-top: 0;
  border-bottom: 1px solid var(--border-secondary);
}
body.skyten-brand .tbl__cell--grid {
  padding: 12px;
  border: 1px solid var(--border-secondary);
  text-align: right;
}
body.skyten-brand .tbl__cell--rowhead {
  padding: 12px;
  border: 1px solid var(--border-secondary);
  font-weight: 700;
}
body.skyten-brand .tbl__empty {
  padding: 26px;
  text-align: center;
  color: var(--text-secondary);
}
body.skyten-brand .tbl--hover tbody tr:hover .tbl__cell {
  background: color-mix(in srgb, var(--brand-primary) 8%, transparent);
}
body.skyten-brand .net-tree__node {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
body.skyten-brand .net-tree__node--l1 {
  padding-left: 0;
}
body.skyten-brand .net-tree__node--l2 {
  padding-left: 22px;
}
body.skyten-brand .net-tree__node--l3 {
  padding-left: 44px;
}
body.skyten-brand .net-tree__tog {
  border: 1px solid var(--border-primary);
  border-radius: 4px;
  background: transparent;
  width: 20px;
  height: 20px;
  line-height: 1;
  font-size: 13px;
  color: var(--text-secondary);
  cursor: pointer;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
body.skyten-brand .net-tree__tog:hover {
  background: var(--background-hover);
  color: var(--text-primary);
}
body.skyten-brand .net-tree__spacer {
  display: inline-block;
  width: 20px;
}
body.skyten-brand .net-tree__rank {
  background: var(--background-hover);
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: var(--text-secondary);
}
body.skyten-brand .net-tree__link {
  color: var(--functional-primary);
  cursor: pointer;
}
body.skyten-brand .tree-tab {
  border: 1px solid var(--border-secondary);
  border-radius: 12px;
  background: var(--background-secondary);
  overflow: hidden;
}
body.skyten-brand .tree-tab__row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--border-secondary);
  color: var(--text-secondary);
  font-size: 13px;
}
body.skyten-brand .tree-tab__row:last-child {
  border-bottom: 0;
}
body.skyten-brand .tree-tab__row:hover:not(.tree-tab__row--head) {
  background: color-mix(in srgb, var(--brand-primary) 8%, transparent);
}
body.skyten-brand .tree-tab__row--head {
  background: var(--background-hover);
  color: var(--text-primary);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.02em;
}
body.skyten-brand .tree-tab__cell {
  min-width: 0;
}
body.skyten-brand .tree-tab__cell--opener {
  flex: 0 0 50px;
}
body.skyten-brand .tree-tab__cell--level {
  flex: 0 0 40px;
  text-align: center;
}
body.skyten-brand .tree-tab__cell--id {
  flex: 1 1 100px;
  padding-left: calc(var(--tree-level, 0) * 18px);
}
body.skyten-brand .tree-tab__cell--name {
  flex: 1 1 120px;
}
body.skyten-brand .tree-tab__cell--email {
  flex: 1 1 170px;
}
body.skyten-brand .tree-tab__cell--num {
  flex: 1 1 60px;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
body.skyten-brand .tree-tab__cell--counts {
  flex: 1 1 120px;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
body.skyten-brand .tree-tab__toggle {
  appearance: none;
  background: transparent;
  border: 1px solid var(--border-secondary);
  border-radius: 6px;
  width: 34px;
  height: 26px;
  color: var(--text-secondary);
  cursor: pointer;
  font-family: var(--font-mono, "Courier New", monospace);
  transition: border-color 0.15s ease, color 0.15s ease;
}
body.skyten-brand .tree-tab__toggle:hover {
  border-color: var(--brand-primary);
  color: var(--text-primary);
}
body.skyten-brand .tree-tab__toggle--leaf {
  visibility: hidden;
}
body.skyten-brand .tree-tab__rank {
  display: inline-block;
  min-width: 20px;
  padding: 1px 6px;
  border-radius: 6px;
  background: var(--background-hover);
  color: var(--text-primary);
  text-align: center;
  font-size: 12px;
}
body.skyten-brand .tree-tab__link {
  color: var(--functional-primary);
  cursor: pointer;
  text-decoration: none;
}
body.skyten-brand .tree-tab__link:hover {
  text-decoration: underline;
}
body.skyten-brand .tree-tab__subtree, body.skyten-brand .tree-tab__subtree ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.skyten-brand .acct-stmt {
  background: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: 14px;
  padding: 20px;
  max-width: 680px;
  box-shadow: var(--shadow-primary);
}
body.skyten-brand .acct-stmt__bar {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 16px;
}
body.skyten-brand .acct-stmt__balance {
  border-radius: 999px;
  padding: 12px 20px;
  min-width: 120px;
  text-align: center;
}
body.skyten-brand .acct-stmt__balance--eur {
  background: var(--functional-info-default);
  color: var(--color-foundations-white);
}
body.skyten-brand .acct-stmt__balance--native {
  background: var(--functional-primary);
  color: var(--color-foundations-white);
}
body.skyten-brand .acct-stmt__balance--fiat {
  background: var(--brand-tertiary);
  color: var(--text-primary);
}
body.skyten-brand .acct-stmt__balance-value {
  font-size: 18px;
  font-weight: 700;
}
body.skyten-brand .acct-stmt__balance-label {
  font-size: 11px;
  opacity: 0.9;
}
body.skyten-brand .acct-stmt__spacer {
  flex: 1;
}
body.skyten-brand .acct-stmt--wide {
  max-width: none;
}
body.skyten-brand .acct-stmt__table-wrap {
  border: 1px solid var(--border-secondary);
  border-radius: 10px;
  overflow: hidden;
}
body.skyten-brand .fq-table {
  max-width: 680px;
}
body.skyten-brand .fq-table__search {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
body.skyten-brand .fq-table__field {
  flex: 1;
  min-width: 160px;
}
body.skyten-brand .fq-table__field--date {
  flex: 0 0 140px;
}
body.skyten-brand .fq-table__field .input {
  color: var(--text-secondary);
}
body.skyten-brand .fq-table__tabs {
  display: flex;
  margin-bottom: 10px;
}
body.skyten-brand .fq-table__tab {
  flex: 1;
  border: 1px solid var(--border-secondary);
  background: var(--background-secondary);
  color: var(--text-secondary);
  padding: 8px;
  font-size: 12px;
  cursor: pointer;
}
body.skyten-brand .fq-table__tab--active {
  background: var(--functional-primary);
  color: var(--color-foundations-white);
}
body.skyten-brand .brevo__sub {
  font-size: 11px;
  color: var(--text-secondary);
}
body.skyten-brand .cust-stmt {
  background: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: 12px;
  max-width: 640px;
  box-shadow: var(--shadow-primary);
  overflow: hidden;
  font-family: var(--font-mono, "SF Mono", monospace);
  font-size: 12px;
}
body.skyten-brand .cust-stmt__line {
  display: flex;
  padding: 3px 12px;
}
body.skyten-brand .cust-stmt__line--zebra {
  background: var(--background-hover);
}
body.skyten-brand .cust-stmt__num {
  width: 28px;
  color: var(--text-secondary);
  opacity: 0.6;
}
body.skyten-brand .cust-stmt__col {
  flex: 1;
  color: var(--text-primary);
}
body.skyten-brand .comm-matrix {
  background: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: 16px;
  padding: 22px;
  box-shadow: var(--shadow-primary);
}
body.skyten-brand .comm-matrix__totals {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 20px;
}
body.skyten-brand .comm-matrix__pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--color-foundations-white);
  border-radius: 999px;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 600;
}
body.skyten-brand .comm-matrix__pill--total {
  background: var(--functional-info-default);
}
body.skyten-brand .comm-matrix__pill--paid {
  background: var(--brand-primary);
}
body.skyten-brand .comm-matrix__pill--open {
  background: var(--functional-highlight);
}
body.skyten-brand .comm-matrix__spacer {
  flex: 1;
}
body.skyten-brand .comm-matrix__scroll {
  overflow: auto;
}
body.skyten-brand .shares-tab {
  background: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: 16px;
  padding: 22px;
  box-shadow: var(--shadow-primary);
}
body.skyten-brand .shares-tab__subnav {
  display: flex;
  align-items: center;
  gap: 6px;
  border-bottom: 1px solid var(--border-secondary);
  margin-bottom: 18px;
  overflow: auto;
}
body.skyten-brand .shares-tab__arrow {
  color: var(--text-secondary);
  padding: 0 8px;
}
body.skyten-brand .shares-tab__navitem {
  padding: 10px 14px;
  font-size: 13px;
  color: var(--text-secondary);
  border-bottom: 2px solid transparent;
  white-space: nowrap;
}
body.skyten-brand .shares-tab__navitem--active {
  color: var(--brand-primary);
  border-bottom: 2px solid var(--brand-primary);
}
body.skyten-brand .shares-tab__actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 18px;
}
body.skyten-brand .shares-tab__spacer {
  flex: 1;
}
body.skyten-brand .shares-tab__pager {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  padding-top: 14px;
  font-size: 13px;
  color: var(--text-secondary);
}
body.skyten-brand .shares-tab__perpage {
  border: 1px solid var(--border-primary);
  border-radius: 8px;
  padding: 6px 12px;
}
body.skyten-brand .shares-tab__pagenav {
  opacity: 0.4;
}
body.skyten-brand .act-log {
  background: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: 16px;
  padding: 22px;
  box-shadow: var(--shadow-primary);
}
body.skyten-brand .act-log__filters {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  align-items: flex-end;
  margin-bottom: 18px;
}
body.skyten-brand .act-log__field {
  flex: 1;
  min-width: 200px;
}
body.skyten-brand .act-log__label {
  font-size: 13px;
  color: var(--text-secondary);
}
body.skyten-brand .act-log__underline {
  border-bottom: 1px solid var(--border-primary);
  height: 28px;
}
body.skyten-brand .act-log__box {
  border: 1px solid var(--border-primary);
  border-radius: 8px;
  height: 36px;
}
body.skyten-brand .act-log__reset {
  color: var(--text-secondary);
}
body.skyten-brand .act-log__row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid var(--border-secondary);
}
body.skyten-brand .act-log__avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  color: var(--color-foundations-white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
body.skyten-brand .act-log__avatar--info {
  background: var(--functional-info-default);
}
body.skyten-brand .act-log__avatar--highlight {
  background: var(--functional-highlight);
}
body.skyten-brand .act-log__body {
  flex: 1;
}
body.skyten-brand .act-log__title {
  font-size: 14px;
  color: var(--text-primary);
}
body.skyten-brand .act-log__id {
  color: var(--text-secondary);
}
body.skyten-brand .act-log__time {
  font-size: 12px;
  color: var(--text-secondary);
}
body.skyten-brand .act-log__detail {
  font-size: 13px;
  color: var(--text-secondary);
}
body.skyten-brand .filter-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  background: var(--card-bg, var(--background-secondary));
  border: 1px solid var(--border-secondary);
  border-radius: 14px;
  box-shadow: var(--shadow-primary);
  padding: 12px 14px;
}
body.skyten-brand .filter-bar__search {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--background-input);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-m, 10px);
  padding: 10px 14px;
  flex: 1;
  min-width: 240px;
}
body.skyten-brand .filter-bar__dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--text-secondary);
  opacity: 0.5;
}
body.skyten-brand .filter-bar__input {
  border: 0;
  background: 0;
  outline: 0;
  flex: 1;
  font: inherit;
  color: var(--text-primary);
}
body.skyten-brand .filter-bar__filter {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--border-primary);
  background: var(--background-secondary);
  border-radius: 10px;
  padding: 8px 13px;
  font-size: 13px;
  cursor: pointer;
  white-space: nowrap;
}
body.skyten-brand .filter-bar__filter--active {
  border-color: var(--brand-primary);
}
body.skyten-brand .filter-bar__filter-key {
  color: var(--text-secondary);
}
body.skyten-brand .filter-bar__filter-val {
  font-weight: 600;
  color: var(--text-secondary);
}
body.skyten-brand .filter-bar__filter--active .filter-bar__filter-val {
  color: var(--brand-primary);
}
body.skyten-brand .filter-bar__caret {
  opacity: 0.5;
}
body.skyten-brand .filter-bar__clear {
  color: var(--text-secondary);
  font-size: 13px;
  cursor: pointer;
  white-space: nowrap;
}
body.skyten-brand .heatmap {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 3px;
  max-width: 320px;
}
body.skyten-brand .heatmap__cell {
  height: 34px;
  border-radius: 4px;
}
body.skyten-brand .heatmap__cell--ok {
  background: var(--functional-success-default);
}
body.skyten-brand .heatmap__cell--warn {
  background: var(--functional-warning-default);
}
body.skyten-brand .heatmap__cell--bad {
  background: var(--functional-error-default);
}
body.skyten-brand .heatmap__cell--o35 {
  opacity: 0.35;
}
body.skyten-brand .heatmap__cell--o36 {
  opacity: 0.36;
}
body.skyten-brand .heatmap__cell--o37 {
  opacity: 0.37;
}
body.skyten-brand .heatmap__cell--o40 {
  opacity: 0.4;
}
body.skyten-brand .heatmap__cell--o41 {
  opacity: 0.41;
}
body.skyten-brand .heatmap__cell--o45 {
  opacity: 0.45;
}
body.skyten-brand .heatmap__cell--o46 {
  opacity: 0.46;
}
body.skyten-brand .heatmap__cell--o49 {
  opacity: 0.49;
}
body.skyten-brand .heatmap__cell--o50 {
  opacity: 0.5;
}
body.skyten-brand .heatmap__cell--o51 {
  opacity: 0.51;
}
body.skyten-brand .heatmap__cell--o54 {
  opacity: 0.54;
}
body.skyten-brand .heatmap__cell--o55 {
  opacity: 0.55;
}
body.skyten-brand .heatmap__cell--o59 {
  opacity: 0.59;
}
body.skyten-brand .heatmap__cell--o60 {
  opacity: 0.6;
}
body.skyten-brand .heatmap__cell--o63 {
  opacity: 0.63;
}
body.skyten-brand .heatmap__cell--o64 {
  opacity: 0.64;
}
body.skyten-brand .heatmap__cell--o68 {
  opacity: 0.68;
}
body.skyten-brand .heatmap__cell--o69 {
  opacity: 0.69;
}
body.skyten-brand .heatmap__cell--o72 {
  opacity: 0.72;
}
body.skyten-brand .heatmap__cell--o73 {
  opacity: 0.73;
}
body.skyten-brand .heatmap__cell--o74 {
  opacity: 0.74;
}
body.skyten-brand .heatmap__cell--o77 {
  opacity: 0.77;
}
body.skyten-brand .heatmap__cell--o78 {
  opacity: 0.78;
}
body.skyten-brand .heatmap__cell--o82 {
  opacity: 0.82;
}
body.skyten-brand .heatmap__cell--o83 {
  opacity: 0.83;
}
body.skyten-brand .heatmap__cell--o86 {
  opacity: 0.86;
}
body.skyten-brand .heatmap__cell--o87 {
  opacity: 0.87;
}
body.skyten-brand .heatmap__cell--o88 {
  opacity: 0.88;
}
body.skyten-brand .heatmap__cell--o91 {
  opacity: 0.91;
}
body.skyten-brand .heatmap__cell--o92 {
  opacity: 0.92;
}
body.skyten-brand .advtbl-bar {
  background: var(--functional-primary);
  color: var(--color-foundations-white);
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 12px;
  margin-bottom: 10px;
  max-width: 560px;
}
body.skyten-brand .advtbl-demo {
  margin-top: 24px;
  border-top: 1px solid var(--border-secondary);
  padding-top: 16px;
}
body.skyten-brand .advtbl-demo__label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  opacity: 0.6;
  margin-bottom: 12px;
}
body.skyten-brand .advtbl-demo__hint {
  font-size: 11px;
  opacity: 0.5;
  margin-top: 8px;
}
body.skyten-brand .net-tree__row--hidden {
  display: none;
}
body.skyten-brand .info-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px;
  max-width: 600px;
}
body.skyten-brand .info-card {
  background: var(--card-bg, var(--background-secondary));
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-l, 14px);
  box-shadow: var(--shadow-primary);
  overflow: hidden;
}
body.skyten-brand .info-card__thumb {
  height: 90px;
  background: var(--background-hover);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-secondary);
  font-size: 28px;
}
body.skyten-brand .info-card__body {
  padding: 14px;
}
body.skyten-brand .info-card__title {
  font-weight: 600;
  font-size: 13px;
  color: var(--text-primary);
}
body.skyten-brand .info-card__meta {
  font-size: 11px;
  color: var(--text-secondary);
  margin-top: 4px;
}
body.skyten-brand .video-popup {
  max-width: 760px;
  margin: 0 auto;
}
body.skyten-brand .video-popup__grid {
  padding: 26px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}
body.skyten-brand .video-popup__item {
  text-align: center;
}
body.skyten-brand .video-popup__thumb {
  height: 150px;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
}
body.skyten-brand .video-popup__thumb--a {
  background: linear-gradient(135deg, var(--functional-highlight), var(--functional-success-default));
}
body.skyten-brand .video-popup__thumb--b {
  background: linear-gradient(135deg, var(--functional-primary), var(--functional-info-default));
}
body.skyten-brand .video-popup__thumb--c {
  background: linear-gradient(135deg, var(--functional-info-default), var(--functional-primary));
}
body.skyten-brand .video-popup__brand {
  position: absolute;
  top: 10px;
  left: 12px;
  color: var(--color-foundations-white);
  font-weight: 700;
  font-size: 12px;
  opacity: 0.9;
}
body.skyten-brand .video-popup__still {
  background: var(--background-secondary);
  color: var(--text-primary);
  font-weight: 700;
  font-size: 15px;
  padding: 8px 14px;
  border-radius: 2px;
  box-shadow: var(--shadow-primary);
}
body.skyten-brand .video-popup__caption {
  font-size: 14px;
  color: var(--text-secondary);
  margin: 10px 0 12px;
}
body.skyten-brand .video-popup__watch {
  border: 1px solid var(--functional-highlight);
  background: transparent;
  color: var(--functional-highlight);
  border-radius: 999px;
  padding: 10px 26px;
  font-size: 14px;
}
body.skyten-brand .video-popup__watch--static {
  pointer-events: none;
}
body.skyten-brand .modal-panel__title--muted {
  color: var(--text-secondary);
}
body.skyten-brand .slideover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 420px;
  max-width: 96%;
  background: var(--background-secondary);
  box-shadow: var(--shadow-primary);
  overflow: auto;
}
body.skyten-brand .slideover__nav {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--border-secondary);
}
body.skyten-brand .slideover__navbtn {
  width: 34px;
  height: 34px;
  border: 1px solid var(--border-secondary);
  background: var(--background-secondary);
  border-radius: var(--radius-m, 8px);
  cursor: pointer;
  color: var(--text-primary);
}
body.skyten-brand .slideover__id {
  font-family: var(--font-mono, monospace);
  color: var(--text-secondary);
}
body.skyten-brand .slideover__status {
  margin-left: auto;
}
body.skyten-brand .slideover__body {
  padding: 18px;
}
body.skyten-brand .slideover__identity {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}
body.skyten-brand .slideover__name {
  font-weight: 700;
  font-size: 18px;
  color: var(--text-primary);
}
body.skyten-brand .slideover__email {
  font-size: 13px;
  color: var(--text-secondary);
  font-family: var(--font-mono, monospace);
}
body.skyten-brand .slideover__meta {
  border: 1px solid var(--border-secondary);
  border-radius: 12px;
  padding: 16px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 18px;
  margin-bottom: 16px;
}
body.skyten-brand .slideover__key {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-secondary);
}
body.skyten-brand .slideover__val {
  font-size: 13px;
  color: var(--text-primary);
}
body.skyten-brand .slideover__section {
  font-size: 10px;
  text-transform: uppercase;
  color: var(--text-secondary);
}
body.skyten-brand .slideover__section--gap6 {
  margin-bottom: 6px;
}
body.skyten-brand .slideover__section--gap8 {
  margin-bottom: 8px;
}
body.skyten-brand .slideover__subject {
  font-size: 14px;
  color: var(--text-primary);
  margin: 4px 0 16px;
}
body.skyten-brand .slideover__payload {
  border: 1px solid var(--border-secondary);
  border-radius: 12px;
  padding: 8px 14px;
  margin: 6px 0 16px;
}
body.skyten-brand .slideover__kv {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  font-size: 13px;
  border-bottom: 1px dashed var(--border-secondary);
}
body.skyten-brand .slideover__kv--last {
  border-bottom: 0;
}
body.skyten-brand .slideover__kv-key {
  color: var(--text-secondary);
}
body.skyten-brand .slideover__kv-val {
  color: var(--text-primary);
}
body.skyten-brand .slideover__activity {
  display: flex;
  gap: 12px;
  margin-top: 6px;
  font-size: 13px;
  color: var(--text-primary);
}
body.skyten-brand .slideover__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid var(--functional-primary);
  margin-top: 4px;
  flex: 0 0 auto;
}
body.skyten-brand .slideover__time {
  font-size: 11px;
  color: var(--text-secondary);
}
body.skyten-brand .slideover__footer {
  position: sticky;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  border-top: 1px solid var(--border-secondary);
  background: var(--background-secondary);
}
body.skyten-brand .slideover__footer-spacer {
  flex: 1;
}
body.skyten-brand .status-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 1px solid var(--border-secondary);
  background: var(--background-secondary);
  color: var(--text-primary);
  border-radius: 999px;
  padding: 7px 14px;
  font-size: 12px;
  cursor: pointer;
}
body.skyten-brand .status-btn--active {
  border-color: var(--functional-primary);
  background: var(--functional-info-background);
}
body.skyten-brand .docs-list {
  max-width: 720px;
  padding: 22px;
  border: 1px solid var(--border-secondary);
  border-radius: 16px;
  background: var(--background-secondary);
  box-shadow: var(--shadow-primary);
}
body.skyten-brand .docs-list__items {
  margin: 0;
  padding-left: 22px;
  list-style: disc;
}
body.skyten-brand .docs-list__item {
  padding: 7px 0;
  font-size: 15px;
  color: var(--text-secondary);
}
body.skyten-brand .docs-list__link {
  color: var(--text-secondary);
}
body.skyten-brand .rec-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px;
  max-width: 620px;
}
body.skyten-brand .rec-card {
  padding: 16px;
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-l, 12px);
  background: var(--background-secondary);
  box-shadow: var(--shadow-primary);
}
body.skyten-brand .rec-card__name {
  font-weight: 600;
  color: var(--text-primary);
}
body.skyten-brand .rec-card__meta {
  margin-top: 4px;
  font-size: 12px;
  color: var(--text-secondary);
}
body.skyten-brand .rec-card__tagrow {
  margin-top: 10px;
}
body.skyten-brand .rec-card__tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  background: var(--functional-info-background);
  color: var(--functional-info-default);
}
body.skyten-brand .rec-card__tag-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--functional-info-default);
}
body.skyten-brand .act-timeline {
  font-size: 13px;
  color: var(--text-primary);
}
body.skyten-brand .act-timeline__row {
  position: relative;
  display: flex;
  gap: 12px;
  padding-bottom: 14px;
}
body.skyten-brand .act-timeline__rail {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.skyten-brand .act-timeline__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--functional-primary);
}
body.skyten-brand .act-timeline__line {
  flex: 1;
  width: 2px;
  margin: 2px 0;
  background: var(--border-secondary);
}
body.skyten-brand .act-timeline__time {
  font-size: 11px;
  color: var(--text-secondary);
}
body.skyten-brand .report-prev {
  position: relative;
  min-height: 320px;
  padding: 20px;
  border-radius: 14px;
  background: var(--background-hover);
}
body.skyten-brand .report-prev__sheet {
  width: 520px;
  max-width: 94%;
  margin: 8px auto;
  border-radius: var(--radius-l, 14px);
  overflow: hidden;
  background: var(--background-secondary);
  box-shadow: var(--shadow-primary);
}
body.skyten-brand .report-prev__title {
  padding: 16px;
  border-bottom: 1px solid var(--border-secondary);
  text-align: center;
  font-weight: 600;
  color: var(--text-primary);
}
body.skyten-brand .report-prev__body {
  max-height: 150px;
  overflow: hidden;
  padding: 6px 0;
  font-family: var(--font-mono, "SF Mono", monospace);
  font-size: 12px;
}
body.skyten-brand .report-prev__line {
  display: flex;
  padding: 3px 12px;
}
body.skyten-brand .report-prev__line--alt {
  background: var(--background-hover);
}
body.skyten-brand .report-prev__lineno {
  width: 28px;
  color: var(--text-secondary);
  opacity: 0.6;
}
body.skyten-brand .report-prev__cell {
  flex: 1;
  color: var(--text-primary);
}
body.skyten-brand .report-prev__actions {
  display: flex;
  border-top: 1px solid var(--border-secondary);
}
body.skyten-brand .report-prev__btn {
  flex: 1;
  padding: 14px;
  border: 0;
  background: var(--background-secondary);
  color: var(--text-secondary);
  cursor: pointer;
}
body.skyten-brand .report-prev__btn--divider {
  border-right: 1px solid var(--border-secondary);
}
body.skyten-brand .role-bar {
  background: var(--card-bg, var(--background-secondary));
  border: 1px solid var(--border-secondary);
  border-radius: 16px;
  box-shadow: var(--shadow-primary);
  padding: 22px;
}
body.skyten-brand .role-bar__name {
  margin-bottom: 14px;
  font-size: 16px;
  color: var(--text-primary);
}
body.skyten-brand .role-bar__row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 14px;
}
body.skyten-brand .role-bar__tag {
  padding: 8px 14px;
  border-radius: var(--radius-s, 8px);
  font-size: 13px;
  background: var(--background-hover);
  color: var(--text-secondary);
}
body.skyten-brand .role-bar__tag--strong {
  font-weight: 600;
  color: var(--color-foundations-white);
}
body.skyten-brand .role-bar__tag--highlight {
  background: var(--functional-highlight);
}
body.skyten-brand .role-bar__tag--info {
  background: var(--functional-info-default);
}
body.skyten-brand .role-bar__tag--primary {
  background: var(--brand-primary);
}
body.skyten-brand .role-bar__spacer {
  flex: 1;
}
body.skyten-brand .role-bar__resets {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
body.skyten-brand .role-bar__reset {
  padding: 9px 18px;
  border: 1px solid var(--functional-error-default);
  border-radius: 999px;
  background: var(--background-secondary);
  color: var(--functional-error-default);
  font-size: 13px;
  cursor: pointer;
}
body.skyten-brand .cat-note {
  margin: 0 0 12px;
  font-size: 11px;
  line-height: 1.55;
  opacity: 0.5;
}
body.skyten-brand .cat-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 18px;
}
body.skyten-brand .cat-row--g14 {
  gap: 14px;
}
body.skyten-brand .cat-row--g16 {
  gap: 16px;
}
body.skyten-brand .cat-row--g20 {
  gap: 20px;
}
body.skyten-brand .cat-row--tight {
  gap: 12px;
}
body.skyten-brand .cat-row--wide {
  gap: 24px;
}
body.skyten-brand .cat-row--grid {
  gap: 20px 24px;
}
body.skyten-brand .cat-row--grid16 {
  gap: 16px 20px;
}
body.skyten-brand .cat-row--end {
  align-items: flex-end;
}
body.skyten-brand .cat-row--center {
  align-items: center;
}
body.skyten-brand .cat-row--static {
  pointer-events: none;
}
body.skyten-brand .cat-row--mt {
  margin-top: 16px;
}
body.skyten-brand .cat-row--mb6 {
  margin-bottom: 6px;
}
body.skyten-brand .cat-divider {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid var(--border-secondary);
}
body.skyten-brand .cat-divider--mt22 {
  margin-top: 22px;
}
body.skyten-brand .cat-divider--mt20 {
  margin-top: 20px;
}
body.skyten-brand .icon-set__title {
  margin-bottom: 4px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  opacity: 0.7;
}
body.skyten-brand .icon-set__note {
  margin: 0 0 12px;
  max-width: 680px;
  font-size: 11px;
  color: var(--text-secondary);
}
body.skyten-brand .cat-sublabel {
  margin-bottom: 12px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  opacity: 0.6;
}
body.skyten-brand .cat-note-inline {
  font-size: 11px;
  opacity: 0.5;
}
body.skyten-brand .cat-note-inline--mt {
  margin-top: 8px;
}
body.skyten-brand .cat-note-inline--max300 {
  max-width: 300px;
}
body.skyten-brand .cat-note--mb8 {
  margin-bottom: 8px;
}
body.skyten-brand .cat-note--mb10 {
  margin-bottom: 10px;
}
body.skyten-brand .cat-foot-note {
  margin-top: 10px;
  font-size: 11px;
  opacity: 0.5;
}
body.skyten-brand .cat-foot-note--max300 {
  max-width: 300px;
}
body.skyten-brand .cat-foot-note--max340 {
  max-width: 340px;
}
body.skyten-brand .cat-foot-note--mt8lh {
  margin-top: 8px;
  line-height: 1.45;
}
body.skyten-brand .cat-intro {
  margin-bottom: 10px;
  font-size: 11px;
  opacity: 0.5;
}
body.skyten-brand .cat-dim {
  opacity: 0.8;
}
body.skyten-brand .cat-card {
  background: var(--card-bg, var(--background-secondary));
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-l, 14px);
  box-shadow: var(--shadow-primary);
  padding: 20px;
}
body.skyten-brand .cat-card--r16 {
  border-radius: var(--radius-l, 16px);
}
body.skyten-brand .cat-card--p22 {
  padding: 22px;
}
body.skyten-brand .cat-card--p24 {
  padding: 24px;
}
body.skyten-brand .cat-card--flush {
  padding: 0;
  overflow: hidden;
}
body.skyten-brand .cat-card--noshadow {
  box-shadow: none;
}
body.skyten-brand .surface-card {
  background: var(--card-bg, var(--background-secondary));
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-l, 14px);
  box-shadow: none;
  padding: 20px;
  color: var(--card-fg, inherit);
}
body.skyten-brand .surface-card--elevated {
  border: 0;
  box-shadow: var(--shadow-primary);
}
body.skyten-brand .surface-card--filled {
  border: 0;
  box-shadow: none;
  background: var(--card-bg, var(--background-hover));
}
body.skyten-brand .surface-card--raised {
  box-shadow: var(--shadow-primary);
}
body.skyten-brand .surface-card--flush {
  padding: 0;
  overflow: hidden;
}
body.skyten-brand .surface-card--auth {
  box-shadow: var(--shadow-primary);
  box-sizing: border-box;
}
body.skyten-brand .surface-card--auth-xl {
  border-radius: var(--radius-xl, 18px);
  padding: 22px;
}
body.skyten-brand .surface-card__body {
  min-width: 0;
}
body.skyten-brand .surface-card[data-card-chrome] {
  background: var(--card-preview-bg, var(--background-secondary));
  color: var(--card-preview-fg, inherit);
}
body.skyten-brand .surface-card__bgswitch {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 4px;
  margin: 0 0 14px;
  background: var(--background-hover);
  border-radius: var(--radius-m, 10px);
}
body.skyten-brand .surface-card__bgbtn {
  border: 0;
  background: transparent;
  color: var(--text-secondary);
  padding: 6px 12px;
  border-radius: var(--radius-m, 8px);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}
body.skyten-brand .surface-card__bgbtn[aria-selected=true] {
  background: var(--functional-primary);
  color: var(--color-foundations-white);
}
body.skyten-brand .cat-card--max620 {
  max-width: 620px;
}
body.skyten-brand .cat-card--max560 {
  max-width: 560px;
}
body.skyten-brand .cat-card--max520 {
  max-width: 520px;
}
body.skyten-brand .cat-card--max460 {
  max-width: 460px;
}
body.skyten-brand .cat-card--max440 {
  max-width: 440px;
}
body.skyten-brand .cat-card--max420 {
  max-width: 420px;
}
body.skyten-brand .cat-card--max380 {
  max-width: 380px;
}
body.skyten-brand .cat-card--w230 {
  width: 230px;
}
body.skyten-brand .cat-card--w320 {
  width: 320px;
}
body.skyten-brand .cat-card--w330 {
  width: 330px;
}
body.skyten-brand .cat-card--p1216 {
  padding: 12px 16px;
}
body.skyten-brand .cat-card--center {
  text-align: center;
}
body.skyten-brand .cat-card--selected {
  border: 2px solid var(--functional-primary);
}
body.skyten-brand .cat-meta {
  font-size: 12px;
  color: var(--text-secondary);
}
body.skyten-brand .cat-meta--right {
  text-align: right;
}
body.skyten-brand .cat-muted {
  color: var(--text-secondary);
}
body.skyten-brand .cat-eyebrow {
  font-size: 10px;
  text-transform: uppercase;
  color: var(--text-secondary);
  margin-bottom: 4px;
}
body.skyten-brand .cat-iflex {
  display: inline-flex;
}
body.skyten-brand .cat-title-md {
  font-size: 17px;
  font-weight: 700;
  color: var(--text-primary);
}
body.skyten-brand .cat-title-sm {
  font-weight: 600;
  color: var(--text-primary);
}
body.skyten-brand .cat-text-muted {
  font-size: 12px;
  color: var(--text-secondary);
}
body.skyten-brand .cat-flex {
  display: flex;
}
body.skyten-brand .cat-flex--col {
  flex-direction: column;
}
body.skyten-brand .cat-flex--wrap {
  flex-wrap: wrap;
}
body.skyten-brand .cat-flex--center {
  align-items: center;
}
body.skyten-brand .cat-flex--end {
  align-items: flex-end;
}
body.skyten-brand .cat-flex--between {
  justify-content: space-between;
}
body.skyten-brand .cat-flex--g8 {
  gap: 8px;
}
body.skyten-brand .cat-flex--g12 {
  gap: 12px;
}
body.skyten-brand .cat-flex--g16 {
  gap: 16px;
}
body.skyten-brand .cat-flex--g24 {
  gap: 24px;
}
body.skyten-brand .cat-stmt-head {
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid var(--functional-primary);
  padding-bottom: 14px;
  margin-bottom: 14px;
}
body.skyten-brand .cat-stat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 12px;
}
body.skyten-brand .cat-stat {
  background: var(--background-hover);
  border-radius: var(--radius-m, 10px);
  padding: 12px;
}
body.skyten-brand .cat-stat__label {
  font-size: 11px;
  color: var(--text-secondary);
}
body.skyten-brand .cat-stat__value {
  font-size: 17px;
  font-weight: 700;
  color: var(--text-primary);
}
body.skyten-brand .cat-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 9px 0;
  border-top: 1px solid var(--border-secondary);
  font-size: 13px;
  color: var(--text-primary);
}
body.skyten-brand .cat-line__value {
  font-size: 13px;
  font-weight: 600;
}
body.skyten-brand .cat-line__value--success {
  color: var(--functional-success-default);
}
body.skyten-brand .cat-line__value--warning {
  color: var(--functional-warning-default);
}
body.skyten-brand .cat-mt14 {
  margin-top: 14px;
}
body.skyten-brand .cat-mb14 {
  margin-bottom: 14px;
}
body.skyten-brand .cat-mb12 {
  margin-bottom: 12px;
}
body.skyten-brand .cat-mb4 {
  margin-bottom: 4px;
}
body.skyten-brand .cat-mt10 {
  margin-top: 10px;
}
body.skyten-brand .cat-mt12 {
  margin-top: 12px;
}
body.skyten-brand .cat-maxw560 {
  max-width: 560px;
}
body.skyten-brand .cat-w33 {
  width: 33%;
}
body.skyten-brand .cat-w62 {
  width: 62%;
}
body.skyten-brand .cat-w48 {
  width: 48%;
}
body.skyten-brand .cat-w72 {
  width: 72%;
}
body.skyten-brand .cat-w85 {
  width: 85%;
}
body.skyten-brand .cat-w92 {
  width: 92%;
}
body.skyten-brand .cat-fs13 {
  font-size: 13px;
}
body.skyten-brand .cat-p-muted {
  margin: 0 0 12px;
  font-size: 12px;
  color: var(--text-secondary);
}
body.skyten-brand .cat-notif__head {
  padding: 14px 16px;
  border-bottom: 1px solid var(--border-secondary);
  font-weight: 600;
  color: var(--text-primary);
}
body.skyten-brand .cat-notif__row {
  display: flex;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--border-secondary);
  font-size: 13px;
  color: var(--text-primary);
}
body.skyten-brand .cat-notif__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--functional-primary);
  margin-top: 5px;
}
body.skyten-brand .cat-notif__time {
  font-size: 11px;
  color: var(--text-secondary);
}
body.skyten-brand .cat-spacer {
  flex: 1;
}
body.skyten-brand .cat-stack {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body.skyten-brand .cat-field-col {
  width: 200px;
}
body.skyten-brand .cat-field--max300 {
  max-width: 300px;
}
body.skyten-brand .cat-hidden {
  display: none;
}
body.skyten-brand .cat-hidden--mt4 {
  display: none;
  margin-top: 4px;
}
body.skyten-brand .cat-hidden--cpwh {
  display: none;
  margin: -6px 0 10px;
}
body.skyten-brand .cat-pair {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary);
}
body.skyten-brand .cat-pct {
  font-size: 12px;
}
body.skyten-brand .cat-pct--up {
  color: var(--functional-success-default);
}
body.skyten-brand .cat-pct--down {
  color: var(--functional-error-default);
}
body.skyten-brand .cat-link {
  color: var(--functional-primary);
  cursor: pointer;
}
body.skyten-brand .cat-copy-group {
  display: flex;
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-m, 8px);
  overflow: hidden;
}
body.skyten-brand .cat-copy-group .input {
  border: 0;
  border-radius: 0;
  flex: 1;
  font-size: 12px;
}
body.skyten-brand .cat-copy-group__btn {
  border: 0;
  background: var(--background-hover);
  color: var(--functional-primary);
  padding: 0 14px;
  font-weight: 600;
  cursor: pointer;
}
body.skyten-brand .cat-video__head {
  font-size: 18px;
  color: var(--text-secondary);
  border-bottom: 1px solid var(--border-secondary);
  padding-bottom: 14px;
  margin-bottom: 18px;
}
body.skyten-brand .cat-video__item {
  flex: 1;
  min-width: 220px;
}
body.skyten-brand .cat-video__thumb {
  height: 130px;
  border-radius: 10px;
  display: flex;
  align-items: flex-end;
  padding: 12px;
  color: var(--color-foundations-white);
  font-weight: 700;
}
body.skyten-brand .cat-video__thumb--intro {
  background: linear-gradient(135deg, var(--functional-highlight), var(--functional-primary));
}
body.skyten-brand .cat-video__thumb--roadmap {
  background: linear-gradient(135deg, var(--functional-primary), var(--functional-info-default));
}
body.skyten-brand .cat-video__cap {
  text-align: center;
  font-size: 15px;
  color: var(--text-secondary);
  margin-top: 10px;
}
body.skyten-brand .cat-demo-surface {
  background: var(--background-hover);
  border-radius: var(--radius-l, 14px);
  padding: 20px;
  position: relative;
}
body.skyten-brand .cat-demo-surface--mh260 {
  min-height: 260px;
}
body.skyten-brand .cat-demo-surface--mh280 {
  min-height: 280px;
}
body.skyten-brand .cat-demo-surface--mh300 {
  min-height: 300px;
}
body.skyten-brand .cat-dialog {
  background: var(--background-secondary);
  border-radius: var(--radius-l, 20px);
  box-shadow: var(--shadow-primary);
  padding: 24px;
  max-width: 92%;
}
body.skyten-brand .cat-dialog--w380 {
  width: 380px;
  margin: 14px auto;
}
body.skyten-brand .cat-dialog--w420 {
  width: 420px;
  margin: 10px auto;
}
body.skyten-brand .cat-dialog--w480 {
  width: 480px;
  max-width: 94%;
  margin: 8px auto;
}
body.skyten-brand .cat-dialog--center {
  text-align: center;
}
body.skyten-brand .cat-dialog__title {
  margin: 0 0 16px;
  font-size: 16px;
  color: var(--text-primary);
}
body.skyten-brand .cat-dialog__h {
  margin: 0 0 16px;
  color: var(--text-primary);
}
body.skyten-brand .cat-dialog__h--mb4 {
  margin: 0 0 4px;
}
body.skyten-brand .cat-dialog__h--mb14 {
  margin: 0 0 14px;
}
body.skyten-brand .cat-dialog__subtitle {
  font-size: 12px;
  color: var(--text-secondary);
  margin: 0 0 16px;
}
body.skyten-brand .cat-form-check {
  display: flex;
  gap: 8px;
  margin-top: 12px;
  font-size: 12px;
  color: var(--text-secondary);
}
body.skyten-brand .cat-submit--mt14 {
  width: 100%;
  margin-top: 14px;
}
body.skyten-brand .cat-btn--mt12 {
  margin-top: 12px;
}
body.skyten-brand .cat-dialog__field--mt {
  margin-top: 12px;
}
body.skyten-brand .cat-dialog__select {
  display: flex;
  justify-content: space-between;
}
body.skyten-brand .cat-dialog__total {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid var(--border-secondary);
  font-size: 14px;
  color: var(--text-primary);
}
body.skyten-brand .cat-dialog__actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 18px;
}
body.skyten-brand .cat-dialog__btn-full {
  width: 100%;
}
body.skyten-brand .cat-confirm__icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--functional-success-background);
  color: var(--functional-success-default);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  margin: 0 auto 14px;
}
body.skyten-brand .cat-confirm__title {
  margin: 0 0 6px;
  font-size: 17px;
  color: var(--text-primary);
}
body.skyten-brand .cat-confirm__lead {
  font-size: 13px;
  color: var(--text-secondary);
  margin: 0;
}
body.skyten-brand .cat-confirm__summary {
  text-align: left;
  background: var(--background-hover);
  border-radius: var(--radius-l, 10px);
  padding: 12px;
  margin: 16px 0;
  font-size: 13px;
  color: var(--text-primary);
}
body.skyten-brand .cat-confirm__row {
  display: flex;
  justify-content: space-between;
  padding: 3px 0;
}
body.skyten-brand .cat-voucher-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 14px;
  max-width: 560px;
}
body.skyten-brand .cat-voucher__label {
  font-size: 13px;
  color: var(--text-secondary);
}
body.skyten-brand .cat-voucher__price {
  font-size: 26px;
  font-weight: 800;
  color: var(--text-primary);
  margin: 6px 0;
}
body.skyten-brand .cat-logo-row {
  display: flex;
  gap: 36px;
  flex-wrap: wrap;
  align-items: flex-end;
  padding: 0;
  background: transparent;
}
body.skyten-brand .cat-logo__cap {
  font-size: 10px;
  color: var(--text-secondary);
  margin-bottom: 8px;
}
body.skyten-brand .cat-logo__img {
  width: auto;
  display: block;
  object-fit: contain;
}
body.skyten-brand .cat-logo__img--h32 {
  height: 32px;
}
body.skyten-brand .cat-logo__img--h34 {
  height: 34px;
}
body.skyten-brand .cat-logo__img--h56 {
  height: 56px;
}
body.skyten-brand .cat-logo__fallback {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-secondary);
}
body.skyten-brand .cat-tree {
  font-size: 13px;
  color: var(--text-primary);
}
body.skyten-brand .cat-tree__row {
  padding: 4px 0;
}
body.skyten-brand .cat-tree__indent {
  padding-left: 22px;
}
body.skyten-brand .cat-tree__count {
  color: var(--text-secondary);
  font-size: 11px;
}
body.skyten-brand .cat-kanban {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  max-width: 600px;
}
body.skyten-brand .cat-kanban__col {
  background: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-l, 12px);
  padding: 10px;
}
body.skyten-brand .cat-kanban__col-title {
  font-size: 11px;
  text-transform: uppercase;
  color: var(--text-secondary);
  margin-bottom: 8px;
}
body.skyten-brand .cat-kanban__card {
  background: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-l, 8px);
  padding: 10px;
  font-size: 12px;
  color: var(--text-primary);
}
body.skyten-brand .cat-avatar {
  border-radius: 50%;
  background: var(--functional-primary);
  color: var(--color-foundations-white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
body.skyten-brand .cat-avatar--40 {
  width: 40px;
  height: 40px;
}
body.skyten-brand .cat-avatar--28 {
  width: 28px;
  height: 28px;
  font-size: 11px;
}
body.skyten-brand .cat-avatar--120 {
  width: 120px;
  height: 120px;
  font-size: 44px;
  font-weight: 700;
}
body.skyten-brand .cat-avatar--info {
  background: var(--functional-info-default);
}
body.skyten-brand .cat-avatar--block {
  display: flex;
  margin: 0 auto;
}
body.skyten-brand .cat-userchip {
  position: relative;
}
body.skyten-brand .cat-userchip__toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: 999px;
  padding: 4px 14px 4px 4px;
  font-size: 13px;
  color: var(--text-primary);
  box-shadow: var(--shadow-primary);
  cursor: pointer;
}
body.skyten-brand .cat-userchip__caret {
  display: flex;
  color: var(--text-secondary);
  transition: transform 0.15s;
}
body.skyten-brand .popup.popup--menu.cat-userchip__menu {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 30;
  min-width: 210px;
}
body.skyten-brand .cat-profile__head {
  background: var(--brand-primary);
  padding: 30px;
  text-align: center;
  position: relative;
}
body.skyten-brand .cat-profile__cam {
  position: absolute;
  bottom: 18px;
  left: calc(50% + 30px);
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #fff;
  color: var(--brand-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
body.skyten-brand .cat-profile__body {
  padding: 18px 22px;
  text-align: center;
}
body.skyten-brand .cat-profile__name {
  font-size: 18px;
  color: var(--text-primary);
}
body.skyten-brand .cat-profile__code {
  font-family: var(--font-mono, monospace);
  letter-spacing: 2px;
  color: var(--text-secondary);
  border-bottom: 1px dashed var(--border-primary);
  display: inline-block;
  margin: 4px 0;
}
body.skyten-brand .cat-profile__email {
  font-size: 14px;
  color: var(--text-secondary);
  margin-bottom: 14px;
}
body.skyten-brand .cat-profile__btn {
  width: 100%;
  border-radius: 999px;
  margin-bottom: 10px;
}
body.skyten-brand .cat-profile__btn--last {
  margin-bottom: 0;
}
body.skyten-brand .cat-profile__btn--narrow {
  width: 70%;
}
body.skyten-brand .cat-profile__rule {
  border: 0;
  border-top: 1px solid var(--border-secondary);
  margin: 16px 0;
}
body.skyten-brand .cat-deflist {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 8px 16px;
  font-size: 13px;
}
body.skyten-brand .cat-deflist__label {
  color: var(--text-secondary);
}
body.skyten-brand .cat-deflist__value {
  color: var(--text-primary);
}
body.skyten-brand .cat-navstate {
  margin-top: 12px;
  padding: 12px 24px 16px;
  border: 0.5px solid var(--border-secondary);
  border-radius: var(--radius-md, var(--radius-m, 8px));
}
body.skyten-brand .cat-navstate__caption {
  font-size: 11px;
  font-weight: 600;
  margin: 0 0 10px;
  color: var(--text-secondary);
}
body.skyten-brand .cat-navstate__grid {
  display: grid;
  grid-template-columns: auto repeat(3, minmax(52px, 1fr));
  column-gap: 12px;
  row-gap: 6px;
  align-items: center;
  max-width: 360px;
  font-size: 11px;
  color: var(--text-secondary);
}
body.skyten-brand .cat-navstate__spacer {
  min-height: 1px;
}
body.skyten-brand .cat-navstate__colhead {
  text-align: center;
  font-weight: 600;
  padding: 4px 0;
  border-bottom: 1px solid var(--border-secondary);
}
body.skyten-brand .cat-navstate__rowhead {
  font-weight: 600;
  padding: 4px 8px 4px 0;
  white-space: nowrap;
  color: var(--text-primary);
}
body.skyten-brand .cat-navstate__cell {
  display: flex;
  justify-content: center;
  padding: 4px 0;
}
body.skyten-brand .cat-panel-body {
  padding-top: 18px;
}
body.skyten-brand .cat-panel-title {
  margin: 0;
  font-size: 13px;
  color: var(--text-primary);
}
body.skyten-brand .cat-panel-desc {
  margin: 6px 0 0;
  font-size: 12px;
  color: var(--text-secondary);
}
body.skyten-brand .cat-warn-note {
  margin-top: 14px;
  font-size: 11px;
  color: var(--functional-warning-text);
  background: var(--functional-warning-background);
  padding: 8px 12px;
  border-radius: var(--radius-m, 8px);
}
body.skyten-brand .cat-demo-title {
  margin: 0 0 8px;
  font-size: 13px;
}
body.skyten-brand .cat-demo-title--mt {
  margin: 26px 0 10px;
}
body.skyten-brand .cat-figure {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body.skyten-brand .cat-figure__cap {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
}
body.skyten-brand .cat-figure__frame {
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-m, 14px);
  overflow: hidden;
  background: var(--background-primary);
}
body.skyten-brand .cat-figure__frame--zoom60 {
  zoom: 0.6;
}
body.skyten-brand .cat-swatch {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
body.skyten-brand .cat-swatch--w96 {
  flex: 0 0 auto;
  width: 96px;
}
body.skyten-brand .cat-swatch--w100 {
  flex: 0 0 auto;
  width: 100px;
}
body.skyten-brand .cat-swatch__label {
  font-size: 10px;
  opacity: 0.5;
}
body.skyten-brand .cat-swatch__label--center {
  text-align: center;
  line-height: 1.35;
}
body.skyten-brand .cat-mb6 {
  margin-bottom: 6px;
}
body.skyten-brand .cat-mb8 {
  margin-bottom: 8px;
}
body.skyten-brand .cat-demo-title--w600 {
  font-weight: 600;
}
body.skyten-brand .cat-doc-sheet {
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-md, var(--radius-m, 8px));
  padding: 20px;
  background: var(--color-foundations-white);
  color: var(--text-primary);
}
body.skyten-brand .cat-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
body.skyten-brand .cat-form-gap {
  height: 12px;
}
body.skyten-brand .cat-w-full {
  width: 100%;
}
body.skyten-brand .cat-input-col {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1 1 200px;
  min-width: 0;
  max-width: 280px;
}
body.skyten-brand .cat-input-col--narrow {
  flex: 0 0 140px;
  max-width: 140px;
}
body.skyten-brand .cat-checklist {
  font-size: 13px;
  color: var(--text-primary);
}
body.skyten-brand .cat-checklist__intro {
  font-size: 12px;
  color: var(--text-secondary);
  margin: 0 0 10px;
}
body.skyten-brand .cat-check-row {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 5px 0;
}
body.skyten-brand .cat-check-row__box {
  width: 18px;
  height: 18px;
  accent-color: var(--functional-primary);
}
body.skyten-brand .cat-check--accent {
  accent-color: var(--functional-primary);
}
body.skyten-brand .cat-range {
  max-width: 320px;
}
body.skyten-brand .cat-range__label {
  display: block;
}
body.skyten-brand .cat-range__caption {
  font-size: 13px;
  color: var(--text-secondary);
}
body.skyten-brand .cat-range__track {
  position: relative;
  height: 6px;
  background: var(--background-hover);
  border-radius: 999px;
  margin-top: 12px;
}
body.skyten-brand .cat-range__fill {
  position: absolute;
  left: 0;
  top: 0;
  height: 6px;
  background: var(--functional-primary);
  border-radius: 999px;
}
body.skyten-brand .cat-range__thumb {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--functional-primary);
  box-shadow: var(--shadow-primary);
}
body.skyten-brand .cat-range__thumb--at62 {
  left: 62%;
}
body.skyten-brand .cat-loader-row {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}
body.skyten-brand .cat-spinner {
  width: 28px;
  height: 28px;
  border: 3px solid var(--border-primary);
  border-top-color: var(--functional-primary);
  border-radius: 50%;
  animation: cat-spin 0.8s linear infinite;
}
@keyframes cat-spin {
  to {
    transform: rotate(360deg);
  }
}
body.skyten-brand .cat-skeleton-col {
  flex: 1;
  max-width: 300px;
}
body.skyten-brand .cat-skeleton-line {
  height: 12px;
  background: var(--background-hover);
  border-radius: 8px;
  margin: 6px 0;
}
body.skyten-brand .cat-skeleton-line--w80 {
  width: 80%;
}
body.skyten-brand .cat-skeleton-line--w60 {
  width: 60%;
}
body.skyten-brand .cat-nft {
  width: 240px;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: var(--shadow-primary);
  background: var(--background-secondary);
  border: 1px solid var(--border-secondary);
}
body.skyten-brand .cat-nft__banner {
  height: 130px;
  background: linear-gradient(135deg, var(--functional-primary), var(--brand-tertiary));
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-foundations-white);
  font-weight: 700;
}
body.skyten-brand .cat-nft__body {
  padding: 14px;
}
body.skyten-brand .cat-nft__title {
  font-weight: 700;
  color: var(--text-primary);
}
body.skyten-brand .cat-nft__id {
  font-size: 11px;
  color: var(--text-secondary);
  font-family: var(--font-mono, monospace);
}
body.skyten-brand .cat-nft-search {
  border-radius: var(--radius-m, 14px);
  overflow: hidden;
  max-width: 640px;
  box-shadow: var(--shadow-primary);
}
body.skyten-brand .cat-nft-search__hero {
  background: linear-gradient(160deg, var(--brand-tertiary) 0%, var(--brand-secondary) 55%, var(--brand-primary) 100%);
  padding: 46px 40px;
  min-height: 300px;
}
body.skyten-brand .cat-nft-search__title {
  color: var(--color-foundations-white);
  font-size: 30px;
  font-weight: 800;
  margin: 0 0 26px;
  line-height: 1.1;
  max-width: 62%;
}
body.skyten-brand .cat-nft-search__input {
  width: 100%;
  max-width: 380px;
  padding: 15px 20px;
  border: 0;
  border-radius: var(--radius-m, 10px);
  font-size: 15px;
  background: var(--background-secondary);
  color: var(--text-primary);
  box-sizing: border-box;
}
body.skyten-brand .cat-nft-search__actions {
  margin-top: 22px;
}
body.skyten-brand .cat-nft-search__btn {
  background: var(--functional-highlight);
  color: var(--text-primary);
  border: 0;
  border-radius: 999px;
  padding: 14px 48px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
}
body.skyten-brand .cat-terminal {
  max-width: 420px;
  border-radius: var(--radius-m, 10px);
  overflow: hidden;
  box-shadow: var(--shadow-primary);
}
body.skyten-brand .cat-terminal__bar {
  background: #333;
  padding: 8px 12px;
  display: flex;
  gap: 6px;
}
body.skyten-brand .cat-terminal__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
body.skyten-brand .cat-terminal__dot--close {
  background: #ff5f57;
}
body.skyten-brand .cat-terminal__dot--min {
  background: #ffbd2e;
}
body.skyten-brand .cat-terminal__dot--max {
  background: #28c840;
}
body.skyten-brand .cat-terminal__body {
  background: #111;
  color: #9cffa0;
  font-family: monospace;
  font-size: 12px;
  padding: 14px;
  min-height: 90px;
  line-height: 1.6;
}
body.skyten-brand .cat-valuation__label {
  font-size: 12px;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
body.skyten-brand .cat-valuation__figure {
  font-size: 34px;
  font-weight: 800;
  color: var(--functional-primary);
  margin: 6px 0;
}
body.skyten-brand .cat-valuation__rows {
  border-top: 1px solid var(--border-secondary);
  margin-top: 12px;
  padding-top: 12px;
  font-size: 13px;
  color: var(--text-primary);
}
body.skyten-brand .cat-valuation__row {
  display: flex;
  justify-content: space-between;
  padding: 4px 0;
}
body.skyten-brand .cat-bulkbar {
  display: flex;
  align-items: center;
  gap: 12px;
  background: var(--functional-primary);
  color: var(--color-foundations-white);
  border-radius: var(--radius-m, 10px);
  padding: 10px 16px;
  font-size: 13px;
  max-width: 640px;
}
body.skyten-brand .cat-bulkbar__btn {
  background: rgba(255, 255, 255, 0.18);
  color: inherit;
  border: 0;
  border-radius: var(--radius-m, 8px);
  padding: 6px 12px;
  font-size: 12px;
  cursor: pointer;
}
body.skyten-brand .cat-wallet__label {
  font-size: 12px;
  color: var(--text-secondary);
  text-transform: uppercase;
}
body.skyten-brand .cat-wallet__balance {
  font-size: 28px;
  font-weight: 800;
  color: var(--text-primary);
  margin: 4px 0;
}
body.skyten-brand .cat-wallet__unit {
  font-size: 14px;
  color: var(--text-secondary);
}
body.skyten-brand .cat-wallet__addr-label {
  font-size: 10px;
  text-transform: uppercase;
  color: var(--text-secondary);
  margin: 12px 0 4px;
}
body.skyten-brand .cat-wallet__copy {
  display: flex;
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-m, 8px);
  overflow: hidden;
}
body.skyten-brand .cat-wallet__copy .input {
  border: 0;
  border-radius: 0;
  font-family: var(--font-mono, monospace);
  font-size: 12px;
  flex: 1;
}
body.skyten-brand .cat-wallet__copy-btn {
  border: 0;
  background: var(--background-hover);
  color: var(--functional-primary);
  padding: 0 14px;
  font-weight: 600;
  cursor: pointer;
}
body.skyten-brand .cat-richtext {
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-m, 8px);
  min-height: 90px;
  padding: 12px;
  font-size: 13px;
  color: var(--text-primary);
  background: var(--background-input);
}
body.skyten-brand .cat-vars-note {
  margin-top: 10px;
  font-size: 11px;
  color: var(--text-secondary);
}
body.skyten-brand .cat-phone-input {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
body.skyten-brand .cat-phone-input__flag {
  font-size: 16px;
}
body.skyten-brand .cat-phone-input__code {
  color: var(--text-secondary);
}
body.skyten-brand .cat-phone-input__field {
  border: 0;
  background: 0;
  outline: 0;
  flex: 1;
  font: inherit;
  color: inherit;
  padding: 0;
}
body.skyten-brand .cat-paginator {
  display: flex;
  align-items: center;
  gap: 16px;
  background: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-m, 12px);
  padding: 12px 18px;
}
body.skyten-brand .cat-paginator__text {
  font-size: 13px;
  color: var(--text-primary);
}
body.skyten-brand .cat-paginator__muted {
  font-size: 13px;
  color: var(--text-secondary);
}
body.skyten-brand .cat-paginator__select {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-m, 8px);
  padding: 7px 12px;
  font-size: 13px;
  color: var(--text-primary);
  background: var(--background-input);
}
body.skyten-brand .cat-paginator__caret {
  opacity: 0.5;
}
body.skyten-brand .cat-paginator__nav {
  width: 34px;
  height: 34px;
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-m, 8px);
  cursor: pointer;
}
body.skyten-brand .cat-paginator__nav--prev {
  background: var(--background-input);
  color: var(--text-secondary);
  opacity: 0.5;
  cursor: not-allowed;
}
body.skyten-brand .cat-paginator__nav--next {
  background: var(--background-secondary);
  color: var(--text-primary);
}
body.skyten-brand .cat-datepicker {
  position: relative;
}
body.skyten-brand .cat-datepicker .input {
  width: 100%;
  padding-right: 42px;
  cursor: pointer;
}
body.skyten-brand .cat-datepicker__toggle {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  display: flex;
  padding: 6px;
  border-radius: 6px;
}
body.skyten-brand .cat-datepicker__pop {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 40;
}
body.skyten-brand .popup.popup--calendar.cat-cal-inline {
  position: static;
  margin: 0;
  width: auto;
  box-shadow: none;
}
body.skyten-brand .cat-tabstrip {
  display: flex;
  gap: 24px;
  border-bottom: 1px solid var(--border-secondary);
  margin-bottom: 14px;
  max-width: 420px;
}
body.skyten-brand .cat-tabstrip__tab {
  padding: 8px 2px;
  font-size: 13px;
  color: var(--text-secondary);
}
body.skyten-brand .cat-tabstrip__tab--active {
  color: var(--functional-primary);
  border-bottom: 2px solid var(--functional-primary);
  font-weight: 600;
}
body.skyten-brand .cat-seg--max420 {
  max-width: 420px;
}
body.skyten-brand .cat-seg--max380 {
  max-width: 380px;
  margin-bottom: 18px;
}
body.skyten-brand .cat-card-w420 {
  max-width: 420px;
  width: 100%;
}
body.skyten-brand .cat-cardbody-p {
  margin: 12px 0 0;
}
body.skyten-brand .icon-tile-grid {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
body.skyten-brand .icon-tile-grid--g10 {
  gap: 10px;
}
body.skyten-brand .icon-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 110px;
  padding: 16px;
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-m, 12px);
  background: var(--background-secondary);
  color: var(--text-primary);
}
body.skyten-brand .icon-tile--sm {
  gap: 6px;
  width: 96px;
  padding: 12px 6px;
  border-radius: var(--radius-m, 10px);
}
body.skyten-brand .icon-tile__icon {
  color: var(--functional-primary);
}
body.skyten-brand .icon-tile__icon--ref {
  color: var(--icon-primary);
  display: flex;
  height: 28px;
  align-items: center;
}
body.skyten-brand .icon-tile__svg {
  display: block;
}
body.skyten-brand .icon-tile__label {
  font-size: 12px;
  color: var(--text-secondary);
}
body.skyten-brand .icon-tile__label--ref {
  font-size: 9px;
  text-align: center;
  line-height: 1.25;
  word-break: break-word;
}
body.skyten-brand .icon-tile-caption {
  margin: 22px 0 8px;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-secondary);
}
body.skyten-brand .cat-num--up {
  color: var(--functional-success-text, var(--color-success));
}
body.skyten-brand .cat-num--down {
  color: var(--functional-error-text, var(--color-error));
}
body.skyten-brand .cat-num--flat {
  color: var(--text-tertiary);
}
body.skyten-brand .cat-demo-surface--flush {
  padding: 0;
  overflow: hidden;
}
body.skyten-brand .cat-demo-surface--p26 {
  padding: 26px;
}
body.skyten-brand .cat-demo-surface--mh520 {
  min-height: 520px;
}
body.skyten-brand .cat-upload-disc {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--background-hover);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-secondary);
}
body.skyten-brand .cat-upload-link {
  font-weight: 600;
  color: var(--functional-primary);
  cursor: pointer;
}
body.skyten-brand .cat-inline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
body.skyten-brand .cat-inline--g6 {
  gap: 6px;
}
body.skyten-brand .cat-inline--g10 {
  gap: 10px;
}
body.skyten-brand .cat-inline--g12 {
  gap: 12px;
}
body.skyten-brand .cat-inline--col {
  flex-direction: column;
}
body.skyten-brand .cat-inline--end {
  align-items: flex-end;
}
body.skyten-brand .cat-stepper-btn {
  width: 34px;
  height: 34px;
  border: 1px solid var(--border-primary);
  background: var(--background-input);
  border-radius: var(--radius-m, 8px);
  cursor: pointer;
  color: var(--text-secondary);
}
body.skyten-brand .cat-stepper-label {
  font-size: 15px;
  font-weight: 700;
  color: var(--text-primary);
}
body.skyten-brand .cat-conn-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--functional-success-default);
  box-shadow: 0 0 0 3px var(--functional-success-background);
}
body.skyten-brand .cat-conn-meta {
  color: var(--text-secondary);
  font-family: var(--font-mono, monospace);
  font-size: 11px;
}
body.skyten-brand .cat-conn {
  font-size: 13px;
  color: var(--text-primary);
}
body.skyten-brand .cat-tooltip {
  background: var(--surface-inverse-deep, var(--functional-background-inverse, #0f172b));
  color: var(--functional-text-inverse, var(--color-foundations-white));
  font-size: 11px;
  padding: 6px 10px;
  border-radius: var(--radius-s, 6px);
  position: relative;
}
body.skyten-brand .cat-tooltip__arrow {
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  background: var(--surface-inverse-deep, var(--functional-background-inverse, #0f172b));
}
body.skyten-brand .cat-tooltip-btn--mt {
  margin-top: 6px;
}
body.skyten-brand .cat-viewseg {
  display: inline-flex;
  background: var(--background-hover);
  border-radius: var(--radius-m, 10px);
  padding: 4px;
  gap: 4px;
}
body.skyten-brand .cat-viewseg__btn {
  border: 0;
  background: transparent;
  color: var(--text-secondary);
  padding: 8px 16px;
  border-radius: var(--radius-m, 8px);
  font-size: 13px;
  cursor: pointer;
}
body.skyten-brand .cat-viewseg__btn--active {
  background: var(--functional-primary);
  color: var(--color-foundations-white);
}
body.skyten-brand .cat-viewseg__btn[aria-selected=true] {
  background: var(--functional-primary);
  color: var(--color-foundations-white);
}
body.skyten-brand .cat-copyfield {
  display: flex;
  max-width: 440px;
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-m, 8px);
  overflow: hidden;
}
body.skyten-brand .cat-copyfield .input {
  border: 0;
  border-radius: 0;
  font-family: var(--font-mono, monospace);
  flex: 1;
}
body.skyten-brand .cat-copyfield__btn {
  border: 0;
  background: var(--background-hover);
  color: var(--functional-primary);
  padding: 0 16px;
  font-weight: 600;
  cursor: pointer;
}
body.skyten-brand .cat-toast {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-left: 4px solid var(--functional-success-default);
  border-radius: 10px;
  box-shadow: var(--shadow-primary);
  padding: 12px 16px;
  font-size: 13px;
  color: var(--text-primary);
}
body.skyten-brand .cat-toast__icon {
  color: var(--functional-success-default);
  display: flex;
  flex-shrink: 0;
}
body.skyten-brand .cat-switcher {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  padding: 9px 14px;
  font-size: 13px;
  color: var(--text-primary);
  box-shadow: var(--shadow-primary);
  min-width: 200px;
  justify-content: space-between;
}
body.skyten-brand .cat-switcher__caret {
  color: var(--text-secondary);
}
body.skyten-brand .cat-switcher--state-hover {
  background: var(--background-hover);
}
body.skyten-brand .cat-switcher--state-focus,
body.skyten-brand .cat-switcher--open {
  border-color: var(--input-border-active, var(--brand-primary));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--input-border-active, var(--brand-primary)) 22%, transparent);
}
body.skyten-brand .cat-switcher--state-disabled {
  opacity: 0.55;
  pointer-events: none;
}
body.skyten-brand .cat-switcher__wrap {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
}
body.skyten-brand .cat-switcher__menu {
  min-width: 240px;
  background: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  box-shadow: var(--shadow-primary);
  padding: 6px;
}
body.skyten-brand .cat-switcher__row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 6px;
  font-size: 13px;
  color: var(--text-primary);
  cursor: pointer;
}
body.skyten-brand .cat-switcher__row:hover,
body.skyten-brand .cat-switcher__row--state-hover,
body.skyten-brand .cat-switcher__row--active {
  background: var(--background-hover);
}
body.skyten-brand .cat-switcher__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--functional-success-default);
  flex: none;
}
body.skyten-brand .cat-switcher__row-sub {
  color: var(--text-secondary);
  font-size: 11px;
  margin-left: auto;
}
body.skyten-brand .cat-themetoggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: 999px;
  padding: 7px 14px;
  font-size: 13px;
  color: var(--text-primary);
  cursor: pointer;
}
body.skyten-brand .cat-themetoggle__sep {
  color: var(--text-secondary);
}
body.skyten-brand .cat-subscribe {
  display: flex;
  gap: 8px;
  max-width: 420px;
}
body.skyten-brand .cat-subscribe .input {
  flex: 1;
}
body.skyten-brand .cat-daterange {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
body.skyten-brand .cat-daterange__sep {
  color: var(--text-secondary);
}
body.skyten-brand .cat-daterange__icon {
  margin-left: auto;
  color: var(--text-secondary);
}
body.skyten-brand .cat-langmenu {
  width: 300px;
  background: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-l, 14px);
  padding: 8px 0;
  box-shadow: var(--shadow-primary);
  overflow: hidden;
}
body.skyten-brand .cat-w260 {
  width: 260px;
}
body.skyten-brand .cat-w560 {
  width: 560px;
  max-width: 100%;
}
body.skyten-brand .cat-max320 {
  max-width: 320px;
}
body.skyten-brand .cat-max340 {
  max-width: 340px;
}
body.skyten-brand .cat-max460 {
  max-width: 460px;
}
body.skyten-brand .cat-max480 {
  max-width: 480px;
}
body.skyten-brand .cat-max520 {
  max-width: 520px;
}
body.skyten-brand .cat-max680 {
  max-width: 680px;
}
body.skyten-brand .cat-max420 {
  max-width: 420px;
}
body.skyten-brand .cat-shadow {
  box-shadow: var(--shadow-primary);
}
body.skyten-brand .tbl__row--hover .tbl__cell {
  background: var(--background-hover);
}
body.skyten-brand .tbl__row--selected .tbl__cell {
  background: var(--functional-info-background);
  color: var(--functional-info-text);
}
body.skyten-brand .select--state-hover .select__trigger {
  border-color: var(--input-border-hover, var(--border-primary));
}
body.skyten-brand .select--state-focus .select__trigger {
  outline: none;
  border-color: var(--input-border-active, var(--brand-primary));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--input-border-active, var(--brand-primary)) 18%, transparent);
}
body.skyten-brand .select--state-open .select__list {
  display: block;
}
body.skyten-brand .select--state-open .select__chevron svg {
  transform: rotate(180deg);
}
body.skyten-brand .select__option--state-hover {
  background: var(--background-hover);
  color: var(--text-primary);
}
body.skyten-brand .select--state-disabled .select__trigger {
  opacity: 0.55;
  cursor: not-allowed;
}
body.skyten-brand .cat-combobox-col {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 0 0 auto;
  width: 200px;
}
body.skyten-brand .cat-combobox-col .select {
  width: 100%;
  max-width: 100%;
}
body.skyten-brand .cat-combobox-col .select__list {
  position: static;
  display: block;
  margin-top: 4px;
  max-height: none;
  box-shadow: none;
}
body.skyten-brand .cat-w0 {
  width: 0%;
}
body.skyten-brand .cat-w50 {
  width: 50%;
}
body.skyten-brand .cat-w100 {
  width: 100%;
}
body.skyten-brand .cat-range__thumb--at0 {
  left: 0%;
}
body.skyten-brand .cat-range__thumb--at50 {
  left: 50%;
}
body.skyten-brand .cat-range__thumb--at100 {
  left: 100%;
}
body.skyten-brand .cat-range__thumb--focus {
  outline: none;
  box-shadow: var(--shadow-primary), 0 0 0 4px color-mix(in srgb, var(--input-border-active, var(--brand-primary)) 22%, transparent);
}
body.skyten-brand .cat-range--disabled {
  opacity: 0.55;
}
body.skyten-brand .cat-range--disabled .cat-range__fill {
  background: var(--text-tertiary);
}
body.skyten-brand .cat-range--disabled .cat-range__thumb {
  background: var(--text-tertiary);
  box-shadow: none;
}
body.skyten-brand .cat-dropzone {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 132px;
  padding: 20px 16px;
  text-align: center;
  border: 1.5px dashed var(--border-primary);
  border-radius: var(--radius-m);
  background: var(--background-input, var(--background-secondary));
  color: var(--text-secondary);
  transition: border-color 0.15s ease, background 0.15s ease;
}
body.skyten-brand .cat-dropzone__icon {
  display: flex;
  color: var(--text-secondary);
}
body.skyten-brand .cat-dropzone__title {
  font-weight: 600;
  color: var(--text-primary);
}
body.skyten-brand .cat-dropzone__hint {
  font-size: 12px;
  color: var(--text-secondary);
}
body.skyten-brand .cat-dropzone__bar {
  width: 62%;
  height: 6px;
  border-radius: 999px;
  background: var(--background-hover);
  overflow: hidden;
}
body.skyten-brand .cat-dropzone__bar-fill {
  display: block;
  height: 100%;
  width: 60%;
  border-radius: 999px;
  background: var(--functional-primary);
}
body.skyten-brand .cat-dropzone--hover {
  border-color: var(--input-border-hover, var(--border-primary));
  background: var(--background-hover);
}
body.skyten-brand .cat-dropzone--drag {
  border-style: solid;
  border-color: var(--input-border-active, var(--brand-primary));
  background: var(--functional-info-background, var(--background-hover));
}
body.skyten-brand .cat-dropzone--uploading {
  border-color: var(--input-border-active, var(--brand-primary));
}
body.skyten-brand .cat-dropzone--success {
  border-style: solid;
  border-color: var(--functional-success-default);
  background: var(--functional-success-background, var(--background-secondary));
}
body.skyten-brand .cat-dropzone--success .cat-dropzone__icon,
body.skyten-brand .cat-dropzone--success .cat-dropzone__title {
  color: var(--functional-success-default);
}
body.skyten-brand .cat-dropzone--error {
  border-style: solid;
  border-color: var(--functional-error-default, var(--color-error));
  background: var(--functional-error-background, var(--background-secondary));
}
body.skyten-brand .cat-dropzone--error .cat-dropzone__icon,
body.skyten-brand .cat-dropzone--error .cat-dropzone__title {
  color: var(--functional-error-default, var(--color-error));
}
body.skyten-brand .popup__empty-hint {
  margin: 18px 0;
  padding: 28px 16px;
  text-align: center;
  color: var(--text-secondary);
  font-size: 13px;
  border: 1.5px dashed var(--border-primary);
  border-radius: var(--radius-m, 8px);
  background: var(--background-hover);
}
body.skyten-brand .cat-daterange__val--selected {
  padding: 2px 8px;
  border-radius: var(--radius-s, 7px);
  background: color-mix(in srgb, var(--input-border-active, var(--brand-primary)) 14%, transparent);
  color: var(--text-primary);
}
body.skyten-brand .cat-daterange__placeholder {
  color: var(--input-placeholder, var(--text-tertiary));
}
body.skyten-brand .popup__calendar-day--state-hover {
  background: color-mix(in srgb, var(--text-primary) 6%, transparent);
}
body.skyten-brand .popup__calendar-day--today {
  box-shadow: inset 0 0 0 1px var(--icon-primary, var(--brand-primary));
  color: var(--icon-primary, var(--brand-primary));
  font-weight: 700;
}
body.skyten-brand .popup__calendar-day--disabled {
  color: var(--button-text-disabled);
  cursor: default;
  pointer-events: none;
}
body.skyten-brand .popup--menu .popup__menu-item--state-hover {
  background: var(--background-hover);
  box-shadow: inset 0 1px 0 0 var(--brand-primary), inset 0 -1px 0 0 var(--brand-primary);
}
body.skyten-brand .oep__submit:disabled,
body.skyten-brand .oep__submit--disabled {
  background: var(--button-background-disabled);
  color: var(--button-text-disabled);
  cursor: default;
}
body.skyten-brand .oep__submit--error {
  background: var(--universal-negative-signal);
  box-shadow: inset 0 0 0 2px var(--border-error);
}
body.skyten-brand .cat-tree__row--pad {
  padding: 4px 6px;
  border-radius: 6px;
}
body.skyten-brand .cat-tree__row--hover {
  background: var(--background-hover);
}
body.skyten-brand .cat-tree__row--selected {
  background: color-mix(in srgb, var(--brand-primary) 12%, transparent);
  color: var(--brand-primary);
  font-weight: 600;
}
body.skyten-brand .cat-tree__chevron {
  transition: transform 0.12s ease;
}
body.skyten-brand .cat-tree__chevron--collapsed {
  transform: rotate(-90deg);
}
body.skyten-brand .cat-kanban__card--hover {
  border-color: var(--brand-primary);
  box-shadow: var(--shadow-primary);
}
body.skyten-brand .cat-kanban__card--dragging {
  background: transparent;
  border-style: dashed;
  border-color: var(--brand-primary);
  color: var(--text-secondary);
}
body.skyten-brand .cat-kanban__col--drop {
  box-shadow: inset 0 0 0 2px var(--brand-primary);
}
body.skyten-brand .cat-kanban__card--selected {
  border-color: var(--brand-primary);
  box-shadow: inset 0 0 0 1px var(--brand-primary);
  cursor: pointer;
}
body.skyten-brand .cat-kanban__card {
  cursor: pointer;
}
body.skyten-brand .cat-tabstrip__tab--disabled {
  color: var(--button-text-disabled);
  cursor: default;
  pointer-events: none;
}
body.skyten-brand .cat-viewseg__btn--disabled {
  color: var(--button-text-disabled);
  cursor: default;
  pointer-events: none;
}
body.skyten-brand .rec-card:hover,
body.skyten-brand .rec-card--hover {
  border-color: var(--functional-primary);
  background: var(--background-hover);
}
body.skyten-brand .rec-card--selected {
  border: 2px solid var(--functional-primary);
  padding: 15px;
}
body.skyten-brand .detail-panel__tab--hover {
  color: var(--text-primary);
}
body.skyten-brand .detail-panel__tab--active.detail-panel__tab--hover {
  color: var(--functional-primary);
}
body.skyten-brand .cat-card--hover {
  border-color: var(--functional-primary);
  background: var(--background-hover);
}
body.skyten-brand .cat-field-error {
  margin: 4px 0 0;
  font-size: 11px;
  color: var(--functional-error-text);
}
body.skyten-brand .card--trading:hover .card-body--trading,
body.skyten-brand .card-body--trading--hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04), 0 1px 2px -1px rgba(0, 0, 0, 0.06), 0 0 0 1px color-mix(in srgb, var(--functional-primary) 45%, transparent);
}
body.skyten-brand .card-body--trading--selected {
  box-shadow: 0 0 0 2px var(--functional-primary);
}
body.skyten-brand .btn:focus-visible, body.skyten-brand .radio-text > input:focus-visible + .radio-text-body, body.skyten-brand .toggle-input:focus-visible + .toggle-track, body.skyten-brand .radio-text--state-focus .radio-text-body, body.skyten-brand .toggle--state-focus .toggle-track, body.skyten-brand .checkbox-input:focus-visible + .checkbox-box, body.skyten-brand .tab-item:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--brand-primary) 55%, transparent);
  outline-offset: 2px;
  border-radius: inherit;
}
body.skyten-brand .navbar {
  display: flex;
  align-items: center;
  padding: 0 1.5rem;
  height: 56px;
  background: var(--brand-primary);
  color: var(--color-foundations-white);
}
body.skyten-brand .navbar-brand {
  font-weight: 700;
  font-size: 1.125rem;
  color: inherit;
  text-decoration: none;
  margin-right: 2rem;
}
body.skyten-brand .navbar-menu {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
body.skyten-brand .navbar-item {
  padding: 0.5rem 0.75rem;
  color: inherit;
  text-decoration: none;
  font-size: 0.875rem;
  border-radius: var(--radius-s);
  opacity: 0.85;
  transition: opacity 0.15s ease, background 0.15s ease;
}
body.skyten-brand .navbar-item:hover {
  opacity: 1;
  background: rgba(255, 255, 255, 0.1);
}
body.skyten-brand .navbar-item.active {
  opacity: 1;
  background: rgba(255, 255, 255, 0.15);
}
body.skyten-brand .trading-nav-icon-btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  border-radius: var(--radius-m);
  background: transparent;
  color: var(--text-secondary);
  font: inherit;
  line-height: 0;
  cursor: pointer;
  user-select: none;
  flex-shrink: 0;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
body.skyten-brand .trading-nav-icon-btn:hover:not(.trading-nav-icon-btn--active):not([aria-pressed=true]), body.skyten-brand .trading-nav-icon-btn.trading-nav-icon-btn--state-hover:not(.trading-nav-icon-btn--active):not([aria-pressed=true]) {
  background: var(--border-secondary);
  border-color: var(--border-primary);
  color: var(--text-primary);
  box-shadow: none;
}
body.skyten-brand .trading-nav-icon-btn.trading-nav-icon-btn--active, body.skyten-brand .trading-nav-icon-btn[aria-pressed=true] {
  background: var(--button-background-active);
  color: var(--button-text-active);
  border-color: transparent;
  box-shadow: inset -1px -21px 14.1px rgba(0, 0, 0, 0.15), inset 1px 3px 6px rgba(255, 255, 255, 0.1);
}
body.skyten-brand .trading-nav-icon-btn.trading-nav-icon-btn--active:hover, body.skyten-brand .trading-nav-icon-btn.trading-nav-icon-btn--active.trading-nav-icon-btn--state-hover, body.skyten-brand .trading-nav-icon-btn[aria-pressed=true]:hover {
  box-shadow: inset -1px -21px 14.1px rgba(0, 0, 0, 0.15), inset 1px 3px 6px rgba(255, 255, 255, 0.1), 0 0 0 0.5px var(--border-input-hover);
}
body.skyten-brand .trading-nav-icon-btn > svg {
  display: block;
  flex-shrink: 0;
  pointer-events: none;
}
body.skyten-brand .trading-nav-icon-btn:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--brand-primary) 55%, transparent);
  outline-offset: 2px;
}
body.skyten-brand .trading-nav-icon-btn:disabled {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: var(--button-text-disabled, var(--text-tertiary));
  opacity: 0.65;
  cursor: not-allowed;
}
body.skyten-brand .plan-selector {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
body.skyten-brand .plan-selector-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
body.skyten-brand .btn-plan {
  flex: 1;
  background: var(--button-background-primary);
  border-color: var(--button-border-primary);
  color: var(--button-text-primary);
}
body.skyten-brand .btn-plan:hover:not(:disabled):not(.active) {
  background: var(--button-background-hover, var(--button-background-active));
  border-color: transparent;
  color: var(--button-text-hover, var(--button-text-active));
  opacity: 1;
}
body.skyten-brand .btn-plan.active {
  background: var(--button-background-active);
  border-color: transparent;
  color: var(--button-text-active);
  box-shadow: inset -1px -20px 10px rgba(0, 0, 0, 0.05), inset 1px 3px 6px rgba(255, 255, 255, 0.1);
}
body.skyten-brand .btn-plan.active:hover:not(:disabled) {
  background: var(--button-background-active-hover, var(--button-background-active));
  color: var(--button-text-active-hover, var(--button-text-active));
}
body.skyten-brand .btn-plan:disabled {
  background: transparent;
  border-color: var(--button-border-primary);
  color: var(--button-text-disabled);
  opacity: 0.65;
  cursor: not-allowed;
}
body.skyten-brand .plan-card {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 223px;
  max-width: 100%;
  background: var(--card-bg, var(--background-secondary, #fff));
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-xl, 20px);
  box-shadow: var(--shadow-filters-popup);
  padding: 16px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
body.skyten-brand .plan-card:hover,
body.skyten-brand .plan-card:focus-within,
body.skyten-brand .plan-card.plan-card--active {
  border: 2px solid var(--brand-primary);
  padding: 15px;
  box-shadow: var(--shadow-filters-popup), var(--shadow-active-primary, 0 0 10px color-mix(in srgb, var(--brand-primary) 40%, transparent));
}
body.skyten-brand .plan-card__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  width: 100%;
  max-width: 191px;
}
body.skyten-brand .plan-card__main {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 20px;
  width: 100%;
}
body.skyten-brand .plan-card__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
}
body.skyten-brand .plan-card__titles {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
  text-align: center;
}
body.skyten-brand .plan-card__title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: var(--text-primary);
}
body.skyten-brand .plan-card__subtitle {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  color: var(--text-secondary);
  font-variant-numeric: lining-nums tabular-nums;
}
body.skyten-brand .plan-card__divider {
  box-sizing: border-box;
  width: 100%;
  height: 0;
  margin: 0;
  border: 0;
  border-top: 0.5px solid var(--border-secondary);
}
body.skyten-brand .plan-card__value {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
  text-align: center;
}
body.skyten-brand .plan-card__price-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: center;
  gap: 3px;
  padding-right: 7px;
  font-family: var(--font-sans, Inter, system-ui, sans-serif);
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "lnum" 1, "tnum" 1;
  letter-spacing: 0;
  color: var(--text-primary);
}
body.skyten-brand .plan-card__price-prefix {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
body.skyten-brand .plan-card__price-value {
  margin: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}
body.skyten-brand .plan-card__value-label {
  margin: 0;
  padding-right: 7px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: var(--text-primary);
  font-variant-numeric: lining-nums tabular-nums;
}
body.skyten-brand .plan-card__features {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body.skyten-brand .plan-card__feature {
  display: block;
  margin: 0;
  padding: 4px 0;
  border-bottom: 0.5px solid var(--border-secondary);
  font-family: var(--font-sans, Inter, system-ui, sans-serif);
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0;
  color: var(--text-primary);
  text-align: left;
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "lnum" 1, "tnum" 1;
  list-style: none;
  background-color: var(--background-secondary, #fff);
}
body.skyten-brand .plan-card__feature:last-child {
  border-bottom: none;
}
body.skyten-brand .plan-card__footer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}
body.skyten-brand .plan-card__footer .btn.btn-primary {
  border: 1px solid var(--button-border-primary, var(--border-primary));
}
body.skyten-brand .plan-card:hover .plan-card__subtitle,
body.skyten-brand .plan-card:focus-within .plan-card__subtitle,
body.skyten-brand .plan-card.plan-card--active .plan-card__subtitle,
body.skyten-brand .plan-card:hover .plan-card__price-prefix,
body.skyten-brand .plan-card:focus-within .plan-card__price-prefix,
body.skyten-brand .plan-card.plan-card--active .plan-card__price-prefix,
body.skyten-brand .plan-card:hover .plan-card__price-value,
body.skyten-brand .plan-card:focus-within .plan-card__price-value,
body.skyten-brand .plan-card.plan-card--active .plan-card__price-value {
  background: var(--text-active, var(--brand-primary));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
body.skyten-brand .plan-card:hover .plan-card__feature,
body.skyten-brand .plan-card:focus-within .plan-card__feature,
body.skyten-brand .plan-card.plan-card--active .plan-card__feature {
  color: var(--text-primary);
}
body.skyten-brand .plan-card-demo-row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: flex-start;
}
body.skyten-brand .plan-card.plan-card--featured {
  border: 2px solid var(--brand-primary);
  padding: 15px;
}
body.skyten-brand .plan-card__ribbon {
  position: absolute;
  top: 0;
  right: 0;
  width: 92px;
  height: 92px;
  overflow: hidden;
  pointer-events: none;
  border-radius: 0 var(--radius-xl, 20px) 0 0;
}
body.skyten-brand .plan-card__ribbon span {
  position: absolute;
  top: 13px;
  right: -26px;
  width: 120px;
  transform: rotate(45deg);
  background: var(--brand-primary);
  color: var(--button-text-active, var(--color-foundations-white));
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-align: center;
  padding: 3px 0;
}
body.skyten-brand .partner-card {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 420px;
  max-width: 100%;
  padding: 16px;
  border-radius: var(--radius-xl, 20px);
  border: none;
  background: var(--background-secondary, #fff);
  box-shadow: var(--shadow-primary, 0 2px 4px rgba(0, 0, 0, 0.04), 0 1px 2px -1px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.06), inset 0 -1px 0.25px rgba(255, 255, 255, 0.2), inset 0 1px 0.25px rgba(255, 255, 255, 0.2));
  transition: box-shadow 0.15s ease;
}
body.skyten-brand .partner-card:hover,
body.skyten-brand .partner-card:focus-within,
body.skyten-brand .partner-card.partner-card--hover {
  border: none;
  box-shadow: var(--shadow-primary, 0 2px 4px rgba(0, 0, 0, 0.04), 0 1px 2px -1px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.06), inset 0 -1px 0.25px rgba(255, 255, 255, 0.2), inset 0 1px 0.25px rgba(255, 255, 255, 0.2)), 0 0 5px var(--partner-card-hover-glow, color-mix(in srgb, var(--brand-primary) 55%, transparent));
}
body.skyten-brand .partner-card__stack {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  width: 100%;
  min-width: 0;
}
body.skyten-brand .partner-card__main {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  width: 100%;
  min-width: 0;
}
body.skyten-brand .partner-card__head {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}
body.skyten-brand .partner-card__brand {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
body.skyten-brand .partner-card__logo-wrap {
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  padding: 4px;
  border-radius: var(--radius-m, 8px);
  background: #000;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04), 0 1px 2px -1px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.06), inset 0 -1px 0.25px rgba(255, 255, 255, 0.2), inset 0 1px 0.25px rgba(255, 255, 255, 0.2);
}
body.skyten-brand .partner-card__logo {
  display: block;
  width: 32px;
  height: 32px;
  object-fit: contain;
}
body.skyten-brand .partner-card__titles {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  min-width: 0;
}
body.skyten-brand .partner-card__name {
  margin: 0;
  font-size: var(--text-h7-font-size, 16px);
  font-weight: var(--text-h7-font-weight, 500);
  line-height: var(--text-h7-line-height, 24px);
  letter-spacing: var(--text-h7-letter-spacing, 0);
  color: var(--text-primary);
}
body.skyten-brand .partner-card__category {
  margin: 0;
  font-size: var(--text-p-sm-font-size, 14px);
  font-weight: 400;
  line-height: var(--text-p-sm-line-height, 24px);
  letter-spacing: var(--text-p-sm-letter-spacing, 0);
  color: var(--text-secondary);
}
body.skyten-brand .partner-card__meta {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex-shrink: 0;
  min-height: 40px;
}
body.skyten-brand .partner-card__top-pick {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 4px 10px;
  border-radius: var(--radius-m, 8px);
  background: var(--brand-primary);
  color: var(--color-foundations-white);
}
body.skyten-brand .partner-card__top-pick-star {
  display: block;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
body.skyten-brand .partner-card__top-pick-label {
  margin: 0;
  font-size: var(--text-h8-font-size, 14px);
  font-weight: var(--text-h8-font-weight, 500);
  line-height: var(--text-h8-line-height, 20px);
  letter-spacing: var(--text-h8-letter-spacing, 0);
  color: var(--color-foundations-white);
  white-space: nowrap;
}
body.skyten-brand .partner-card__rank {
  margin: 0;
  font-size: var(--text-caption-font-size, 12px);
  font-weight: var(--text-caption-font-weight, 500);
  line-height: var(--text-caption-line-height, 20px);
  letter-spacing: var(--text-caption-letter-spacing, 0);
  color: var(--text-secondary);
  white-space: nowrap;
}
body.skyten-brand .partner-card__lead {
  margin: 0;
  font-size: var(--text-p-sm-font-size, 14px);
  font-weight: 400;
  line-height: var(--text-p-sm-line-height, 24px);
  letter-spacing: var(--text-p-sm-letter-spacing, 0);
  color: var(--text-secondary);
}
body.skyten-brand .partner-card__stats {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
body.skyten-brand .partner-card__stat-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 8px;
  width: 100%;
}
body.skyten-brand .partner-card__stat {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 1 0;
  min-width: 0;
  padding: 12px;
  border-radius: var(--radius-m, 8px);
  background: var(--background-secondary, #fff);
  border: 1px solid var(--border-primary);
  box-shadow: none;
}
body.skyten-brand .partner-card__stat-label {
  margin: 0 0 2px;
  font-size: var(--text-caption-font-size, 12px);
  font-weight: var(--text-caption-font-weight, 500);
  line-height: var(--text-caption-line-height, 20px);
  letter-spacing: var(--text-caption-letter-spacing, 0);
  color: var(--text-secondary);
}
body.skyten-brand .partner-card__stat-value {
  margin: 0;
  font-size: var(--text-h7-font-size, 16px);
  font-weight: var(--text-h7-font-weight, 500);
  line-height: var(--text-h7-line-height, 24px);
  letter-spacing: var(--text-h7-letter-spacing, 0);
  color: var(--text-primary);
}
body.skyten-brand .partner-card__stat-value-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  min-width: 0;
}
body.skyten-brand .partner-card__stat-value-row .partner-card__stat-value {
  flex: 0 0 auto;
  min-width: 0;
}
body.skyten-brand .partner-card__bool-icon {
  display: block;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
body.skyten-brand .partner-card__bool-icon--yes {
  color: var(--functional-success-default, #059669);
}
body.skyten-brand .partner-card__bool-icon--no {
  color: var(--functional-error-default, #dc2626);
}
body.skyten-brand .partner-card .partner-card__tags {
  display: none;
}
body.skyten-brand .partner-card:hover .partner-card__tags,
body.skyten-brand .partner-card:focus-within .partner-card__tags,
body.skyten-brand .partner-card.partner-card--hover .partner-card__tags {
  display: flex;
}
body.skyten-brand .partner-card__tags {
  list-style: none;
  margin: 0;
  padding: 4px 0;
  flex-wrap: wrap;
  align-items: center;
  align-content: flex-start;
  column-gap: 8px;
  row-gap: 4px;
  width: 100%;
}
body.skyten-brand .partner-card__tags > li {
  margin: 0;
  padding: 0;
}
body.skyten-brand .partner-card__tags > li::before {
  content: none;
  display: none;
}
body.skyten-brand .partner-card__tag {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 4px;
  border-radius: var(--radius-s, 4px);
  background: var(--button-background-active, var(--brand-primary));
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  color: var(--button-text-active, var(--color-foundations-white));
  text-transform: uppercase;
  white-space: nowrap;
}
body.skyten-brand .partner-card__foot {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: stretch;
  width: 100%;
}
body.skyten-brand .partner-card__cta.btn.btn-primary {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  flex: 1 1 auto;
  padding: 14px 28px 16px;
}
body.skyten-brand .partner-card:hover .partner-card__cta.btn-primary:not(:disabled),
body.skyten-brand .partner-card:focus-within .partner-card__cta.btn-primary:not(:disabled),
body.skyten-brand .partner-card.partner-card--hover .partner-card__cta.btn-primary:not(:disabled) {
  background: var(--button-background-active);
  border-color: transparent;
  color: var(--button-text-active);
  box-shadow: var(--shadow-active-secondary, inset -1px -20px 10px rgba(0, 0, 0, 0.05), inset 1px 3px 6px rgba(255, 255, 255, 0.1));
}
body.skyten-brand .partner-card-demo-row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: flex-start;
}
body.skyten-brand .partner-list-demo-stack {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  width: 100%;
  max-width: var(--partner-list-card-width, 1160px);
}
body.skyten-brand .partner-list-card {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--partner-list-card-width, 1160px);
  margin: 0;
  padding: 0;
  border: 2px solid transparent;
  border-radius: var(--radius-xl, 20px);
  overflow: hidden;
  background: transparent;
  box-shadow: var(--shadow-primary, 0 2px 4px rgba(0, 0, 0, 0.04), 0 1px 2px -1px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.06), inset 0 -1px 0.25px rgba(255, 255, 255, 0.2), inset 0 1px 0.25px rgba(255, 255, 255, 0.2));
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
body.skyten-brand .partner-list-card__row {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 16px;
  width: 100%;
  min-width: 0;
  padding: 8px 16px;
  border-radius: var(--radius-xl, 20px);
  background: linear-gradient(180deg, color-mix(in srgb, var(--background-primary, var(--background-secondary, #fff)) 66%, var(--background-secondary, #fff)) 0%, var(--background-secondary, #fff) 100%);
  border-left: 4px solid transparent;
}
body.skyten-brand .partner-list-card:not(:hover):not(:focus-within):not(.partner-list-card--active) .partner-list-card__row {
  box-shadow: inset 0 -1px 0.25px rgba(255, 255, 255, 0.2), inset 0 1px 0.25px rgba(255, 255, 255, 0.2);
}
body.skyten-brand .partner-list-card:hover .partner-list-card__row,
body.skyten-brand .partner-list-card:focus-within .partner-list-card__row,
body.skyten-brand .partner-list-card--active .partner-list-card__row {
  border-radius: var(--radius-xl, 20px) var(--radius-xl, 20px) 0 0;
  background: var(--background-secondary, #fff);
}
body.skyten-brand .partner-list-card__index {
  box-sizing: border-box;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: var(--text-secondary);
  white-space: nowrap;
}
body.skyten-brand .partner-list-card__brand {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  flex: 0 0 200px;
  width: 200px;
  max-width: 200px;
  min-width: 0;
}
body.skyten-brand .partner-list-card__titles {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
}
body.skyten-brand .partner-list-card__name {
  margin: 0;
  font-size: var(--text-h7-font-size, 16px);
  font-weight: var(--text-h7-font-weight, 500);
  line-height: var(--text-h7-line-height, 24px);
  letter-spacing: var(--text-h7-letter-spacing, 0);
  color: var(--text-primary);
  white-space: nowrap;
}
body.skyten-brand .partner-list-card__category {
  margin: 0;
  font-size: var(--text-p-sm-font-size, 14px);
  font-weight: 400;
  line-height: var(--text-p-sm-line-height, 24px);
  letter-spacing: var(--text-p-sm-letter-spacing, 0);
  color: var(--text-secondary);
  white-space: nowrap;
}
body.skyten-brand .partner-list-card__metric {
  box-sizing: border-box;
  flex: 0 0 92px;
  width: 92px;
  max-width: 92px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: 0;
}
body.skyten-brand .partner-list-card__metric-value {
  margin: 0;
  font-size: var(--text-h7-font-size, 16px);
  font-weight: var(--text-h7-font-weight, 500);
  line-height: var(--text-h7-line-height, 24px);
  color: var(--text-primary);
  white-space: nowrap;
}
body.skyten-brand .partner-list-card__metric-sub {
  margin: 0;
  font-size: var(--text-p-sm-font-size, 14px);
  font-weight: 400;
  line-height: var(--text-p-sm-line-height, 24px);
  color: var(--text-secondary);
  white-space: nowrap;
}
body.skyten-brand .partner-list-card__bool {
  box-sizing: border-box;
  flex: 0 0 80px;
  width: 80px;
  max-width: 80px;
  display: flex;
  align-items: center;
}
body.skyten-brand .partner-list-card__bool-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 48px;
  min-width: 48px;
}
body.skyten-brand .partner-list-card__bool-text {
  font-size: var(--text-h7-font-size, 16px);
  font-weight: var(--text-h7-font-weight, 500);
  line-height: var(--text-h7-line-height, 24px);
  color: var(--text-primary);
  white-space: nowrap;
}
body.skyten-brand .partner-list-card__tags {
  box-sizing: border-box;
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: flex-start;
  column-gap: 8px;
  row-gap: 4px;
}
body.skyten-brand .partner-list-card__cta.btn.btn-sm {
  flex-shrink: 0;
  box-sizing: border-box;
  padding: 8px 12px;
  white-space: nowrap;
}
body.skyten-brand .partner-list-card:hover .partner-list-card__cta.btn-primary:not(:disabled),
body.skyten-brand .partner-list-card:focus-within .partner-list-card__cta.btn-primary:not(:disabled),
body.skyten-brand .partner-list-card--active .partner-list-card__cta.btn-primary:not(:disabled) {
  background: var(--button-background-active);
  border-color: transparent;
  color: var(--button-text-active);
  box-shadow: var(--shadow-active-secondary, inset -1px -20px 10px rgba(0, 0, 0, 0.05), inset 1px 3px 6px rgba(255, 255, 255, 0.1));
  opacity: 1;
}
body.skyten-brand .partner-list-card__detail {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0 24px;
  border-left: 4px solid var(--partner-list-accent, var(--brand-primary));
  border-radius: 0 0 var(--radius-m, 16px) var(--radius-m, 16px);
  background: linear-gradient(180deg, color-mix(in srgb, var(--background-primary, var(--background-secondary, #fff)) 66%, var(--background-secondary, #fff)) 0%, var(--background-secondary, #fff) 100%);
  pointer-events: none;
  transition: max-height 0.28s ease, opacity 0.22s ease, padding 0.22s ease;
}
body.skyten-brand .partner-list-card:hover .partner-list-card__detail,
body.skyten-brand .partner-list-card:focus-within .partner-list-card__detail,
body.skyten-brand .partner-list-card--active .partner-list-card__detail {
  max-height: 320px;
  opacity: 1;
  padding: 12px 24px;
  pointer-events: auto;
}
body.skyten-brand .partner-list-card__lead {
  margin: 0;
  max-width: 100%;
  font-size: var(--text-p-sm-font-size, 14px);
  font-weight: 400;
  line-height: var(--text-p-sm-line-height, 24px);
  letter-spacing: var(--text-p-sm-letter-spacing, 0);
  color: var(--text-secondary);
  overflow-wrap: break-word;
}
body.skyten-brand .partners-deployed-demo .partner-card__logo-wrap {
  background: var(--color-foundations-black);
}
body.skyten-brand .partners-deployed-demo .partner-card {
  padding: 0;
  border: none;
  border-radius: calc(var(--partners-inner-radius) + 2px);
  background: transparent;
  box-shadow: none;
  transition: none;
}
body.skyten-brand .partners-deployed-demo .partner-card:hover,
body.skyten-brand .partners-deployed-demo .partner-card:focus-within,
body.skyten-brand .partners-deployed-demo .partner-card.partner-card--hover {
  border: none;
  box-shadow: none;
}
body.skyten-brand .partners-deployed-demo .partner-card__surface {
  box-sizing: border-box;
  border-radius: calc(var(--partners-inner-radius) + 2px);
  padding: 2px;
  border: 2px solid var(--border-primary);
  background: var(--background-secondary);
  transition: box-shadow 0.38s cubic-bezier(0.33, 1, 0.68, 1), background 0.22s ease, border-color 0.22s ease;
}
body.skyten-brand .partners-deployed-demo .partner-card:hover .partner-card__surface,
body.skyten-brand .partners-deployed-demo .partner-card:focus-within .partner-card__surface,
body.skyten-brand .partners-deployed-demo .partner-card.partner-card--hover .partner-card__surface {
  border-color: var(--brand-primary);
  border-image: none;
  background: var(--background-secondary);
  background-clip: border-box;
  box-shadow: var(--shadow-primary), 0 0 5px var(--icon-primary);
}
body.skyten-brand .partners-deployed-demo .partner-card__inner {
  box-sizing: border-box;
  border-radius: var(--partners-inner-radius);
  padding: 16px;
  background: var(--background-secondary);
  min-width: 0;
}
body.skyten-brand .partners-deployed-demo .partner-card .partner-card__tags-wrap {
  display: grid;
  grid-template-rows: 0fr;
  margin-bottom: 0;
  transition: grid-template-rows 0.32s cubic-bezier(0.33, 1, 0.68, 1), margin-bottom 0.28s ease;
}
body.skyten-brand .partners-deployed-demo .partner-card .partner-card__tags {
  display: flex;
  flex-wrap: wrap;
  min-height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.28s ease, visibility 0s linear 0.28s;
}
body.skyten-brand .partners-deployed-demo .partner-card:hover .partner-card__tags-wrap,
body.skyten-brand .partners-deployed-demo .partner-card:focus-within .partner-card__tags-wrap,
body.skyten-brand .partners-deployed-demo .partner-card.partner-card--hover .partner-card__tags-wrap {
  grid-template-rows: 1fr;
}
body.skyten-brand .partners-deployed-demo .partner-card:hover .partner-card__tags,
body.skyten-brand .partners-deployed-demo .partner-card:focus-within .partner-card__tags,
body.skyten-brand .partners-deployed-demo .partner-card.partner-card--hover .partner-card__tags {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.28s ease 0.04s, visibility 0s linear 0s;
}
body.skyten-brand .partners-deployed-demo .partner-list-card {
  border: 2px solid var(--border-primary);
  border-radius: calc(var(--partners-inner-radius) + 2px);
  background: var(--background-primary);
  box-shadow: none;
  overflow: hidden;
  transition: box-shadow 0.38s cubic-bezier(0.33, 1, 0.68, 1), background 0.22s ease, border-color 0.22s ease;
}
body.skyten-brand .partners-deployed-demo .partner-list-card:hover,
body.skyten-brand .partners-deployed-demo .partner-list-card:focus-within,
body.skyten-brand .partners-deployed-demo .partner-list-card.partner-list-card--active {
  border-color: var(--brand-primary);
  border-image: none;
  background: var(--background-primary);
  box-shadow: var(--shadow-primary), 0 0 5px var(--icon-primary);
}
body.skyten-brand .partners-deployed-demo .partner-list-card__row {
  display: grid;
  grid-template-columns: 16px 200px 92px 120px 80px 80px minmax(0, 1fr) max-content;
  flex-wrap: unset;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 8px 16px;
  border-radius: calc(var(--partners-inner-radius) + 2px);
  background: var(--background-primary);
  border-left: 4px solid transparent;
  box-shadow: none;
}
body.skyten-brand .partners-deployed-demo .partner-list-card:not(:hover):not(:focus-within):not(.partner-list-card--active) .partner-list-card__row {
  box-shadow: none;
}
body.skyten-brand .partners-deployed-demo .partner-list-card:hover .partner-list-card__row,
body.skyten-brand .partners-deployed-demo .partner-list-card:focus-within .partner-list-card__row,
body.skyten-brand .partners-deployed-demo .partner-list-card--active .partner-list-card__row {
  border-radius: var(--partners-inner-radius) var(--partners-inner-radius) 0 0;
  background: var(--background-primary);
  border-left-color: var(--partner-list-accent, var(--brand-primary));
}
body.skyten-brand .partners-deployed-demo .partner-list-card__index,
body.skyten-brand .partners-deployed-demo .partner-list-card__brand,
body.skyten-brand .partners-deployed-demo .partner-list-card__metric,
body.skyten-brand .partners-deployed-demo .partner-list-card__bool,
body.skyten-brand .partners-deployed-demo .partner-list-card__tags,
body.skyten-brand .partners-deployed-demo .partner-list-card__cta {
  flex: unset;
  width: auto;
  max-width: none;
}
body.skyten-brand .partners-deployed-demo .partner-list-card__brand {
  min-width: 0;
}
body.skyten-brand .partners-deployed-demo .partner-list-card__metric--wide {
  min-width: 0;
}
body.skyten-brand .partners-deployed-demo .partner-list-card__detail-expand {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.34s cubic-bezier(0.33, 1, 0.68, 1);
}
body.skyten-brand .partners-deployed-demo .partner-list-card__detail-expand > .partner-list-card__detail {
  min-height: 0;
  max-height: none;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  visibility: hidden;
  padding-top: 0;
  padding-bottom: 0;
  transition: opacity 0.28s ease, visibility 0s linear 0.28s, padding 0.22s ease;
}
body.skyten-brand .partners-deployed-demo .partner-list-card:hover .partner-list-card__detail-expand,
body.skyten-brand .partners-deployed-demo .partner-list-card:focus-within .partner-list-card__detail-expand,
body.skyten-brand .partners-deployed-demo .partner-list-card--active .partner-list-card__detail-expand {
  grid-template-rows: 1fr;
}
body.skyten-brand .partners-deployed-demo .partner-list-card:hover .partner-list-card__detail-expand > .partner-list-card__detail,
body.skyten-brand .partners-deployed-demo .partner-list-card:focus-within .partner-list-card__detail-expand > .partner-list-card__detail,
body.skyten-brand .partners-deployed-demo .partner-list-card--active .partner-list-card__detail-expand > .partner-list-card__detail {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  transition: opacity 0.28s ease 0.06s, visibility 0s linear 0s, padding 0.22s ease;
}
body.skyten-brand .partners-deployed-demo .partner-list-card .partner-list-card__detail {
  border-radius: 0 0 var(--partners-inner-radius) var(--partners-inner-radius);
  background: var(--background-primary);
}
body.skyten-brand .partner-layout-demo-toolbar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
}
body.skyten-brand .account-card {
  box-sizing: border-box;
  width: 370px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: var(--card-bg, var(--background-secondary, #fff));
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-xl, 20px);
  padding: 16px;
}
body.skyten-brand .account-card--selected {
  border: 2px solid var(--brand-primary);
  padding: 15px;
}
body.skyten-brand .account-card--disabled {
  border: 1px solid var(--universal-disabled);
  padding: 16px;
  opacity: 0.65;
  pointer-events: none;
  cursor: default;
}
body.skyten-brand .account-card--disabled.account-card--selected {
  border: 1px solid var(--universal-disabled);
  padding: 16px;
}
body.skyten-brand .account-card--disabled .account-card__tag {
  text-transform: none;
}
body.skyten-brand .account-card--disabled .account-card__row {
  align-items: center;
  border-bottom-color: var(--universal-disabled);
}
body.skyten-brand .account-card--disabled .account-card__id,
body.skyten-brand .account-card--disabled .account-card__tag,
body.skyten-brand .account-card--disabled .account-card__metric,
body.skyten-brand .account-card--disabled .account-card__started,
body.skyten-brand .account-card--disabled .account-card__status,
body.skyten-brand .account-card--disabled .account-card__status-current,
body.skyten-brand .account-card--disabled .account-card__status-sep,
body.skyten-brand .account-card--disabled .account-card__status-total {
  color: var(--universal-disabled);
}
body.skyten-brand .account-card__header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}
body.skyten-brand .account-card__header .toggle {
  flex-shrink: 0;
}
body.skyten-brand .account-card__titles {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex: 1 1 auto;
  min-width: 0;
}
body.skyten-brand .account-card__id {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: var(--text-primary);
}
body.skyten-brand .account-card__tag {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: var(--text-secondary);
  text-transform: uppercase;
}
body.skyten-brand .account-card__rows {
  display: flex;
  flex-direction: column;
  width: 100%;
}
body.skyten-brand .account-card__row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  padding: 6px 0;
  border-bottom: 0.5px solid var(--border-secondary);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
body.skyten-brand .account-card__row:last-child {
  border-bottom: none;
}
body.skyten-brand .account-card__metric {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 4px;
  color: var(--text-secondary);
  min-width: 0;
}
body.skyten-brand .account-card__status {
  display: inline-flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 2px;
  flex-shrink: 0;
  white-space: nowrap;
}
body.skyten-brand .account-card__status--empty {
  min-width: 15px;
  min-height: 16px;
}
body.skyten-brand .account-card__status--inactive {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 8px;
  flex-shrink: 0;
  color: var(--universal-disabled);
}
body.skyten-brand .account-card__status-cross {
  position: relative;
  width: 8px;
  height: 8px;
  flex-shrink: 0;
}
body.skyten-brand .account-card__status-cross::before, body.skyten-brand .account-card__status-cross::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 1px;
  border-radius: 0.5px;
  background: currentColor;
}
body.skyten-brand .account-card__status-cross::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
body.skyten-brand .account-card__status-cross::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
body.skyten-brand .account-card__status-current {
  color: var(--text-primary);
}
body.skyten-brand .account-card__status-sep,
body.skyten-brand .account-card__status-total {
  color: var(--text-secondary);
}
body.skyten-brand .account-card__footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}
body.skyten-brand .account-card__started {
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.25px;
  color: var(--text-primary);
  white-space: nowrap;
}
body.skyten-brand .account-card__started-label {
  font-weight: 500;
}
body.skyten-brand .account-card .toggle-track {
  background: var(--universal-disabled);
  border-color: var(--border-secondary);
}
body.skyten-brand .account-card .toggle-thumb {
  background: var(--button-background-disabled);
  border: 1px solid var(--border-primary);
}
body.skyten-brand .account-card-demo-row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: flex-start;
}
body.skyten-brand .popup.popup--compact {
  box-sizing: border-box;
  width: 532px;
  max-width: min(532px, 100%);
  height: 196px;
  min-height: 196px;
  max-height: 196px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
body.skyten-brand .popup.popup--compact .popup__close-row {
  flex-shrink: 0;
}
body.skyten-brand .popup.popup--compact .popup__body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 0;
  box-sizing: border-box;
}
body.skyten-brand .popup.popup--open-order {
  box-sizing: border-box;
  width: 480px;
  max-width: min(480px, 100%);
  height: 376px;
  min-height: 376px;
  max-height: 376px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
body.skyten-brand .popup.popup--open-order .popup__close-row {
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}
body.skyten-brand .popup.popup--open-order .popup__body {
  box-sizing: border-box;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  min-height: 0;
  padding: 5px 25px 25px;
  text-align: start;
}
body.skyten-brand .popup.popup--open-order .popup__open-order-heading {
  flex-shrink: 0;
  width: 100%;
  padding: 0 0 20px;
}
body.skyten-brand .popup.popup--open-order .popup__open-order-heading :where(h1, h2, h3, h4, h5, h6) {
  margin: 0;
  text-align: start;
}
body.skyten-brand .popup.popup--open-order .popup__open-order-summary {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  padding: 0 0 20px;
  border-bottom: 1px solid var(--border-secondary);
  gap: 16px;
}
body.skyten-brand .popup.popup--open-order .popup__open-order-symbol-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
}
body.skyten-brand .popup.popup--open-order .popup__open-order-symbol-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 13px;
  min-width: 0;
}
body.skyten-brand .popup.popup--open-order .popup__open-order-icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
body.skyten-brand .popup.popup--open-order .popup__open-order-icon img {
  display: block;
  width: 32px;
  height: 32px;
  object-fit: contain;
}
body.skyten-brand .popup.popup--open-order .popup__open-order-pair {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  color: var(--text-primary);
}
body.skyten-brand .popup.popup--open-order .popup__open-order-id {
  margin: 0;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  color: var(--text-primary);
}
body.skyten-brand .popup.popup--open-order .popup__open-order-aside {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  text-align: right;
  flex-shrink: 0;
}
body.skyten-brand .popup.popup--open-order .popup__open-order-type {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  color: var(--text-primary);
}
body.skyten-brand .popup.popup--open-order .popup__open-order-direction {
  color: var(--functional-success-default);
  font-weight: 500;
}
body.skyten-brand .popup.popup--open-order .popup__open-order-time {
  margin: 0;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  color: var(--text-secondary);
}
body.skyten-brand .popup.popup--open-order .popup__open-order-details {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
body.skyten-brand .popup.popup--open-order .popup__open-order-grid {
  display: grid;
  grid-template-columns: 120px 120px 100px 60px;
  width: 100%;
  column-gap: 0;
  align-items: center;
}
body.skyten-brand .popup.popup--open-order .popup__open-order-grid--head {
  border-bottom: 1px solid var(--border-secondary);
  padding: 12px 0;
}
body.skyten-brand .popup.popup--open-order .popup__open-order-grid:not(.popup__open-order-grid--head) {
  padding: 12px 0;
}
body.skyten-brand .popup.popup--open-order .popup__open-order-th {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--text-secondary);
}
body.skyten-brand .popup.popup--open-order .popup__open-order-th-line {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--text-secondary);
}
body.skyten-brand .popup.popup--open-order .popup__open-order-td {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--text-primary);
}
body.skyten-brand .popup.popup--open-order .popup__actions {
  box-sizing: border-box;
  align-self: stretch;
  width: 100%;
  margin-top: auto;
  flex-shrink: 0;
  justify-content: center;
}
body.skyten-brand .popup.popup--input-dialog {
  box-sizing: border-box;
  width: 420px;
  max-width: min(420px, 100%);
  height: 282px;
  min-height: 282px;
  max-height: 282px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
body.skyten-brand .popup.popup--input-dialog .popup__close-row {
  flex-shrink: 0;
}
body.skyten-brand .popup.popup--input-dialog .popup__body {
  box-sizing: border-box;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 27px;
  min-height: 0;
  padding: 5px 25px 25px;
  text-align: start;
}
body.skyten-brand .popup.popup--input-dialog .popup__body > :where(h1, h2, h3, h4, h5, h6) {
  margin: 0;
  text-align: start;
}
body.skyten-brand .popup.popup--input-dialog .popup__input-dialog-field {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
body.skyten-brand .popup.popup--input-dialog .popup__input-dialog-label {
  margin: 0;
  font-size: var(--text-h8-font-size, 14px);
  font-weight: var(--text-h8-font-weight, 500);
  line-height: var(--text-h8-line-height, 20px);
  letter-spacing: var(--text-h8-letter-spacing, 0);
  color: var(--brand-primary);
}
body.skyten-brand .popup.popup--input-dialog .input {
  max-width: none;
}
body.skyten-brand .popup.popup--input-dialog .popup__actions {
  margin-top: 0;
  padding-top: 0;
  flex-shrink: 0;
}
body.skyten-brand .popup.popup--input-dialog .popup__actions .btn {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  box-sizing: border-box;
}
body.skyten-brand .popup.popup--search-nft {
  box-sizing: border-box;
  width: 930px;
  max-width: min(930px, 100%);
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
body.skyten-brand .popup.popup--search-nft .popup__close-row {
  flex-shrink: 0;
}
body.skyten-brand .popup.popup--search-nft .popup__body {
  box-sizing: border-box;
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  min-height: 0;
  padding: 5px 25px 25px;
  text-align: start;
}
body.skyten-brand .popup.popup--search-nft .popup__body > :where(h1, h2, h3, h4, h5, h6) {
  margin: 0 0 20px;
  padding: 0;
  text-align: start;
}
body.skyten-brand .popup.popup--search-nft .popup__search-nft-field {
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  min-width: 0;
  min-height: 48px;
  padding: 0 16px 0 48px;
  border-radius: var(--radius-m);
  border: 1px solid var(--button-border-primary);
  background: var(--background-input-search);
  box-sizing: border-box;
}
body.skyten-brand .popup.popup--search-nft .popup__search-nft-field:focus-within {
  outline: none;
  border-color: var(--input-border-active, var(--brand-primary, var(--ed-accent)));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--input-border-active, var(--brand-primary, var(--ed-accent))) 22%, transparent);
}
body.skyten-brand .popup.popup--search-nft .popup__search-nft-icon {
  position: absolute;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: var(--text-secondary);
  pointer-events: none;
}
body.skyten-brand .popup.popup--search-nft .popup__search-nft-icon svg {
  width: 100%;
  height: 100%;
}
body.skyten-brand .popup.popup--search-nft .popup__search-nft-input {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  font-family: inherit;
  font-size: var(--text-p-font-size, 16px);
  font-weight: 500;
  line-height: 48px;
  letter-spacing: var(--text-p-letter-spacing, 0);
  color: var(--text-primary);
  box-shadow: none;
  outline: none;
}
body.skyten-brand .popup.popup--search-nft .popup__search-nft-input::placeholder {
  color: var(--text-secondary);
}
body.skyten-brand .popup.popup--search-nft .popup__actions {
  justify-content: center;
  margin-top: 0;
  padding-top: 20px;
}
body.skyten-brand .popup.popup--search-nft .popup__actions .btn {
  width: auto;
  min-width: 0;
  max-width: none;
  flex: 0 0 auto;
  box-sizing: border-box;
}
body.skyten-brand .popup.popup--icon-color {
  box-sizing: border-box;
  width: 456px;
  max-width: min(456px, 100%);
  height: 234px;
  min-height: 234px;
  max-height: 234px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
body.skyten-brand .popup.popup--icon-color .popup__close-row {
  flex-shrink: 0;
}
body.skyten-brand .popup.popup--icon-color .popup__body {
  box-sizing: border-box;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 27px;
  min-height: 0;
  padding: 5px 25px 25px;
  text-align: start;
}
body.skyten-brand .popup.popup--icon-color .popup__body > :where(h1, h2, h3, h4, h5, h6) {
  margin: 0;
  text-align: start;
}
body.skyten-brand .popup.popup--icon-color .popup__icon-color-swatches {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 20px;
  min-width: 0;
}
body.skyten-brand .popup.popup--icon-color .popup__icon-color-swatch {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  appearance: none;
  background: transparent;
}
body.skyten-brand .popup.popup--icon-color .popup__icon-color-swatch:focus-visible {
  outline: 2px solid var(--brand-primary);
  outline-offset: 2px;
}
body.skyten-brand .popup.popup--icon-color .popup__icon-color-swatch[aria-pressed=true] {
  box-shadow: 0 0 0 2px var(--background-secondary), 0 0 0 4px var(--brand-primary);
}
body.skyten-brand .popup.popup--icon-color .popup__icon-color-swatch[data-chart-color="01"] {
  background: var(--chart-01);
}
body.skyten-brand .popup.popup--icon-color .popup__icon-color-swatch[data-chart-color="02"] {
  background: var(--chart-02);
}
body.skyten-brand .popup.popup--icon-color .popup__icon-color-swatch[data-chart-color="03"] {
  background: var(--chart-03);
}
body.skyten-brand .popup.popup--icon-color .popup__icon-color-swatch[data-chart-color="04"] {
  background: var(--chart-04);
}
body.skyten-brand .popup.popup--icon-color .popup__icon-color-swatch[data-chart-color="05"] {
  background: var(--chart-05);
}
body.skyten-brand .popup.popup--icon-color .popup__icon-color-swatch[data-chart-color="06"] {
  background: var(--chart-06);
}
body.skyten-brand .popup.popup--icon-color .popup__icon-color-swatch[data-chart-color="07"] {
  background: var(--chart-07);
}
body.skyten-brand .popup.popup--icon-color .popup__icon-color-swatch[data-chart-color="08"] {
  background: var(--chart-08);
}
body.skyten-brand .popup.popup--icon-color .popup__icon-color-swatch[data-chart-color="09"] {
  background: var(--chart-09);
}
body.skyten-brand .popup.popup--icon-color .popup__actions {
  margin-top: 0;
  padding-top: 0;
  flex-shrink: 0;
}
body.skyten-brand .popup.popup--icon-color .popup__actions .btn {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  box-sizing: border-box;
}
body.skyten-brand .popup.popup--arrange-watchlist {
  box-sizing: border-box;
  width: 525px;
  max-width: min(525px, 100%);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__close-row {
  flex-shrink: 0;
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__body {
  box-sizing: border-box;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 27px;
  min-height: auto;
  padding: 5px 25px 25px;
  text-align: start;
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__body > :where(h1, h2, h3, h4, h5, h6) {
  margin: 0;
  text-align: start;
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 445px;
  align-self: flex-start;
  flex: 0 0 auto;
  overflow: visible;
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-list > li::before {
  content: none;
  display: none;
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-row {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 12px;
  border-bottom: 0.5px solid var(--border-secondary);
  background: transparent;
  cursor: default;
  user-select: none;
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-row[draggable=true] {
  cursor: grab;
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-row:active[draggable=true] {
  cursor: grabbing;
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-row.popup__arrange-watchlist-row--dragging {
  opacity: 0.92;
  background: color-mix(in srgb, var(--background-hover) 65%, transparent);
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-row[aria-selected=true] {
  background: var(--background-hover);
  border-top: 0.5px solid var(--border-primary);
  border-bottom: 0.5px solid var(--border-primary);
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-row-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  min-width: 0;
  flex: 1 1 auto;
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-swatch {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: transparent;
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-swatch[data-chart-color="01"] {
  background: var(--chart-01);
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-swatch[data-chart-color="02"] {
  background: var(--chart-02);
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-swatch[data-chart-color="03"] {
  background: var(--chart-03);
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-swatch[data-chart-color="04"] {
  background: var(--chart-04);
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-swatch[data-chart-color="05"] {
  background: var(--chart-05);
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-swatch[data-chart-color="06"] {
  background: var(--chart-06);
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-swatch[data-chart-color="07"] {
  background: var(--chart-07);
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-swatch[data-chart-color="08"] {
  background: var(--chart-08);
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-swatch[data-chart-color="09"] {
  background: var(--chart-09);
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-name {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-row-tools {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex-shrink: 0;
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-star {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: var(--radius-s);
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.15s ease, color 0.15s ease;
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-star:hover {
  background: color-mix(in srgb, var(--text-primary) 6%, transparent);
  color: var(--text-secondary);
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-star:focus-visible {
  outline: 2px solid var(--brand-primary);
  outline-offset: 2px;
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-star svg {
  width: 18px;
  height: 17px;
  flex-shrink: 0;
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-star .popup__arrange-watchlist-star-fill {
  display: none;
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-star .popup__arrange-watchlist-star-stroke {
  display: block;
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-star[aria-pressed=true] {
  color: var(--brand-primary);
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-star[aria-pressed=true] .popup__arrange-watchlist-star-fill {
  display: block;
  stroke: currentColor;
  stroke-width: 1.35;
  stroke-linejoin: round;
  paint-order: stroke fill;
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-star[aria-pressed=true] .popup__arrange-watchlist-star-stroke {
  display: none;
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-handle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: var(--text-tertiary);
  cursor: grab;
  user-select: none;
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__arrange-watchlist-handle::after {
  content: "";
  display: block;
  width: 18px;
  height: 1.5px;
  border-radius: 0.75px;
  background: currentColor;
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__actions {
  margin-top: 0;
  padding-top: 0;
  flex-shrink: 0;
}
body.skyten-brand .popup.popup--arrange-watchlist .popup__actions .btn {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  box-sizing: border-box;
}
body.skyten-brand .popup.popup--checkout {
  box-sizing: border-box;
  width: 800px;
  min-width: 800px;
  max-width: none;
  display: flex;
  flex-direction: column;
  overflow: visible;
}
body.skyten-brand .popup.popup--checkout .popup__close-row {
  flex-shrink: 0;
}
body.skyten-brand .popup.popup--checkout .popup__body {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 40px;
  flex: 0 0 auto;
  padding: 5px 40px 40px;
  text-align: center;
  overflow: visible;
}
body.skyten-brand .popup.popup--checkout .stepper--ring {
  padding: 0 80px;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-panel {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  width: 100%;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-panel[hidden] {
  display: none !important;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-panel > .popup__checkout-stage {
  flex: 0 0 auto;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-stage {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  width: 100%;
  min-width: 0;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-lead {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  max-width: 100%;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-title {
  margin: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  background: var(--text-active, var(--brand-primary));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-subtitle {
  margin: 0;
  max-width: 42rem;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  color: var(--text-secondary);
  text-align: center;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-details {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  text-align: start;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-details-split {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: center;
  gap: 80px;
  width: 100%;
  min-width: 0;
  padding-bottom: 20px;
  overflow: visible;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-details-stack {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  flex: 0 0 320px;
  width: 320px;
  max-width: none;
  min-width: 0;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-details-stack--secondary {
  align-items: flex-end;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-detail-row {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  max-width: 320px;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-detail-row .popup__checkout-detail-col {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0;
  width: 100%;
  max-width: 320px;
  min-width: 0;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-detail-row .popup__checkout-detail-labels,
body.skyten-brand .popup.popup--checkout .popup__checkout-detail-row .popup__checkout-detail-values {
  flex: 1 1 160px;
  width: 50%;
  max-width: 160px;
  min-width: 0;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-detail-row--stats {
  padding-top: 3px;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-detail-labels,
body.skyten-brand .popup.popup--checkout .popup__checkout-detail-values {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-detail-values {
  align-items: flex-end;
  text-align: right;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-detail-heading {
  margin: 0 0 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: var(--text-primary);
  font-variant-numeric: lining-nums tabular-nums;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-detail-spacer {
  box-sizing: border-box;
  width: 100%;
  min-height: 20px;
  flex-shrink: 0;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-detail-dt {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--text-secondary);
  font-variant-numeric: lining-nums tabular-nums;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-detail-dd {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--text-primary);
  font-variant-numeric: lining-nums tabular-nums;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-terms {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  user-select: none;
  text-align: start;
  max-width: 320px;
  width: 100%;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-terms .checkbox-input:focus-visible + .checkbox-box {
  outline-offset: 2px;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-terms-copy {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  color: var(--text-primary);
}
body.skyten-brand .popup.popup--checkout .popup__checkout-terms-link {
  color: var(--brand-primary);
  text-decoration: none;
  font-weight: inherit;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-terms-link:hover {
  text-decoration: underline;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-terms-link:focus-visible {
  outline: 2px solid var(--brand-primary);
  outline-offset: 2px;
  border-radius: 2px;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-total-bar {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  max-width: 320px;
  min-height: 20px;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-total-label {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  color: var(--text-primary);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-align: start;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-total-value {
  margin: 0;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  color: var(--text-primary);
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: lining-nums tabular-nums;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-proceed-wrap {
  align-self: center;
  display: inline-flex;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-proceed-wrap:has(.popup__checkout-proceed:disabled) {
  cursor: not-allowed;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-proceed {
  width: 120px;
  min-width: 120px;
  max-width: 120px;
  box-sizing: border-box;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-proceed:disabled {
  pointer-events: none;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-proceed--error,
body.skyten-brand .popup.popup--checkout .popup__checkout-proceed--error:disabled {
  background: var(--functional-error-background);
  border-color: var(--functional-error-default);
  color: var(--functional-error-default);
  opacity: 1;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-stage--payment {
  gap: 48px;
  align-items: stretch;
  text-align: start;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-stage--confirmation {
  text-align: center;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-confirmation-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  box-sizing: border-box;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-confirmation-copy {
  margin: 0;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--text-primary);
  text-align: center;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-confirmation-copy p {
  margin: 0;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-payment-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  box-sizing: border-box;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-payment-main {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 24px;
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  box-sizing: border-box;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-payment-menu {
  width: 100%;
  max-width: 720px;
  box-sizing: border-box;
  margin: 0;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-payment-menu .btn-payment-options--inline {
  justify-content: center;
  flex-wrap: nowrap;
  gap: 24px;
  width: 100%;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-payment-panels {
  width: 100%;
  max-width: 720px;
  margin: 0;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-payment-panel[hidden] {
  display: none !important;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-payment-panel {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-payment-hint {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  color: var(--text-primary);
  text-align: center;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-transfer-sheet {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  gap: 24px;
  width: 100%;
  min-height: 164px;
  box-sizing: border-box;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-transfer-labels,
body.skyten-brand .popup.popup--checkout .popup__checkout-transfer-values {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1 0;
  min-width: 0;
  gap: 0;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-transfer-values {
  align-items: flex-end;
  text-align: right;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-payment-panel[data-payment-detail=crypto] .popup__checkout-transfer-sheet {
  gap: 0;
  justify-content: flex-start;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-payment-panel[data-payment-detail=crypto] .popup__checkout-transfer-labels {
  flex: 0 0 35%;
  max-width: 35%;
  min-width: 0;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-payment-panel[data-payment-detail=crypto] .popup__checkout-transfer-values {
  flex: 0 0 65%;
  max-width: 65%;
  min-width: 0;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-payment-panel[data-payment-detail=wire] .popup__checkout-transfer-legend,
body.skyten-brand .popup.popup--checkout .popup__checkout-payment-panel[data-payment-detail=crypto] .popup__checkout-transfer-legend {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  color: var(--text-primary);
  min-height: 20px;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-transfer-spacer {
  min-height: 20px;
  width: 100%;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-transfer-dt {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--text-secondary);
  min-height: 20px;
  font-variant-numeric: lining-nums tabular-nums;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-transfer-dd {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--text-primary);
  min-height: 20px;
  font-variant-numeric: lining-nums tabular-nums;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-transfer-dd--strong {
  font-size: 16px;
  font-weight: 500;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-transfer-dt.popup__checkout-transfer-dd--strong {
  color: var(--text-primary);
}
body.skyten-brand .popup.popup--checkout .popup__checkout-transfer-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  width: 100%;
  min-height: 20px;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-transfer-row .popup__checkout-transfer-dd {
  flex: 1 1 auto;
  min-width: 0;
  text-align: right;
  word-break: break-all;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-copy-btn {
  box-sizing: border-box;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: var(--radius-xl, 8px);
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-copy-btn:hover {
  background: color-mix(in srgb, var(--brand-primary) 12%, transparent);
  color: var(--text-primary);
}
body.skyten-brand .popup.popup--checkout .popup__checkout-copy-btn:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--brand-primary) 45%, transparent);
  outline-offset: 2px;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: 0;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-footer .btn {
  width: 120px;
  min-width: 120px;
  max-width: 120px;
  box-sizing: border-box;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-stage--confirmation .popup__checkout-confirmation-cta.btn {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-email-terms {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  align-self: flex-start;
  gap: 12px;
  cursor: pointer;
  user-select: none;
  max-width: 100%;
}
body.skyten-brand .popup.popup--checkout .popup__checkout-email-terms .popup__checkout-terms-copy {
  white-space: normal;
}
body.skyten-brand .popup--filters {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 664px;
  max-width: min(664px, 100%);
  height: 522px;
  min-height: 522px;
  max-height: 522px;
  overflow: hidden;
}
body.skyten-brand .popup--filters .popup__close-row {
  flex: 0 0 20px;
  align-self: stretch;
}
body.skyten-brand .popup--filters .popup__body {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 472px;
  height: 472px;
  width: 100%;
  max-width: 634px;
  padding: 5px 25px 25px;
  text-align: start;
  overflow: hidden;
}
body.skyten-brand .popup--filters .popup__header {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-self: stretch;
  flex: 0 0 48px;
  height: 48px;
  width: 100%;
  max-width: 584px;
  padding: 0 0 20px;
  gap: 10px;
}
body.skyten-brand .popup--filters .popup__header :where(h1, h2, h3, h4, h5, h6) {
  margin: 0;
  color: var(--text-primary);
  font-size: var(--text-h6-font-size, 20px);
  font-weight: var(--text-h6-font-weight, 600);
  line-height: var(--text-h6-line-height, 28px);
  letter-spacing: var(--text-h6-letter-spacing, 0);
  text-transform: none;
}
body.skyten-brand .popup--filters .input {
  max-width: none;
}
body.skyten-brand .popup--filters .popup__sections {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  justify-content: space-between;
  gap: 0;
  width: 100%;
  max-width: 584px;
  margin: 0;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
body.skyten-brand .popup--filters .popup__section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
  max-width: 584px;
  gap: 20px;
  margin: 0;
}
body.skyten-brand .popup--filters .popup__chip-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  width: 100%;
}
body.skyten-brand .popup--filters .popup__grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
  width: 100%;
}
body.skyten-brand .popup--filters .popup__input-calendar-wrap {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 45px;
  min-height: 45px;
  max-height: 45px;
  padding: 9px 12px;
  border-radius: var(--radius-m);
  background: var(--input-background, var(--background-input));
  border: 1px solid var(--input-border, var(--border-secondary));
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
body.skyten-brand .popup--filters .popup__input-calendar-wrap:hover {
  border-color: var(--input-border-hover, var(--border-primary));
}
body.skyten-brand .popup--filters .popup__input-calendar-wrap:focus-within {
  outline: none;
  border-color: var(--input-border-active, var(--border-input-hover, var(--brand-primary)));
}
body.skyten-brand .popup--filters .popup__input-calendar-wrap .input {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  max-width: none;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.skyten-brand .popup--filters .popup__input-calendar-wrap .input:hover:not(:disabled):not(.input--error):not(.input--success):not([aria-invalid=true]):not(:focus), body.skyten-brand .popup--filters .popup__input-calendar-wrap .input.input--state-hover:not(:disabled):not(.input--error):not(.input--success):not([aria-invalid=true]) {
  border-color: transparent;
}
body.skyten-brand .popup--filters .popup__input-calendar-wrap .input:focus:not(.input--error):not(.input--success):not([aria-invalid=true]), body.skyten-brand .popup--filters .popup__input-calendar-wrap .input:focus-visible:not(.input--error):not(.input--success):not([aria-invalid=true]), body.skyten-brand .popup--filters .popup__input-calendar-wrap .input.input--state-focus:not(.input--error):not(.input--success):not([aria-invalid=true]) {
  outline: none;
  border-color: transparent;
  box-shadow: none;
}
body.skyten-brand .popup--filters .popup__input-calendar-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  color: var(--text-secondary, var(--text-primary));
}
body.skyten-brand .popup--filters .popup__input-calendar-icon svg {
  display: block;
  width: 25px;
  height: 25px;
}
body.skyten-brand .popup--filters .popup__section--trade {
  gap: 8px;
}
body.skyten-brand .popup--filters .popup__midt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 20px;
  width: 100%;
}
body.skyten-brand .popup--filters .popup__block--datefields {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}
body.skyten-brand .popup--filters .popup__symbols-label {
  margin: 0;
  font-size: var(--text-h7-font-size, 16px);
  font-weight: var(--text-h7-font-weight, 500);
  line-height: normal;
  letter-spacing: var(--text-h7-letter-spacing, 0);
  color: var(--text-primary);
}
body.skyten-brand .popup--filters .popup__actions {
  box-sizing: border-box;
  flex: 0 0 68px;
  height: 68px;
  width: 100%;
  max-width: 584px;
  align-self: center;
}
body.skyten-brand .popup--filters .popup__chip-row .btn.btn-sm {
  box-sizing: border-box;
  min-height: 42px;
  padding: 12px 24px;
}
body.skyten-brand .popup--filters .popup__close {
  width: 20px;
  height: 20px;
}
@media (max-width: 680px) {
body.skyten-brand .popup--filters .popup__grid-2 {
    grid-template-columns: 1fr;
  }
body.skyten-brand .popup--filters {
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: visible;
  }
body.skyten-brand .popup--filters .popup__body,
  body.skyten-brand .popup--filters .popup__sections,
  body.skyten-brand .popup--filters .popup__header,
  body.skyten-brand .popup--filters .popup__actions {
    flex: none;
    height: auto;
  }
body.skyten-brand .popup--filters .popup__chip-row {
    flex-wrap: wrap;
  }
}
body.skyten-brand .popup--upload-document {
  box-sizing: border-box;
  width: 650px;
  max-width: min(650px, 100%);
  margin: 0;
  overflow: visible;
}
body.skyten-brand .popup--upload-document .popup__close {
  width: 20px;
  height: 20px;
}
body.skyten-brand .popup--upload-document .popup__body {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 5px 25px 25px;
  text-align: start;
}
body.skyten-brand .popup--upload-document .popup__header {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0 0 20px;
}
body.skyten-brand .popup--upload-document .popup__header :where(h1, h2, h3, h4, h5, h6) {
  margin: 0;
  color: var(--text-primary);
  font-size: var(--text-h6-font-size, 20px);
  font-weight: var(--text-h6-font-weight, 600);
  line-height: var(--text-h6-line-height, 28px);
  letter-spacing: var(--text-h6-letter-spacing, 0);
  text-transform: none;
}
body.skyten-brand .popup--upload-document .popup__upload-stack {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 24px;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
body.skyten-brand .popup--upload-document .popup__field {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 0;
}
body.skyten-brand .popup--upload-document .popup__field > .h8 {
  margin: 0;
}
body.skyten-brand .popup--upload-document .popup__select {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}
body.skyten-brand .popup--upload-document .popup__select-trigger {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 12px 8px;
  border: none;
  border-radius: var(--radius-xs, 4px);
  background: var(--input-background, var(--background-input));
  color: var(--text-primary);
  font: inherit;
  font-size: var(--text-p-sm-font-size, 14px);
  font-weight: 400;
  line-height: var(--text-p-sm-line-height, 24px);
  letter-spacing: var(--text-p-sm-letter-spacing, 0);
  text-align: left;
  cursor: pointer;
  box-shadow: inset 0 -1px 0 0 var(--border-secondary), inset -1px -20px 10px rgba(0, 0, 0, 0.05), inset 1px 3px 6px rgba(255, 255, 255, 0.1);
}
body.skyten-brand .popup--upload-document .popup__select-trigger:hover {
  filter: brightness(0.99);
}
body.skyten-brand .popup--upload-document .popup__select-trigger:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--brand-primary) 55%, transparent);
  outline-offset: 2px;
  z-index: 2;
}
body.skyten-brand .popup--upload-document .popup__select-value {
  flex: 1 1 auto;
  min-width: 0;
}
body.skyten-brand .popup--upload-document .popup__select-chevron {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: var(--text-primary);
}
body.skyten-brand .popup--upload-document .popup__select-chevron svg {
  display: block;
  width: 20px;
  height: 20px;
  transition: transform 0.15s ease;
}
body.skyten-brand .popup--upload-document .popup__select--open .popup__select-chevron svg {
  transform: rotate(180deg);
}
body.skyten-brand .popup--upload-document .popup__select-list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 50;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-xs, 4px);
  background: var(--background-secondary);
  box-sizing: border-box;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), 0 0 0 1px color-mix(in srgb, var(--text-primary) 4%, transparent);
}
body.skyten-brand .popup--upload-document .popup__select--open .popup__select-list {
  display: block;
}
body.skyten-brand .popup--upload-document .popup__select-list > li {
  margin: 0;
  padding: 0;
}
body.skyten-brand .popup--upload-document .popup__select-list > li + li {
  border-top: 1px solid var(--border-secondary);
}
body.skyten-brand .popup--upload-document .popup__select-option {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 12px 8px;
  border: none;
  border-radius: 0;
  background: transparent;
  color: var(--text-secondary);
  font: inherit;
  font-size: var(--text-p-sm-font-size, 14px);
  font-weight: 400;
  line-height: var(--text-p-sm-line-height, 24px);
  letter-spacing: var(--text-p-sm-letter-spacing, 0);
  text-align: left;
  cursor: pointer;
  transition: background 0.12s ease, color 0.12s ease;
}
body.skyten-brand .popup--upload-document .popup__select-option:hover {
  background: var(--background-hover);
  color: var(--text-primary);
}
body.skyten-brand .popup--upload-document .popup__select-option:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--brand-primary) 55%, transparent);
  outline-offset: -2px;
  position: relative;
  z-index: 1;
}
body.skyten-brand .popup--upload-document .popup__select-option-label {
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
}
body.skyten-brand .popup--upload-document .popup__select-option-chevron {
  display: none;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-left: auto;
  color: var(--text-primary);
}
body.skyten-brand .popup--upload-document .popup__select-option-chevron svg {
  display: block;
  width: 20px;
  height: 20px;
}
body.skyten-brand .popup--upload-document .popup__select-option--current {
  justify-content: space-between;
  background: var(--input-background, var(--background-input));
  color: var(--text-primary);
  box-shadow: inset 0 -1px 0 0 var(--border-secondary), inset -1px -20px 10px rgba(0, 0, 0, 0.05), inset 1px 3px 6px rgba(255, 255, 255, 0.1);
}
body.skyten-brand .popup--upload-document .popup__select-option--current .popup__select-option-chevron {
  display: inline-flex;
}
body.skyten-brand .popup--upload-document .popup__select-option--current:hover {
  background: var(--input-background, var(--background-input));
  color: var(--text-primary);
  filter: brightness(0.99);
}
body.skyten-brand .popup--upload-document .popup__radio-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
}
body.skyten-brand .popup--upload-document .popup__radio-row .radio-text {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}
body.skyten-brand .popup--upload-document .popup__radio-row .radio-text-body {
  justify-content: flex-start;
}
body.skyten-brand .popup--upload-document .popup__radio-row .radio-text-label {
  white-space: nowrap;
}
body.skyten-brand .popup--upload-document .popup__upload-meta-row {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: var(--text-p-sm-font-size, 14px);
  font-weight: 400;
  line-height: var(--text-p-sm-line-height, 24px);
  letter-spacing: var(--text-p-sm-letter-spacing, 0);
  color: var(--text-primary);
}
body.skyten-brand .popup--upload-document .popup__link-btn {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  font: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: var(--text-active-secondary, var(--brand-primary));
  cursor: pointer;
  text-align: right;
  text-decoration: none;
  white-space: nowrap;
}
body.skyten-brand .popup--upload-document .popup__link-btn:hover {
  text-decoration: underline;
}
body.skyten-brand .popup--upload-document .popup__link-btn:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--brand-primary) 55%, transparent);
  outline-offset: 2px;
  border-radius: var(--radius-s);
}
body.skyten-brand .popup--upload-document .popup__actions {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding-top: 20px;
  justify-content: center;
  align-items: center;
}
body.skyten-brand .popup--upload-document .popup__actions .btn {
  box-sizing: border-box;
  min-width: 112px;
  width: 112px;
}
@media (max-width: 680px) {
body.skyten-brand .popup--upload-document {
    width: 100%;
    max-width: 100%;
  }
body.skyten-brand .popup--upload-document .popup__upload-stack,
  body.skyten-brand .popup--upload-document .popup__actions {
    max-width: 100%;
  }
body.skyten-brand .popup--upload-document .popup__radio-row {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 12px 20px;
  }
body.skyten-brand .popup--upload-document .popup__radio-row .radio-text {
    flex: 0 0 auto;
  }
body.skyten-brand .popup--upload-document .popup__radio-row .radio-text-label {
    white-space: normal;
  }
}
body.skyten-brand .popup--calendar {
  box-sizing: border-box;
  width: min(486px, 100%);
  max-width: min(486px, 100%);
  min-height: 452px;
  margin: 0;
  overflow: visible;
}
body.skyten-brand .popup--calendar .popup__body {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 5px 25px 25px;
  text-align: start;
}
body.skyten-brand .popup__calendar {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  overflow: visible;
}
body.skyten-brand .popup__calendar-nav {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  align-self: stretch;
  width: 100%;
  margin: 0;
  padding: 0;
}
body.skyten-brand .popup__calendar-nav-btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: var(--radius-s);
  background: transparent;
  color: var(--text-primary);
  cursor: pointer;
  transition: background 0.12s ease, color 0.12s ease;
}
body.skyten-brand .popup__calendar-nav-btn svg {
  display: block;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
body.skyten-brand .popup__calendar-nav-btn:hover {
  background: color-mix(in srgb, var(--text-primary) 6%, transparent);
  color: var(--text-primary);
}
body.skyten-brand .popup__calendar-nav-btn:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--brand-primary) 55%, transparent);
  outline-offset: 2px;
}
body.skyten-brand .popup__calendar-month-wrap {
  box-sizing: border-box;
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0;
}
body.skyten-brand .popup__calendar-title-btn {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  margin: 0;
  padding: 4px 8px;
  border: none;
  border-radius: var(--radius-s);
  background: transparent;
  font: inherit;
  color: var(--text-primary);
  cursor: pointer;
  transition: background 0.12s ease;
}
body.skyten-brand .popup__calendar-title-btn:hover {
  background: color-mix(in srgb, var(--text-primary) 5%, transparent);
}
body.skyten-brand .popup__calendar-title-btn:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--brand-primary) 55%, transparent);
  outline-offset: 2px;
}
body.skyten-brand .popup__calendar-title {
  margin: 0;
  font-size: var(--text-h6-font-size, 20px);
  font-weight: var(--text-h6-font-weight, 600);
  line-height: var(--text-h6-line-height, 28px);
  letter-spacing: var(--text-h6-letter-spacing, 0);
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--text-primary);
}
body.skyten-brand .popup__calendar-title-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  color: var(--text-primary);
}
body.skyten-brand .popup__calendar-title-chevron svg {
  display: block;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  transition: transform 0.15s ease;
}
body.skyten-brand .popup__calendar-month-wrap--open .popup__calendar-title-chevron svg {
  transform: rotate(180deg);
}
body.skyten-brand .popup__calendar-month-panel {
  box-sizing: border-box;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 50;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 12px;
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-m, 12px);
  background: var(--background-secondary);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), 0 0 0 1px color-mix(in srgb, var(--text-primary) 4%, transparent);
}
body.skyten-brand .popup__calendar-month-panel[hidden] {
  display: none !important;
}
body.skyten-brand .popup__calendar-year-strip {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  margin: 0;
  padding: 4px 2px;
}
body.skyten-brand .popup__calendar-year-value {
  margin: 0;
  font-size: var(--text-h7-font-size, 16px);
  font-weight: 600;
  line-height: var(--text-h7-line-height, 24px);
  letter-spacing: var(--text-h7-letter-spacing, 0);
  color: var(--text-active-secondary, var(--brand-primary));
  text-align: center;
  flex: 1 1 auto;
  min-width: 0;
}
body.skyten-brand .popup__calendar-year-btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-xs, 4px);
  background: var(--input-background, var(--background-input));
  color: var(--text-active-secondary, var(--brand-primary));
  cursor: pointer;
  transition: background 0.12s ease, border-color 0.12s ease;
  box-shadow: inset 0 -1px 0 0 var(--border-secondary), inset 1px 2px 4px rgba(255, 255, 255, 0.08);
}
body.skyten-brand .popup__calendar-year-btn svg {
  display: block;
  width: 14px;
  height: 14px;
}
body.skyten-brand .popup__calendar-year-btn:hover {
  border-color: color-mix(in srgb, var(--brand-primary) 30%, var(--border-secondary));
  background: color-mix(in srgb, var(--brand-primary) 8%, var(--input-background, var(--background-input)));
}
body.skyten-brand .popup__calendar-year-btn:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--brand-primary) 55%, transparent);
  outline-offset: 2px;
}
body.skyten-brand .popup__calendar-month-grid {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  width: 100%;
  margin: 0;
  padding: 0;
}
body.skyten-brand .popup__calendar-month-opt {
  box-sizing: border-box;
  margin: 0;
  padding: 8px 6px;
  border: 1px solid transparent;
  border-radius: var(--radius-s);
  background: transparent;
  font: inherit;
  font-size: var(--text-p-sm-font-size, 14px);
  font-weight: 500;
  line-height: var(--text-p-sm-line-height, 24px);
  letter-spacing: var(--text-p-sm-letter-spacing, 0);
  color: var(--text-secondary);
  cursor: pointer;
  text-align: center;
  transition: background 0.12s ease, color 0.12s ease, border-color 0.12s ease;
}
body.skyten-brand .popup__calendar-month-opt:hover {
  background: var(--background-hover);
  color: var(--text-primary);
}
body.skyten-brand .popup__calendar-month-opt:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--brand-primary) 55%, transparent);
  outline-offset: 2px;
}
body.skyten-brand .popup__calendar-month-opt--current {
  background: color-mix(in srgb, var(--brand-primary) 14%, transparent);
  border-color: color-mix(in srgb, var(--brand-primary) 35%, transparent);
  color: var(--text-active-secondary, var(--brand-primary));
  font-weight: 600;
}
body.skyten-brand .popup__calendar-month-opt--current:hover {
  background: color-mix(in srgb, var(--brand-primary) 18%, transparent);
  color: var(--text-active-secondary, var(--brand-primary));
}
body.skyten-brand .popup__calendar-head {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: max-content;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
body.skyten-brand .popup__calendar-weekdays {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(7, 56px);
  column-gap: 0;
  row-gap: 0;
  width: max-content;
  max-width: 100%;
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  color: var(--text-secondary);
  text-align: center;
}
body.skyten-brand .popup__calendar-weekdays span {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
}
body.skyten-brand .popup__calendar-divider {
  box-sizing: border-box;
  width: calc(7 * 56px);
  max-width: 100%;
  height: 1px;
  margin: 0;
  padding: 0;
  border: none;
  background: var(--border-secondary);
}
body.skyten-brand .popup__calendar-grid {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(7, 56px);
  column-gap: 0;
  row-gap: 0;
  width: max-content;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
body.skyten-brand .popup__calendar-day {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: stretch;
  align-self: stretch;
  width: 56px;
  min-width: 56px;
  max-width: 56px;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: var(--radius-xl, 20px);
  background: transparent;
  font: inherit;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  color: var(--text-primary);
  cursor: pointer;
  transition: background 0.12s ease, color 0.12s ease;
}
body.skyten-brand .popup__calendar-day:hover:not(:disabled) {
  background: color-mix(in srgb, var(--text-primary) 6%, transparent);
}
body.skyten-brand .popup__calendar-day:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--brand-primary) 55%, transparent);
  outline-offset: 2px;
  z-index: 1;
}
body.skyten-brand .popup__calendar-day--padding {
  visibility: hidden;
  pointer-events: none;
  cursor: default;
}
body.skyten-brand .popup__calendar-day--selected {
  border: none;
  border-radius: var(--radius-xl, 20px);
  background: var(--icon-primary, var(--brand-primary));
  color: var(--color-foundations-white);
  box-shadow: inset 0 -1px 0 0 var(--border-secondary), inset -1px -20px 10px rgba(0, 0, 0, 0.05), inset 1px 3px 6px rgba(255, 255, 255, 0.1);
}
body.skyten-brand .popup__calendar-day--selected:hover:not(:disabled) {
  background: var(--icon-primary, var(--brand-primary));
  color: var(--color-foundations-white);
  filter: brightness(0.98);
}
@media (max-width: 480px) {
body.skyten-brand .popup--calendar {
    width: 100%;
    max-width: 100%;
    min-height: 0;
  }
body.skyten-brand .popup__calendar-day {
    font-size: 16px;
    width: 56px;
    min-width: 56px;
    max-width: 56px;
    height: 56px;
    min-height: 56px;
    max-height: 56px;
    padding: 0;
    border-radius: var(--radius-xl, 20px);
  }
body.skyten-brand .popup__calendar-weekdays {
    font-size: 16px;
  }
}
body.skyten-brand .popup.popup--menu {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 259px;
  max-width: min(259px, 100%);
  margin: 0;
  padding: 0;
  overflow: hidden;
}
body.skyten-brand .popup--menu.popup--menu-icons {
  width: min(196px, 100%);
  min-width: 0;
  max-width: min(196px, 100%);
}
body.skyten-brand .popup--menu.popup--menu-cta {
  width: min(202px, 100%);
  min-width: 0;
  max-width: min(202px, 100%);
}
body.skyten-brand .popup--menu.popup--menu-accounts {
  width: min(266px, 100%);
  min-width: 0;
  max-width: min(266px, 100%);
}
body.skyten-brand .popup--menu .popup__menu-cta {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0;
  padding: 16px;
  flex-shrink: 0;
  background: var(--background-secondary);
}
body.skyten-brand .popup--menu .popup__menu-cta .btn {
  box-sizing: border-box;
  width: fit-content;
  max-width: 100%;
  padding: 12px 24px;
  flex-shrink: 0;
}
body.skyten-brand .popup--menu .popup__menu {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
body.skyten-brand .popup--menu .popup__menu > li {
  margin: 0;
  padding: 0;
}
body.skyten-brand .popup--menu .popup__menu-item {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0;
  border: none;
  border-radius: 0;
  background: var(--background-secondary);
  font: inherit;
  font-weight: 400;
  color: var(--text-primary);
  text-align: left;
  cursor: pointer;
  transition: background 0.12s ease, box-shadow 0.12s ease;
}
body.skyten-brand .popup--menu .popup__menu-item:hover {
  background: var(--background-hover);
  box-shadow: inset 0 1px 0 0 var(--brand-primary), inset 0 -1px 0 0 var(--brand-primary);
}
body.skyten-brand .popup--menu .popup__menu-item:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--brand-primary) 55%, transparent);
  outline-offset: -2px;
  z-index: 1;
  position: relative;
}
body.skyten-brand .popup--menu:not(.popup--menu-icons):not(.popup--menu-cta):not(.popup--menu-accounts) .popup__menu-item {
  padding: 20px 28px;
  gap: 0;
  font-size: var(--text-p-font-size, 16px);
  line-height: var(--text-p-line-height, 28px);
  letter-spacing: var(--text-p-letter-spacing, 0);
  white-space: nowrap;
}
body.skyten-brand .popup--menu.popup--menu-icons .popup__menu-item,
body.skyten-brand .popup--menu.popup--menu-cta .popup__menu-item {
  padding: 16px 20px;
  font-size: var(--text-p-sm-font-size, 14px);
  line-height: var(--text-p-sm-line-height, 24px);
  letter-spacing: var(--text-p-sm-letter-spacing, 0);
}
body.skyten-brand .popup--menu.popup--menu-icons .popup__menu-item {
  gap: 12px;
}
body.skyten-brand .popup--menu .popup__menu-item-icon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: var(--text-primary);
}
body.skyten-brand .popup--menu .popup__menu-item-icon svg {
  display: block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
body.skyten-brand .popup--menu .popup__menu-item-text {
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
}
body.skyten-brand .popup--menu.popup--menu-accounts .popup__menu-section {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
}
body.skyten-brand .popup--menu.popup--menu-accounts .popup__menu-section-title {
  box-sizing: border-box;
  margin: 0;
  padding: 12px 24px;
  width: 100%;
  font-size: var(--text-h7-font-size, 16px);
  font-weight: var(--text-h7-font-weight, 500);
  line-height: var(--text-h7-line-height, 24px);
  letter-spacing: var(--text-h7-letter-spacing, 0);
  color: var(--text-primary);
}
body.skyten-brand .popup--menu.popup--menu-accounts .popup__menu-item {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 24px;
  font-size: unset;
  line-height: normal;
  letter-spacing: 0;
  text-align: left;
}
body.skyten-brand .popup--menu.popup--menu-accounts .popup__menu-item-stack {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
  flex: 1 1 auto;
  text-align: left;
}
body.skyten-brand .popup--menu.popup--menu-accounts .popup__menu-item-title {
  font-size: var(--text-h7-font-size, 16px);
  font-weight: var(--text-h7-font-weight, 500);
  line-height: var(--text-h7-line-height, 24px);
  letter-spacing: var(--text-h7-letter-spacing, 0);
  color: var(--text-primary);
}
body.skyten-brand .popup--menu.popup--menu-accounts .popup__menu-item-sub {
  font-size: var(--text-p-sm-font-size, 14px);
  font-weight: 400;
  line-height: var(--text-p-sm-line-height, 24px);
  letter-spacing: var(--text-p-sm-letter-spacing, 0);
  color: var(--text-secondary);
}
body.skyten-brand .popup--menu.popup--menu-accounts .popup__menu-item-trail {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 10px;
  height: 10px;
}
body.skyten-brand .popup--menu.popup--menu-accounts .popup__menu-item-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--brand-primary);
  opacity: 0;
  transition: opacity 0.12s ease;
}
body.skyten-brand .popup--menu.popup--menu-accounts .popup__menu-item--lead .popup__menu-item-dot {
  opacity: 1;
}
body.skyten-brand .popup--menu .popup__menu-item--lead {
  background: var(--background-hover);
  box-shadow: inset 0 1px 0 0 var(--brand-primary), inset 0 -1px 0 0 var(--brand-primary);
}
body.skyten-brand .popup--menu .popup__menu-item--lead:hover {
  background: var(--background-hover);
  filter: brightness(0.98);
}
@media (max-width: 680px) {
body.skyten-brand .popup.popup--menu,
  body.skyten-brand .popup.popup--menu.popup--menu-icons,
  body.skyten-brand .popup.popup--menu.popup--menu-cta,
  body.skyten-brand .popup.popup--menu.popup--menu-accounts {
    width: 100%;
    max-width: 100%;
  }
}
body.skyten-brand .card--trading {
  border: none;
  background: transparent;
  overflow: visible;
  box-shadow: none;
}
body.skyten-brand .card-body--trading {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  padding: 0 12px 24px;
  border-radius: var(--radius-xl, 20px);
  background: var(--background-secondary);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04), 0 1px 2px -1px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.06);
}
body.skyten-brand .doc {
  background: var(--background-hover, #eef0f4);
  padding: 24px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  font-family: "Helvetica Neue", Arial, sans-serif;
}
body.skyten-brand .doc-page {
  box-sizing: border-box;
  width: 794px;
  min-width: 794px;
  max-width: 794px;
  min-height: 1123px;
  background: var(--background-secondary);
  color: var(--text-primary);
  padding: 64px 72px;
  box-shadow: var(--shadow-primary, 0 2px 14px rgba(0, 0, 0, 0.12));
  position: relative;
  font-size: 11px;
  line-height: 1.5;
}
body.skyten-brand .doc-runhead {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 9px;
  color: var(--text-primary);
  padding-bottom: 6px;
  border-bottom: 0.75px solid var(--border-primary);
  margin-bottom: 40px;
}
body.skyten-brand .doc-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 28px;
  text-align: center;
  font-size: 9px;
  color: var(--text-primary);
}
body.skyten-brand .doc-footer--split {
  display: flex;
  justify-content: space-between;
  padding: 0 72px;
}
body.skyten-brand .doc--numbered {
  counter-reset: doc-h1;
}
body.skyten-brand .doc--numbered .doc-h1 {
  counter-increment: doc-h1;
  counter-reset: doc-h2;
  font-size: 17px;
  font-weight: 700;
  margin: 0 0 4px;
  color: var(--text-primary);
}
body.skyten-brand .doc--numbered .doc-h1::before {
  content: counter(doc-h1) ".  ";
}
body.skyten-brand .doc--numbered .doc-h1--unnumbered {
  counter-increment: none;
  text-align: center;
}
body.skyten-brand .doc--numbered .doc-h1--unnumbered::before {
  content: none;
}
body.skyten-brand .doc--numbered .doc-h1 + .doc-rule {
  width: 96px;
  height: 0;
  border-top: 0.75px solid var(--border-primary);
  margin: 10px 0 22px;
}
body.skyten-brand .doc--numbered .doc-h2 {
  counter-increment: doc-h2;
  counter-reset: doc-h3;
  font-size: 13px;
  font-weight: 700;
  margin: 20px 0 8px;
  color: var(--text-primary);
}
body.skyten-brand .doc--numbered .doc-h2::before {
  content: counter(doc-h1) "." counter(doc-h2) "  ";
}
body.skyten-brand .doc--numbered .doc-h2--unnumbered {
  counter-increment: none;
}
body.skyten-brand .doc--numbered .doc-h2--unnumbered::before {
  content: none;
}
body.skyten-brand .doc--numbered .doc-h3 {
  counter-increment: doc-h3;
  counter-reset: doc-h4;
  font-size: 11.5px;
  font-weight: 700;
  margin: 14px 0 6px;
  color: var(--text-primary);
}
body.skyten-brand .doc--numbered .doc-h3::before {
  content: counter(doc-h1) "." counter(doc-h2) "." counter(doc-h3) "  ";
}
body.skyten-brand .doc--numbered .doc-h3--unnumbered {
  counter-increment: none;
}
body.skyten-brand .doc--numbered .doc-h3--unnumbered::before {
  content: none;
}
body.skyten-brand .doc--numbered .doc-h4 {
  counter-increment: doc-h4;
  font-size: 11px;
  font-weight: 700;
  margin: 12px 0 6px;
  color: var(--text-primary);
}
body.skyten-brand .doc--numbered .doc-h4::before {
  content: counter(doc-h1) "." counter(doc-h2) "." counter(doc-h3) "." counter(doc-h4) "  ";
}
body.skyten-brand .doc--numbered .doc-h4--unnumbered {
  counter-increment: none;
}
body.skyten-brand .doc--numbered .doc-h4--unnumbered::before {
  content: none;
}
body.skyten-brand .doc-page ul li::before, body.skyten-brand .doc-page ul ul li::before, body.skyten-brand .doc-page ol li::before {
  color: var(--text-primary);
}
body.skyten-brand .doc-page blockquote {
  border-left-color: var(--border-primary);
}
body.skyten-brand .doc-p {
  margin: 0 0 11px;
  text-align: justify;
}
body.skyten-brand .doc--numbered .doc-p {
  font-size: inherit;
  line-height: inherit;
}
body.skyten-brand .doc-lead {
  font-weight: 700;
}
body.skyten-brand .doc-center {
  text-align: center;
}
body.skyten-brand .doc-small {
  font-size: 9.5px;
  color: var(--text-primary);
}
body.skyten-brand .doc-toc-1, body.skyten-brand .doc-toc-2 {
  display: flex;
  align-items: baseline;
  margin: 0;
}
body.skyten-brand .doc-toc-1 {
  font-weight: 700;
  margin-top: 14px;
}
body.skyten-brand .doc-toc-2 {
  font-weight: 400;
  margin-top: 7px;
  padding-left: 30px;
}
body.skyten-brand .doc-toc-no {
  flex: none;
  min-width: 30px;
}
body.skyten-brand .doc-toc-2 .doc-toc-no {
  min-width: 34px;
}
body.skyten-brand .doc-toc-title {
  flex: none;
}
body.skyten-brand .doc-toc-dots {
  flex: 1 1 auto;
  border-bottom: 1px dotted var(--border-primary);
  margin: 0 6px;
  transform: translateY(-3px);
}
body.skyten-brand .doc-toc-pg {
  flex: none;
}
body.skyten-brand .doc-toc-1 .doc-toc-title, body.skyten-brand .doc-toc-2 .doc-toc-title {
  color: var(--text-primary);
}
body.skyten-brand .doc-cover {
  text-align: center;
  padding-top: 40px;
}
body.skyten-brand .doc-cover__logo {
  margin: 0 auto 70px;
  max-width: 280px;
}
body.skyten-brand .doc-cover__company {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 24px;
}
body.skyten-brand .doc-cover__title {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
body.skyten-brand .doc-cover__sub {
  font-size: 14px;
  font-weight: 700;
  margin-top: 4px;
}
body.skyten-brand .doc-cover__meta-line {
  font-size: 12px;
  margin-top: 6px;
}
body.skyten-brand .doc-cover__meta {
  display: inline-block;
  text-align: left;
  margin: 40px 0;
  font-size: 11px;
}
body.skyten-brand .doc-cover__meta-row {
  display: flex;
  gap: 14px;
  margin-bottom: 3px;
}
body.skyten-brand .doc-cover__meta-row b {
  min-width: 230px;
}
body.skyten-brand .doc-cover__notice {
  font-size: 9.5px;
  text-align: justify;
  font-weight: 700;
  margin-top: 30px;
}
body.skyten-brand .doc-cover__confidential {
  font-size: 15px;
  font-weight: 700;
  margin-top: 28px;
}
body.skyten-brand .doc-table {
  width: 100%;
  border-collapse: collapse;
  margin: 12px 0 16px;
  font-size: 10.5px;
  color: var(--text-primary);
}
body.skyten-brand .doc-table th,
body.skyten-brand .doc-table td {
  border: 0.75px solid var(--border-primary);
  padding: 6px 9px;
  text-align: left;
  vertical-align: top;
}
body.skyten-brand .doc-table th {
  font-weight: 700;
  background: var(--background-hover);
  color: var(--text-primary);
  font-size: inherit;
  letter-spacing: 0;
  text-transform: none;
}
body.skyten-brand .doc-table thead {
  border-bottom: 0;
}
body.skyten-brand .doc-table__num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
body.skyten-brand .doc-table--plain th,
body.skyten-brand .doc-table--plain td {
  border: 0;
  padding: 2px 0;
}
body.skyten-brand .doc-table--plain td:first-child,
body.skyten-brand .doc-table--plain th:first-child {
  padding-right: 18px;
  font-weight: 700;
  white-space: nowrap;
}
body.skyten-brand .doc-signature {
  display: flex;
  flex-wrap: wrap;
  gap: 48px;
  margin: 40px 0 8px;
}
body.skyten-brand .doc-signature__block {
  flex: 1 1 200px;
  min-width: 0;
}
body.skyten-brand .doc-signature__line {
  height: 44px;
  border-bottom: 0.75px solid var(--border-primary);
}
body.skyten-brand .doc-signature__name {
  margin-top: 6px;
  font-size: 10.5px;
  font-weight: 700;
  color: var(--text-primary);
}
body.skyten-brand .doc-signature__role,
body.skyten-brand .doc-signature__meta {
  font-size: 9px;
  color: var(--text-secondary);
}
body.skyten-brand .doc-signature__meta {
  margin-top: 2px;
}
body.skyten-brand .doc-code {
  font-family: var(--font-mono, monospace);
  background: var(--background-hover);
  padding: 1px 5px;
  border-radius: var(--radius-s, 4px);
  font-size: 11px;
}
body.skyten-brand .doc-elements__intro {
  margin: 0 0 6px;
  font-size: 12px;
  line-height: 1.6;
  color: var(--text-primary);
}
body.skyten-brand .doc-elements__note {
  margin: 0 0 14px;
  font-size: 11px;
  color: var(--text-secondary);
}
body.skyten-brand .doc-elements__note--g10 {
  margin: 0 0 10px;
}
body.skyten-brand .doc-spec {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 8px;
}
body.skyten-brand .doc-spec__head {
  text-align: left;
  padding: 7px 10px;
  border-bottom: 2px solid var(--border-secondary);
  font-size: 11px;
  color: var(--text-secondary);
}
body.skyten-brand .doc-spec__cell {
  padding: 7px 10px;
  border-bottom: 1px solid var(--border-secondary);
  font-size: 12px;
  color: var(--text-primary);
  vertical-align: top;
}
body.skyten-brand .doc-size-tag {
  font-weight: 400;
  font-size: 8.5px;
  color: var(--text-secondary);
}
body.skyten-brand .doc--sample {
  padding: 16px 0;
  align-items: flex-start;
}
body.skyten-brand .doc-page--auto {
  min-height: auto;
}
body.skyten-brand .doc-list {
  margin: 0 0 11px 18px;
  font-size: 11px;
}
body.skyten-brand .btn:focus-visible, body.skyten-brand .radio-text > input:focus-visible + .radio-text-body, body.skyten-brand .toggle-input:focus-visible + .toggle-track, body.skyten-brand .radio-text--state-focus .radio-text-body, body.skyten-brand .toggle--state-focus .toggle-track, body.skyten-brand .checkbox-input:focus-visible + .checkbox-box, body.skyten-brand .tab-item:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--brand-primary) 55%, transparent);
  outline-offset: 2px;
  border-radius: inherit;
}
body.skyten-brand .btn.btn-gradient {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-sizing: border-box;
  border: var(--border-width-hairline) solid transparent;
  border-image: none;
  background: linear-gradient(var(--background-primary), var(--background-primary)) padding-box, var(--border-active) border-box;
  background-clip: padding-box, border-box;
  transition: transform 0.12s ease, border-color 0.15s ease, background 0.15s ease, opacity 0.15s ease;
}
body.skyten-brand .btn.btn-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--background-primary);
  z-index: 0;
  transition: background 0.15s ease;
}
body.skyten-brand .btn.btn-gradient::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 2;
  box-shadow: var(--shadow-inset-well);
  transition: box-shadow 0.12s ease;
}
body.skyten-brand .btn.btn-gradient > span {
  position: relative;
  z-index: 1;
  display: inline-block;
  text-decoration: none;
  background: var(--border-active);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  transition: color 0.15s ease, background 0.15s ease, -webkit-text-fill-color 0.15s ease, font-size 0.12s ease;
}
body.skyten-brand .btn.btn-gradient:hover:not(:disabled):not(.active) {
  background: none;
  background-clip: border-box;
  border-color: transparent;
}
body.skyten-brand .btn.btn-gradient:hover:not(:disabled):not(.active)::before {
  background: var(--border-active);
}
body.skyten-brand .btn.btn-gradient:hover:not(:disabled):not(.active) > span {
  text-decoration: none;
  background: none;
  -webkit-background-clip: unset;
  background-clip: border-box;
  color: var(--button-text-active);
  -webkit-text-fill-color: var(--button-text-active);
}
body.skyten-brand .btn.btn-gradient.active {
  background: none;
  background-clip: border-box;
  border-color: transparent;
}
body.skyten-brand .btn.btn-gradient.active::before {
  background: var(--border-active);
}
body.skyten-brand .btn.btn-gradient.active > span {
  text-decoration: none;
  background: none;
  -webkit-background-clip: unset;
  background-clip: border-box;
  color: var(--button-text-active);
  -webkit-text-fill-color: var(--button-text-active);
}
body.skyten-brand .btn.btn-gradient.active:hover:not(:disabled) {
  opacity: 0.8;
}
body.skyten-brand .btn.btn-gradient:active:not(:disabled) {
  transform: scale(0.96);
  background: none;
  background-clip: border-box;
  border-color: transparent;
}
body.skyten-brand .btn.btn-gradient:active:not(:disabled)::before {
  background: var(--border-active);
}
body.skyten-brand .btn.btn-gradient:active:not(:disabled)::after {
  box-shadow: var(--shadow-inset-pressed);
}
body.skyten-brand .btn.btn-gradient:active:not(:disabled) > span {
  text-decoration: none;
  background: none;
  -webkit-background-clip: unset;
  background-clip: border-box;
  color: var(--button-text-active);
  -webkit-text-fill-color: var(--button-text-active);
  font-size: 0.95em;
}
body.skyten-brand .btn.btn-gradient:disabled {
  opacity: 0.66;
  cursor: not-allowed;
  transform: none;
  background: none;
  background-clip: border-box;
  border: var(--border-width-hairline) solid var(--border-primary);
}
body.skyten-brand .btn.btn-gradient:disabled::before {
  background: var(--background-primary);
}
body.skyten-brand .btn.btn-gradient:disabled::after {
  box-shadow: var(--shadow-inset-well);
}
body.skyten-brand .btn.btn-gradient:disabled > span {
  text-decoration: none;
  background: none;
  -webkit-background-clip: unset;
  background-clip: border-box;
  color: var(--button-text-disabled);
  -webkit-text-fill-color: var(--button-text-disabled);
}
body.skyten-brand .btn.btn-gradient {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--button-gradient-gap);
  padding: var(--button-gradient-padding);
  font-weight: 600;
  font-size: var(--text-h7-font-size);
  line-height: var(--button-gradient-line-height);
  color: transparent;
  text-decoration: none;
}
body.skyten-brand .btn.btn-gradient:hover, body.skyten-brand .btn.btn-gradient:focus, body.skyten-brand .btn.btn-gradient:focus-visible, body.skyten-brand .btn.btn-gradient:active {
  text-decoration: none;
}
body.skyten-brand .btn.btn-gradient:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring-gradient-button);
}
body.skyten-brand .btn-gradient {
  --icon-color: currentColor;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--button-gradient-gap);
  padding: var(--button-gradient-padding);
  font-weight: 600;
  font-size: var(--text-h7-font-size);
  line-height: var(--button-gradient-line-height);
  border-radius: var(--button-radius, var(--radius-xl));
  cursor: pointer;
  text-decoration: none;
  user-select: none;
  white-space: nowrap;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-sizing: border-box;
  border: var(--border-width-hairline) solid transparent;
  border-image: none;
  background: linear-gradient(var(--background-primary), var(--background-primary)) padding-box, var(--border-active) border-box;
  background-clip: padding-box, border-box;
  transition: transform 0.12s ease, border-color 0.15s ease, background 0.15s ease, opacity 0.15s ease;
}
body.skyten-brand .btn-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--background-primary);
  z-index: 0;
  transition: background 0.15s ease;
}
body.skyten-brand .btn-gradient::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 2;
  box-shadow: var(--shadow-inset-well);
  transition: box-shadow 0.12s ease;
}
body.skyten-brand .btn-gradient > span {
  position: relative;
  z-index: 1;
  display: inline-block;
  text-decoration: none;
  background: var(--border-active);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  transition: color 0.15s ease, background 0.15s ease, -webkit-text-fill-color 0.15s ease, font-size 0.12s ease;
}
body.skyten-brand .btn-gradient:hover:not(:disabled):not(.active) {
  background: none;
  background-clip: border-box;
  border-color: transparent;
}
body.skyten-brand .btn-gradient:hover:not(:disabled):not(.active)::before {
  background: var(--border-active);
}
body.skyten-brand .btn-gradient:hover:not(:disabled):not(.active) > span {
  text-decoration: none;
  background: none;
  -webkit-background-clip: unset;
  background-clip: border-box;
  color: var(--button-text-active);
  -webkit-text-fill-color: var(--button-text-active);
}
body.skyten-brand .btn-gradient.active {
  background: none;
  background-clip: border-box;
  border-color: transparent;
}
body.skyten-brand .btn-gradient.active::before {
  background: var(--border-active);
}
body.skyten-brand .btn-gradient.active > span {
  text-decoration: none;
  background: none;
  -webkit-background-clip: unset;
  background-clip: border-box;
  color: var(--button-text-active);
  -webkit-text-fill-color: var(--button-text-active);
}
body.skyten-brand .btn-gradient.active:hover:not(:disabled) {
  opacity: 0.8;
}
body.skyten-brand .btn-gradient:active:not(:disabled) {
  transform: scale(0.96);
  background: none;
  background-clip: border-box;
  border-color: transparent;
}
body.skyten-brand .btn-gradient:active:not(:disabled)::before {
  background: var(--border-active);
}
body.skyten-brand .btn-gradient:active:not(:disabled)::after {
  box-shadow: var(--shadow-inset-pressed);
}
body.skyten-brand .btn-gradient:active:not(:disabled) > span {
  text-decoration: none;
  background: none;
  -webkit-background-clip: unset;
  background-clip: border-box;
  color: var(--button-text-active);
  -webkit-text-fill-color: var(--button-text-active);
  font-size: 0.95em;
}
body.skyten-brand .btn-gradient:disabled {
  opacity: 0.66;
  cursor: not-allowed;
  transform: none;
  background: none;
  background-clip: border-box;
  border: var(--border-width-hairline) solid var(--border-primary);
}
body.skyten-brand .btn-gradient:disabled::before {
  background: var(--background-primary);
}
body.skyten-brand .btn-gradient:disabled::after {
  box-shadow: var(--shadow-inset-well);
}
body.skyten-brand .btn-gradient:disabled > span {
  text-decoration: none;
  background: none;
  -webkit-background-clip: unset;
  background-clip: border-box;
  color: var(--button-text-disabled);
  -webkit-text-fill-color: var(--button-text-disabled);
}
body.skyten-brand .btn-gradient:hover, body.skyten-brand .btn-gradient:focus, body.skyten-brand .btn-gradient:focus-visible, body.skyten-brand .btn-gradient:active {
  text-decoration: none;
}
body.skyten-brand .btn-gradient:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring-gradient-button);
}
body.skyten-brand .btn-sm.btn-gradient,
body.skyten-brand .btn.btn-gradient.btn-sm {
  padding: var(--button-gradient-padding-sm);
  gap: var(--button-gradient-gap);
  font-size: var(--text-h8-font-size);
  line-height: var(--button-gradient-line-height);
}
body.skyten-brand .btn-gradient,
body.skyten-brand .btn.btn-gradient {
  border-width: var(--border-width-hairline);
  border-radius: var(--button-radius, var(--radius-xl));
  text-decoration: none;
}
body.skyten-brand .btn-gradient:hover, body.skyten-brand .btn-gradient:focus, body.skyten-brand .btn-gradient:focus-visible, body.skyten-brand .btn-gradient:active, body.skyten-brand .btn-gradient:visited,
body.skyten-brand .btn.btn-gradient:hover,
body.skyten-brand .btn.btn-gradient:focus,
body.skyten-brand .btn.btn-gradient:focus-visible,
body.skyten-brand .btn.btn-gradient:active,
body.skyten-brand .btn.btn-gradient:visited {
  text-decoration: none;
}
body.skyten-brand .btn.btn-gradient.btn-gradient--state-hover {
  background: none;
  background-clip: border-box;
  border-color: transparent;
}
body.skyten-brand .btn.btn-gradient.btn-gradient--state-hover::before {
  background: var(--border-active);
}
body.skyten-brand .btn.btn-gradient.btn-gradient--state-hover > span {
  background: none;
  -webkit-background-clip: unset;
  background-clip: border-box;
  color: var(--button-text-active);
  -webkit-text-fill-color: var(--button-text-active);
}
body.skyten-brand .btn.btn-gradient.btn-gradient--state-active {
  background: none;
  background-clip: border-box;
  border-color: transparent;
}
body.skyten-brand .btn.btn-gradient.btn-gradient--state-active::before {
  background: var(--border-active);
}
body.skyten-brand .btn.btn-gradient.btn-gradient--state-active > span {
  background: none;
  -webkit-background-clip: unset;
  background-clip: border-box;
  color: var(--button-text-active);
  -webkit-text-fill-color: var(--button-text-active);
}
body.skyten-brand .btn.btn-gradient.btn-gradient--state-pressed {
  transform: scale(0.96);
  background: none;
  background-clip: border-box;
  border-color: transparent;
}
body.skyten-brand .btn.btn-gradient.btn-gradient--state-pressed::before {
  background: var(--border-active);
}
body.skyten-brand .btn.btn-gradient.btn-gradient--state-pressed::after {
  box-shadow: var(--shadow-inset-pressed);
}
body.skyten-brand .btn.btn-gradient.btn-gradient--state-pressed > span {
  background: none;
  -webkit-background-clip: unset;
  background-clip: border-box;
  color: var(--button-text-active);
  -webkit-text-fill-color: var(--button-text-active);
  font-size: 0.95em;
}
body.skyten-brand .topnav {
  box-sizing: border-box;
  width: 100%;
  flex-shrink: 0;
}
body.skyten-brand .topnav__inner {
  box-sizing: border-box;
  width: 100%;
}
body.skyten-brand .topnav__inner--wide {
  max-width: 1280px;
  margin: 0 auto;
}
body.skyten-brand .svg-defs {
  position: absolute;
  overflow: hidden;
}
body.skyten-brand .topnav__brand {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  text-decoration: none;
  color: inherit;
}
body.skyten-brand .topnav__brand img {
  display: block;
  width: auto;
  object-fit: contain;
}
body.skyten-brand .topnav__brand:focus-visible {
  outline: var(--focus-outline-primary);
  outline-offset: var(--focus-outline-offset-loose);
  border-radius: var(--radius-s);
}
body.skyten-brand .topnav__nav {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  min-width: 0;
  max-width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
body.skyten-brand .topnav__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.875rem;
  border-radius: var(--radius-m);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25;
  text-decoration: none;
  color: var(--text-secondary);
  border: var(--border-width-hairline) solid transparent;
  background: transparent;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
body.skyten-brand .topnav__link:hover {
  color: var(--text-primary);
  background: var(--background-hover);
}
body.skyten-brand .topnav__link:focus-visible {
  outline: var(--focus-outline-primary);
  outline-offset: var(--focus-outline-offset);
}
body.skyten-brand .topnav__link[aria-current=page], body.skyten-brand .topnav__link.topnav__link--active {
  color: var(--button-text-active);
  background: var(--button-background-active);
  box-shadow: inset -1px -16px 8px rgba(0, 0, 0, 0.06), inset 1px 2px 5px rgba(255, 255, 255, 0.1);
}
body.skyten-brand .topnav__tools {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  justify-self: end;
  flex-shrink: 0;
  gap: 0.5rem;
  min-height: 1px;
}
body.skyten-brand .topnav--trading {
  background: transparent;
  border-bottom: var(--border-width-hairline) solid var(--border-secondary);
}
body.skyten-brand .topnav--trading .topnav__inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  padding: 8px clamp(16px, 3vw, 24px);
  min-height: 88px;
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
}
body.skyten-brand .topnav--trading .topnav__brand {
  flex: 0 0 auto;
  width: 208px;
}
body.skyten-brand .topnav--trading .topnav__brand img {
  max-height: 40px;
  max-width: 208px;
}
body.skyten-brand .topnav--trading .topnav__tabs {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  flex: 0 0 auto;
  height: 36px;
  margin: 0;
  padding: 0;
  list-style: none;
}
body.skyten-brand .topnav--trading .topnav__tab {
  box-sizing: border-box;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 36px;
  margin: 0;
  padding: 6px 12px;
  gap: 8px;
  border: none;
  border-radius: 20px;
  background: transparent;
  color: var(--text-secondary);
  font: inherit;
  line-height: 0;
  cursor: pointer;
  user-select: none;
  flex-shrink: 0;
  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
body.skyten-brand .topnav--trading .topnav__tab > svg {
  display: block;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  pointer-events: none;
  stroke: currentColor;
  fill: none;
}
body.skyten-brand .topnav--trading .topnav__tab:hover:not(.topnav__tab--active):not([aria-pressed=true]), body.skyten-brand .topnav--trading .topnav__tab.topnav__tab--state-hover:not(.topnav__tab--active):not([aria-pressed=true]) {
  background: var(--button-background-active-hover, var(--button-background-active));
  color: var(--button-text-active-hover, var(--button-text-active));
}
body.skyten-brand .topnav--trading .topnav__tab.topnav__tab--active, body.skyten-brand .topnav--trading .topnav__tab[aria-pressed=true] {
  background: var(--button-background-active);
  color: var(--button-text-active);
  box-shadow: none;
}
body.skyten-brand .topnav--trading .topnav__tab.topnav__tab--gradient.topnav__tab--active, body.skyten-brand .topnav--trading .topnav__tab.topnav__tab--gradient[aria-pressed=true] {
  background: var(--button-background-active);
  color: var(--button-text-active);
}
body.skyten-brand .topnav--trading .topnav__tab:focus-visible {
  outline: var(--focus-outline-primary);
  outline-offset: var(--focus-outline-offset);
}
body.skyten-brand .topnav--trading .topnav__metrics {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  flex: 1 1 auto;
  min-width: 0;
  height: 72px;
  margin: 0;
  padding: 0;
  list-style: none;
}
body.skyten-brand .topnav--trading .topnav__metric {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1 1 0;
  min-width: 0;
  max-width: 98px;
  margin: 0 auto;
  padding: 0;
}
body.skyten-brand .topnav--trading .topnav__metric::before {
  content: none;
  display: none;
}
body.skyten-brand .topnav--trading .topnav__metric-label,
body.skyten-brand .topnav--trading .topnav__metric-value {
  width: 100%;
  font-family: var(--font-sans, Inter, system-ui, sans-serif);
  font-size: var(--text-caption-font-size);
  font-weight: var(--text-caption-font-weight);
  line-height: var(--text-caption-line-height);
}
body.skyten-brand .topnav--trading .topnav__metric-label {
  color: var(--text-secondary);
}
body.skyten-brand .topnav--trading .topnav__metric-value {
  color: var(--text-primary);
}
body.skyten-brand .topnav--trading .topnav__profile {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  flex: 0 0 auto;
  width: 225px;
  min-width: 0;
}
body.skyten-brand .topnav--trading .topnav__account {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1 1 auto;
  min-width: 0;
  max-width: 169px;
}
body.skyten-brand .topnav--trading .topnav__account-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  width: 100%;
}
body.skyten-brand .topnav--trading .topnav__account-text {
  flex: 1 1 auto;
  min-width: 0;
  font-family: var(--font-sans, Inter, system-ui, sans-serif);
  font-size: var(--text-caption-font-size);
  font-weight: var(--text-caption-font-weight);
  line-height: var(--text-caption-line-height);
  text-align: right;
  color: var(--text-secondary);
}
body.skyten-brand .topnav--trading .topnav__chevron {
  flex-shrink: 0;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid var(--text-secondary);
  opacity: 0.9;
}
body.skyten-brand .topnav--trading .topnav__status {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  width: 100%;
  align-self: flex-end;
}
body.skyten-brand .topnav--trading .topnav__status-dot {
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--functional-success-default);
}
body.skyten-brand .topnav--trading .topnav__status-text {
  font-family: var(--font-sans, Inter, system-ui, sans-serif);
  font-size: var(--text-caption-font-size);
  font-weight: var(--text-caption-font-weight);
  line-height: var(--text-caption-line-height);
  text-align: right;
  color: var(--text-secondary);
}
body.skyten-brand .topnav--trading .topnav__avatar {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--surface-inverse-deep);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
body.skyten-brand .topnav--trading .topnav__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
body.skyten-brand .topnav--trading .topnav__avatar-svg {
  display: block;
  border-radius: 50%;
  background: var(--surface-inverse-deep);
}
body.skyten-brand .topnav--trading .topnav__account--anchor {
  position: relative;
}
body.skyten-brand .topnav--trading .topnav__account-row--button {
  cursor: pointer;
}
body.skyten-brand .topnav--trading .topnav__avatar--button {
  cursor: pointer;
}
body.skyten-brand .topnav--trading .nav-acct-menu {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 8px;
  width: 300px;
  max-height: 420px;
  overflow: auto;
  z-index: 40;
  background: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-l, 14px);
  box-shadow: var(--shadow-primary);
}
body.skyten-brand .topnav--trading .nav-acct-menu__head {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--border-secondary);
}
body.skyten-brand .topnav--trading .nav-acct-menu__head-label {
  font-size: 12px;
  color: var(--text-secondary);
}
body.skyten-brand .topnav--trading .nav-acct-menu__head-id {
  font-size: 14px;
  font-weight: 700;
  color: var(--text-primary);
  font-family: var(--font-mono, monospace);
}
body.skyten-brand .topnav--trading .nav-acct-menu__head-pkg {
  font-size: 12px;
  color: var(--text-tertiary, var(--text-secondary));
}
body.skyten-brand .topnav--trading .nav-acct-menu__section {
  padding: 12px 16px 8px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-secondary);
}
body.skyten-brand .topnav--trading .nav-acct-menu__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--border-secondary);
  cursor: pointer;
}
body.skyten-brand .topnav--trading .nav-acct-menu__row--active {
  background: var(--background-hover);
}
body.skyten-brand .topnav--trading .nav-acct-menu__row-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
body.skyten-brand .topnav--trading .nav-acct-menu__row-id {
  font-size: 14px;
  font-weight: 700;
  color: var(--text-primary);
  font-family: var(--font-mono, monospace);
}
body.skyten-brand .topnav--trading .nav-acct-menu__row-sub {
  font-size: 12px;
  color: var(--text-secondary);
}
body.skyten-brand .topnav--trading .nav-acct-menu__row-dot {
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--functional-success-default);
}
@media (max-width: 1100px) {
body.skyten-brand .topnav--trading .topnav__inner {
    flex-wrap: wrap;
    min-height: auto;
    row-gap: 12px;
  }
body.skyten-brand .topnav--trading .topnav__metrics {
    order: 3;
    width: 100%;
    height: auto;
    flex: 1 1 100%;
    justify-content: flex-start;
    gap: 24px 40px;
  }
body.skyten-brand .topnav--trading .topnav__profile {
    order: 4;
    width: auto;
    margin-left: auto;
  }
}
@media (max-width: 640px) {
body.skyten-brand .topnav--trading .topnav__inner {
    flex-direction: column;
    align-items: stretch;
  }
body.skyten-brand .topnav--trading .topnav__tabs {
    justify-content: center;
    flex-wrap: wrap;
    height: auto;
  }
body.skyten-brand .topnav--trading .topnav__metrics {
    justify-content: space-between;
  }
body.skyten-brand .topnav--trading .topnav__profile {
    margin-left: 0;
    width: 100%;
    max-width: 100%;
  }
body.skyten-brand .topnav--trading .topnav__account {
    max-width: none;
  }
}
body.skyten-brand .marketing-nav .w-full {
  width: 100%;
}
body.skyten-brand .marketing-nav .nav-bar {
  width: 100%;
  padding: 0;
  position: relative;
  z-index: 30;
}
body.skyten-brand .marketing-nav .nav-container {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  background: var(--background-secondary);
  border-radius: var(--radius-xl);
  border: none;
  border-bottom: 0.991px solid var(--border-primary);
  box-shadow: var(--shadow-primary);
  position: relative;
  z-index: 30;
  overflow: hidden;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}
body.skyten-brand .marketing-nav .nav-top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--radius-m) calc(var(--radius-m) * 4);
  min-height: 52px;
  position: relative;
  z-index: 31;
  contain: layout style paint;
}
body.skyten-brand .marketing-nav .nav-logo {
  flex-shrink: 0;
  text-decoration: none;
  color: inherit;
}
body.skyten-brand .marketing-nav .nav-logo-img {
  display: block;
  height: clamp(22px, 3.6vw, 32px);
  width: auto;
  max-width: none;
}
body.skyten-brand .marketing-nav .nav-logo-fallback {
  font-size: var(--text-h7-font-size);
  font-weight: var(--text-h7-font-weight);
  line-height: var(--text-h7-line-height);
  color: var(--text-secondary);
}
body.skyten-brand .marketing-nav .nav-links-desktop {
  display: flex;
  gap: calc(var(--radius-m) * 4);
  align-items: center;
  flex: 1;
  justify-content: center;
  contain: layout style paint;
}
body.skyten-brand .marketing-nav .nav-link {
  text-decoration: none;
  font-size: var(--text-p-sm-font-size);
  line-height: var(--text-p-sm-line-height);
  font-weight: var(--text-p-sm-font-weight);
  letter-spacing: var(--text-p-sm-letter-spacing);
  font-family: var(--font-sans, Inter, system-ui, sans-serif);
  color: var(--text-secondary);
  transition: none !important;
  padding: var(--radius-m) 0;
  display: flex;
  align-items: center;
  white-space: nowrap;
  backface-visibility: hidden;
  transform: translateZ(0);
  contain: layout style paint;
  min-width: fit-content;
}
body.skyten-brand .marketing-nav .nav-link:hover {
  color: var(--functional-primary);
  transition: none !important;
}
body.skyten-brand .marketing-nav .nav-link-active {
  font-size: var(--text-h8-font-size);
  line-height: var(--text-h8-line-height);
  font-weight: var(--text-h8-font-weight);
  letter-spacing: var(--text-h8-letter-spacing);
  color: var(--functional-primary);
  transition: none !important;
}
body.skyten-brand .marketing-nav .nav-right-desktop {
  display: flex;
  align-items: center;
  gap: calc(var(--radius-m) * 2);
  flex-shrink: 0;
  position: relative;
  z-index: 10;
}
body.skyten-brand .marketing-nav .btn-login {
  background: var(--border-active);
  color: var(--button-text-active);
  border: 1px solid var(--color-foundations-transparent);
  border-radius: var(--radius-m);
  padding: calc(var(--radius-m) + var(--radius-s)) calc(var(--radius-m) * 4);
  min-height: 43px;
  font-size: var(--text-h7-font-size);
  line-height: var(--text-h7-line-height);
  font-family: var(--font-sans, Inter, system-ui, sans-serif);
  font-weight: var(--text-h7-font-weight);
  box-shadow: var(--shadow-active-secondary);
  cursor: pointer;
  transition: background 0.3s ease, transform 0.3s ease;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  position: relative;
  z-index: 30;
}
body.skyten-brand .marketing-nav .btn-login:hover {
  background: linear-gradient(90deg, var(--gradient-accent-from) 0%, var(--gradient-accent-to) 100%);
  transform: translateY(-1px);
}
body.skyten-brand .marketing-nav .btn-login:active {
  transform: translateY(0);
}
body.skyten-brand .marketing-nav .nav-mobile {
  display: none;
  align-items: center;
  gap: calc(var(--radius-m) + var(--radius-s));
}
body.skyten-brand .marketing-nav .nav-burger-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: var(--radius-m);
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  color: var(--text-secondary);
}
body.skyten-brand .marketing-nav .nav-burger-icon {
  width: 20px;
  height: 20px;
  display: block;
}
body.skyten-brand .marketing-nav .nav-mobile-menu {
  width: 100%;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  display: none;
  position: relative;
}
body.skyten-brand .marketing-nav .nav-mobile-content {
  padding: calc(var(--radius-m) * 4) calc(var(--radius-m) * 3);
}
body.skyten-brand .marketing-nav .nav-mobile-links {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  gap: 30px;
  margin-bottom: 0;
  flex-grow: 1;
}
body.skyten-brand .marketing-nav .nav-mobile-link {
  padding: 0;
  border-bottom: none;
  text-decoration: none;
  font-size: var(--text-h7-font-size);
  line-height: var(--text-h7-line-height);
  font-weight: var(--text-h7-font-weight);
  letter-spacing: var(--text-h7-letter-spacing);
  font-family: var(--font-sans, Inter, system-ui, sans-serif);
  color: var(--text-secondary);
  transition: none !important;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
body.skyten-brand .marketing-nav .nav-mobile-link:hover {
  color: var(--functional-primary);
  transition: none !important;
}
body.skyten-brand .marketing-nav .nav-mobile-link.nav-link-active {
  color: var(--functional-primary);
  font-weight: var(--text-h8-font-weight);
  transition: none !important;
}
@media (max-width: 1050px) {
body.skyten-brand .marketing-nav .nav-top-row {
    padding: calc(var(--radius-m) + var(--radius-s)) calc(var(--radius-m) * 3);
  }
body.skyten-brand .marketing-nav .nav-links-desktop {
    gap: calc(var(--radius-m) * 3);
  }
}
@media (max-width: 950px) {
body.skyten-brand .marketing-nav .nav-top-row {
    padding: calc(var(--radius-m) + var(--radius-s)) var(--radius-xl);
  }
body.skyten-brand .marketing-nav .nav-links-desktop {
    gap: var(--radius-xl);
  }
}
@media (max-width: 850px) {
body.skyten-brand .marketing-nav .nav-links-desktop,
  body.skyten-brand .marketing-nav .nav-right-desktop {
    display: none;
  }
body.skyten-brand .marketing-nav .nav-mobile {
    display: flex;
  }
body.skyten-brand .marketing-nav .nav-mobile-menu {
    display: block;
  }
}
@media (max-width: 500px) {
body.skyten-brand .marketing-nav .nav-bar {
    position: relative;
    z-index: 100;
    height: 47px;
  }
body.skyten-brand .marketing-nav .nav-container {
    max-width: 350px;
    margin: 0 auto;
    border-radius: var(--radius-xl);
    background: var(--background-secondary);
    box-shadow: var(--shadow-primary);
    border: none;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 101;
  }
body.skyten-brand .marketing-nav .nav-top-row {
    padding: var(--radius-s) var(--radius-xl);
    min-height: 47px;
  }
body.skyten-brand .marketing-nav .nav-logo-img {
    height: 31px;
  }
body.skyten-brand .marketing-nav .nav-mobile {
    gap: 0;
  }
body.skyten-brand .marketing-nav .nav-burger-button {
    padding: var(--radius-s);
  }
body.skyten-brand .marketing-nav .nav-mobile-content {
    padding: var(--radius-m) calc(var(--radius-xl) + var(--radius-m)) calc(var(--radius-m) * 4);
  }
body.skyten-brand .marketing-nav .nav-mobile-link {
    font-size: var(--text-h7-font-size);
    line-height: var(--text-h7-line-height);
  }
}
@media (max-width: 380px) {
body.skyten-brand .marketing-nav .nav-container {
    max-width: 330px;
  }
body.skyten-brand .marketing-nav .nav-top-row {
    padding: var(--radius-s) calc(var(--radius-m) * 2);
  }
body.skyten-brand .marketing-nav .nav-mobile-content {
    padding: var(--radius-m) var(--radius-xl) calc(var(--radius-xl) + var(--radius-m));
  }
body.skyten-brand .marketing-nav .nav-mobile-links {
    gap: calc(var(--radius-m) * 3 + var(--radius-s));
  }
body.skyten-brand .marketing-nav .nav-mobile-link {
    font-size: var(--text-h8-font-size);
    line-height: var(--text-h8-line-height);
  }
}
body.skyten-brand .ptr-web-masthead {
  box-sizing: border-box;
  padding: 56px 80px 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  flex-shrink: 0;
}
body.skyten-brand .ptr-web-masthead__logo {
  display: block;
  height: 80px;
  width: auto;
  max-width: 280px;
  object-fit: contain;
}
body.skyten-brand .ptr-web-masthead__rule {
  width: 100%;
  height: 0.5pt;
  border: 0;
  background: var(--brand-primary);
  margin: 0;
}
body.skyten-brand .ptr-web-masthead--document {
  box-sizing: border-box;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20pt;
  flex-shrink: 0;
}
body.skyten-brand .ptr-web-masthead--document .ptr-web-masthead__logo {
  height: 40pt;
  max-width: 200pt;
}
body.skyten-brand .footer {
  box-sizing: border-box;
  width: 100%;
  padding: 32px 80px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  flex-shrink: 0;
}
body.skyten-brand .footer__logo {
  display: block;
  height: 52px;
  width: auto;
  max-width: 220px;
  object-fit: contain;
}
body.skyten-brand .footer__rule {
  width: 100%;
  height: 0.5pt;
  border: 0;
  background: var(--brand-primary);
  margin: 0;
}
body.skyten-brand .footer__taglines {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 720px;
  text-align: center;
}
body.skyten-brand .footer__copy {
  margin: 0;
  text-align: center;
  font-family: var(--font-sans, Inter, system-ui, sans-serif);
  font-size: var(--text-caption-font-size);
  font-weight: var(--text-p-sm-font-weight);
  line-height: var(--text-caption-line-height);
  letter-spacing: var(--text-caption-letter-spacing);
  text-wrap: balance;
}
body.skyten-brand .footer__tagline-line {
  color: var(--text-primary);
}
body.skyten-brand .footer__social {
  display: flex;
  gap: 16px;
  align-items: center;
}
body.skyten-brand .footer__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--icon-primary);
  border: 0;
  color: var(--button-text-active);
  text-decoration: none;
  transition: opacity 0.15s ease;
}
body.skyten-brand .footer__social a:hover {
  opacity: 0.8;
}
body.skyten-brand .footer__social svg {
  width: 14px;
  height: 14px;
}
body.skyten-brand .footer__meta {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 720px;
  text-align: center;
}
body.skyten-brand .footer__copyright {
  color: var(--text-secondary);
}
body.skyten-brand .footer__address-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
body.skyten-brand .footer__address-line {
  color: var(--text-tertiary-muted, var(--text-secondary));
  text-wrap: balance;
}
body.skyten-brand .footer__unsub {
  font-family: var(--font-sans, Inter, system-ui, sans-serif);
  font-size: var(--text-caption-font-size);
  font-weight: var(--text-p-sm-font-weight);
  line-height: var(--text-caption-line-height);
  letter-spacing: var(--text-caption-letter-spacing);
  color: var(--functional-info-text, var(--functional-primary));
  text-decoration: underline;
}
@media (max-width: 768px) {
body.skyten-brand .ptr-web-masthead,
  body.skyten-brand .footer {
    padding-left: 24px;
    padding-right: 24px;
  }
}
body.skyten-brand .ptr-web-prose-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--text-secondary);
}
body.skyten-brand .ptr-web-prose-list > li {
  position: relative;
  padding-left: 1em;
}
body.skyten-brand .ptr-web-prose-list > li::before {
  content: "–";
  position: absolute;
  left: 0;
  color: var(--icon-primary);
}
body.skyten-brand .sidebar-layout {
  display: flex;
  min-height: 100vh;
}
body.skyten-brand .sidebar-layout .sidebar-layout-sidebar {
  width: 260px;
  flex-shrink: 0;
  background: var(--background-primary);
  border-right: 1px solid var(--border-secondary);
}
body.skyten-brand .sidebar-layout .sidebar-layout-main {
  flex: 1;
  min-width: 0;
  background: var(--background-primary);
}
body.skyten-brand .dashboard {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1.5rem;
  padding: 1.5rem;
  background: var(--background-primary);
}
body.skyten-brand .stat-page-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16.5px;
  background: var(--background-secondary);
  border: none;
  border-radius: var(--radius-xl, 20px);
  box-shadow: inset 0 0 0 0.5px var(--border-primary), var(--shadow-primary, 0 2px 4px rgba(0, 0, 0, 0.04), 0 1px 2px -1px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.06), inset 0 -1px 0.25px rgba(255, 255, 255, 0.2), inset 0 1px 0.25px rgba(255, 255, 255, 0.2));
  font-family: var(--font-sans, Inter, system-ui, sans-serif);
}
body.skyten-brand .stat-page-card__title {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  color: var(--text-primary);
}
body.skyten-brand .stat-page-card__subtitle {
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 19.5px;
  color: var(--text-tertiary-muted, var(--text-tertiary));
}
body.skyten-brand .stat-card-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: stretch;
  min-width: 0;
}
body.skyten-brand .stat-card-row > .stat-card {
  flex: 1 1 0;
  min-width: 0;
}
body.skyten-brand .stat-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 102px;
  padding: 16.5px;
  background: var(--background-secondary);
  border: none;
  border-radius: var(--radius-xl, 20px);
  box-shadow: inset 0 0 0 0.5px var(--border-primary), var(--shadow-primary, 0 2px 4px rgba(0, 0, 0, 0.04), 0 1px 2px -1px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.06), inset 0 -1px 0.25px rgba(255, 255, 255, 0.2), inset 0 1px 0.25px rgba(255, 255, 255, 0.2));
  font-family: var(--font-sans, Inter, system-ui, sans-serif);
}
body.skyten-brand .stat-card .stat-card-label {
  margin: 0;
  font-size: 10px;
  font-weight: 600;
  line-height: 15px;
  color: var(--brand-primary);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
body.skyten-brand .stat-card .stat-card-value {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  color: var(--text-primary);
}
body.skyten-brand .stat-card .stat-card-trend {
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
body.skyten-brand .stat-card .stat-card-trend.up {
  color: var(--functional-success-text, var(--color-success));
}
body.skyten-brand .stat-card .stat-card-trend.down {
  color: var(--functional-error-text, var(--color-error));
}
body.skyten-brand .stat-card .stat-card-trend.flat {
  color: var(--text-tertiary-muted, var(--text-tertiary));
}
body.skyten-brand .chart-container {
  background: var(--background-primary);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-m);
  padding: 1.25rem;
}
body.skyten-brand .chart-container .chart-container-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
body.skyten-brand .chart-container .chart-container-header .chart-container-title {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--text-primary);
}
body.skyten-brand .chart-container .chart-container-body {
  min-height: 200px;
  position: relative;
}
body.skyten-brand .chart-container .chart-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1rem;
  font-size: 0.8rem;
  color: var(--text-tertiary);
}
body.skyten-brand .chart-container .chart-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}
body.skyten-brand .chart-container .chart-legend-item::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 2px;
}
body.skyten-brand .chart-container .chart-legend-item:nth-child(1)::before {
  background: var(--chart-01);
}
body.skyten-brand .chart-container .chart-legend-item:nth-child(2)::before {
  background: var(--chart-02);
}
body.skyten-brand .chart-container .chart-legend-item:nth-child(3)::before {
  background: var(--chart-03);
}
body.skyten-brand .chart-container .chart-legend-item:nth-child(4)::before {
  background: var(--chart-04);
}
body.skyten-brand .chart-container .chart-legend-item:nth-child(5)::before {
  background: var(--chart-05);
}
body.skyten-brand .chart-container .chart-legend-item:nth-child(6)::before {
  background: var(--chart-06);
}
body.skyten-brand .chart-container .chart-legend-item:nth-child(7)::before {
  background: var(--chart-07);
}
body.skyten-brand .chart-container .chart-legend-item:nth-child(8)::before {
  background: var(--chart-08);
}
body.skyten-brand .chart-container .chart-legend-item:nth-child(9)::before {
  background: var(--chart-09);
}
body.skyten-brand .chart-container .chart-legend-item:nth-child(10)::before {
  background: var(--chart-10);
}
body.skyten-brand .chart-container .chart-legend-item:nth-child(11)::before {
  background: var(--chart-11);
}
body.skyten-brand .chart-container .chart-legend-item:nth-child(12)::before {
  background: var(--chart-12);
}
body.skyten-brand .bar-chart {
  --bar-chart-track-height: 56px;
  --bar-chart-gap: 3px;
  --bar-chart-pad-x: 20px;
  --bar-chart-pad-y: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  box-sizing: border-box;
  width: 100%;
  padding: var(--bar-chart-pad-y) var(--bar-chart-pad-x);
}
body.skyten-brand .bar-chart__track {
  display: flex;
  align-items: flex-end;
  justify-content: stretch;
  gap: var(--bar-chart-gap);
  box-sizing: border-box;
  width: 100%;
  height: var(--bar-chart-track-height);
  min-height: var(--bar-chart-track-height);
}
body.skyten-brand .bar-chart__bar {
  flex: 1 1 0;
  min-width: 0;
  box-sizing: border-box;
  border-radius: 2px 2px 0 0;
}
body.skyten-brand .bar-chart__bar:nth-child(1) {
  background: var(--chart-01);
}
body.skyten-brand .bar-chart__bar:nth-child(2) {
  background: var(--chart-02);
}
body.skyten-brand .bar-chart__bar:nth-child(3) {
  background: var(--chart-03);
}
body.skyten-brand .bar-chart__bar:nth-child(4) {
  background: var(--chart-04);
}
body.skyten-brand .bar-chart__bar:nth-child(5) {
  background: var(--chart-05);
}
body.skyten-brand .bar-chart__bar:nth-child(6) {
  background: var(--chart-06);
}
body.skyten-brand .bar-chart__bar:nth-child(7) {
  background: var(--chart-07);
}
body.skyten-brand .bar-chart__bar:nth-child(8) {
  background: var(--chart-08);
}
body.skyten-brand .bar-chart__bar:nth-child(9) {
  background: var(--chart-09);
}
body.skyten-brand .bar-chart__legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 4px;
  row-gap: 0;
  min-height: 12px;
  font-size: 8px;
  line-height: 12px;
  color: var(--text-tertiary);
}
body.skyten-brand .bar-chart__legend-item {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}
body.skyten-brand .bar-chart__legend-swatch {
  width: 7px;
  height: 7px;
  flex-shrink: 0;
  border-radius: 1px;
}
body.skyten-brand .bar-chart__legend-item:nth-child(1) .bar-chart__legend-swatch {
  background: var(--chart-01);
}
body.skyten-brand .bar-chart__legend-item:nth-child(2) .bar-chart__legend-swatch {
  background: var(--chart-02);
}
body.skyten-brand .bar-chart__legend-item:nth-child(3) .bar-chart__legend-swatch {
  background: var(--chart-03);
}
body.skyten-brand .bar-chart__legend-item:nth-child(4) .bar-chart__legend-swatch {
  background: var(--chart-04);
}
body.skyten-brand .bar-chart__legend-item:nth-child(5) .bar-chart__legend-swatch {
  background: var(--chart-05);
}
body.skyten-brand .bar-chart__legend-item:nth-child(6) .bar-chart__legend-swatch {
  background: var(--chart-06);
}
body.skyten-brand .bar-chart__legend-item:nth-child(7) .bar-chart__legend-swatch {
  background: var(--chart-07);
}
body.skyten-brand .bar-chart__legend-item:nth-child(8) .bar-chart__legend-swatch {
  background: var(--chart-08);
}
body.skyten-brand .bar-chart__legend-item:nth-child(9) .bar-chart__legend-swatch {
  background: var(--chart-09);
}
body.skyten-brand .bar-chart--primary-opacity .bar-chart__bar:nth-child(1) {
  background: color-mix(in srgb, var(--brand-primary) calc(100% / var(--bar-count, 10) * 1), var(--bar-chart-primary-mix-base));
}
body.skyten-brand .bar-chart--primary-opacity .bar-chart__legend-item:nth-child(1) .bar-chart__legend-swatch {
  background: color-mix(in srgb, var(--brand-primary) calc(100% / var(--bar-count, 10) * 1), var(--bar-chart-primary-mix-base));
}
body.skyten-brand .bar-chart--primary-opacity .bar-chart__bar:nth-child(2) {
  background: color-mix(in srgb, var(--brand-primary) calc(100% / var(--bar-count, 10) * 2), var(--bar-chart-primary-mix-base));
}
body.skyten-brand .bar-chart--primary-opacity .bar-chart__legend-item:nth-child(2) .bar-chart__legend-swatch {
  background: color-mix(in srgb, var(--brand-primary) calc(100% / var(--bar-count, 10) * 2), var(--bar-chart-primary-mix-base));
}
body.skyten-brand .bar-chart--primary-opacity .bar-chart__bar:nth-child(3) {
  background: color-mix(in srgb, var(--brand-primary) calc(100% / var(--bar-count, 10) * 3), var(--bar-chart-primary-mix-base));
}
body.skyten-brand .bar-chart--primary-opacity .bar-chart__legend-item:nth-child(3) .bar-chart__legend-swatch {
  background: color-mix(in srgb, var(--brand-primary) calc(100% / var(--bar-count, 10) * 3), var(--bar-chart-primary-mix-base));
}
body.skyten-brand .bar-chart--primary-opacity .bar-chart__bar:nth-child(4) {
  background: color-mix(in srgb, var(--brand-primary) calc(100% / var(--bar-count, 10) * 4), var(--bar-chart-primary-mix-base));
}
body.skyten-brand .bar-chart--primary-opacity .bar-chart__legend-item:nth-child(4) .bar-chart__legend-swatch {
  background: color-mix(in srgb, var(--brand-primary) calc(100% / var(--bar-count, 10) * 4), var(--bar-chart-primary-mix-base));
}
body.skyten-brand .bar-chart--primary-opacity .bar-chart__bar:nth-child(5) {
  background: color-mix(in srgb, var(--brand-primary) calc(100% / var(--bar-count, 10) * 5), var(--bar-chart-primary-mix-base));
}
body.skyten-brand .bar-chart--primary-opacity .bar-chart__legend-item:nth-child(5) .bar-chart__legend-swatch {
  background: color-mix(in srgb, var(--brand-primary) calc(100% / var(--bar-count, 10) * 5), var(--bar-chart-primary-mix-base));
}
body.skyten-brand .bar-chart--primary-opacity .bar-chart__bar:nth-child(6) {
  background: color-mix(in srgb, var(--brand-primary) calc(100% / var(--bar-count, 10) * 6), var(--bar-chart-primary-mix-base));
}
body.skyten-brand .bar-chart--primary-opacity .bar-chart__legend-item:nth-child(6) .bar-chart__legend-swatch {
  background: color-mix(in srgb, var(--brand-primary) calc(100% / var(--bar-count, 10) * 6), var(--bar-chart-primary-mix-base));
}
body.skyten-brand .bar-chart--primary-opacity .bar-chart__bar:nth-child(7) {
  background: color-mix(in srgb, var(--brand-primary) calc(100% / var(--bar-count, 10) * 7), var(--bar-chart-primary-mix-base));
}
body.skyten-brand .bar-chart--primary-opacity .bar-chart__legend-item:nth-child(7) .bar-chart__legend-swatch {
  background: color-mix(in srgb, var(--brand-primary) calc(100% / var(--bar-count, 10) * 7), var(--bar-chart-primary-mix-base));
}
body.skyten-brand .bar-chart--primary-opacity .bar-chart__bar:nth-child(8) {
  background: color-mix(in srgb, var(--brand-primary) calc(100% / var(--bar-count, 10) * 8), var(--bar-chart-primary-mix-base));
}
body.skyten-brand .bar-chart--primary-opacity .bar-chart__legend-item:nth-child(8) .bar-chart__legend-swatch {
  background: color-mix(in srgb, var(--brand-primary) calc(100% / var(--bar-count, 10) * 8), var(--bar-chart-primary-mix-base));
}
body.skyten-brand .bar-chart--primary-opacity .bar-chart__bar:nth-child(9) {
  background: color-mix(in srgb, var(--brand-primary) calc(100% / var(--bar-count, 10) * 9), var(--bar-chart-primary-mix-base));
}
body.skyten-brand .bar-chart--primary-opacity .bar-chart__legend-item:nth-child(9) .bar-chart__legend-swatch {
  background: color-mix(in srgb, var(--brand-primary) calc(100% / var(--bar-count, 10) * 9), var(--bar-chart-primary-mix-base));
}
body.skyten-brand .bar-chart--primary-opacity .bar-chart__bar:nth-child(10) {
  background: color-mix(in srgb, var(--brand-primary) calc(100% / var(--bar-count, 10) * 10), var(--bar-chart-primary-mix-base));
}
body.skyten-brand .bar-chart--primary-opacity .bar-chart__legend-item:nth-child(10) .bar-chart__legend-swatch {
  background: color-mix(in srgb, var(--brand-primary) calc(100% / var(--bar-count, 10) * 10), var(--bar-chart-primary-mix-base));
}
body.skyten-brand .bar-chart-mono {
  --bar-chart-mono-y-max: 30;
  --bar-chart-mono-track-h: 200px;
  --bar-chart-mono-col-min: 22px;
  --bar-chart-mono-col-max: 28px;
  --bar-chart-mono-gap: 12px;
  --bar-chart-mono-cols-gap: 12px;
  --bar-chart-mono-cat-block: var(--text-caption-line-height, 20px);
  --bar-chart-mono-y-w: 28px;
  --bar-chart-mono-bar-start: var(--functional-primary, var(--brand-primary));
  --bar-chart-mono-bar-end: color-mix(in srgb, var(--functional-primary, var(--brand-primary)) 60%, transparent);
  --bar-chart-mono-grid-line: var(--border-secondary);
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-sizing: border-box;
  width: 100%;
}
body.skyten-brand .bar-chart-mono__title {
  margin: 0;
  font-size: var(--text-h7-font-size, 16px);
  font-weight: 600;
  line-height: var(--text-h7-line-height, 24px);
  color: var(--functional-primary, var(--brand-primary));
}
body.skyten-brand .bar-chart-mono__body {
  display: grid;
  grid-template-columns: var(--bar-chart-mono-y-w) minmax(0, 1fr);
  gap: 8px;
  align-items: stretch;
  width: 100%;
  padding-left: 4px;
}
body.skyten-brand .bar-chart-mono__y {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 2px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  color: var(--text-secondary);
}
body.skyten-brand .bar-chart-mono__y-mark {
  display: block;
  width: 100%;
  text-align: right;
}
body.skyten-brand .bar-chart-mono__main {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  flex: 1 1 auto;
}
body.skyten-brand .bar-chart-mono__cols {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex-wrap: nowrap;
  column-gap: var(--bar-chart-mono-cols-gap);
  row-gap: 0;
  width: 100%;
  padding: 0 4px 0 0;
  position: relative;
  z-index: 0;
  isolation: isolate;
}
body.skyten-brand .bar-chart-mono__cols::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: calc(var(--bar-chart-mono-cat-block) + var(--bar-chart-mono-gap));
  height: var(--bar-chart-mono-track-h);
  pointer-events: none;
  background: repeating-linear-gradient(to bottom, transparent 0, transparent calc(16.6666666667% - 1px), var(--bar-chart-mono-grid-line) calc(16.6666666667% - 1px), var(--bar-chart-mono-grid-line) 16.6666666667%);
  opacity: 0.85;
}
body.skyten-brand .bar-chart-mono__col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--bar-chart-mono-gap);
  flex: 1 1 0;
  box-sizing: border-box;
  min-width: 0;
  position: relative;
  z-index: 1;
}
body.skyten-brand .bar-chart-mono__value {
  margin: 0;
  font-size: var(--text-h8-font-size, 14px);
  font-weight: 600;
  line-height: var(--text-h8-line-height, 20px);
  color: var(--text-secondary);
  text-align: center;
  white-space: nowrap;
}
body.skyten-brand .bar-chart-mono__slot {
  position: relative;
  align-self: center;
  width: min(100%, var(--bar-chart-mono-col-max));
  max-width: 100%;
  height: var(--bar-chart-mono-track-h);
  flex-shrink: 0;
}
body.skyten-brand .bar-chart-mono__slot-grid {
  display: none;
}
body.skyten-brand .bar-chart-mono__bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  border-radius: 2px;
  background: linear-gradient(180deg, var(--bar-chart-mono-bar-start) 0%, var(--bar-chart-mono-bar-end) 100%);
}
body.skyten-brand .bar-chart-mono__cat {
  margin: 0;
  font-size: var(--text-caption-font-size, 12px);
  font-weight: 500;
  line-height: var(--text-caption-line-height, 20px);
  color: var(--text-secondary);
  text-align: center;
  white-space: nowrap;
}
body.skyten-brand .bar-chart-spec + .bar-chart-spec {
  margin-top: 1.25rem;
}
body.skyten-brand .bar-chart__legend-code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: inherit;
  line-height: inherit;
}
body.skyten-brand .bar-chart-spec {
  margin-top: 1.25rem;
  padding: 1rem;
  background: var(--background-primary);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-m);
}
body.skyten-brand .bar-chart-spec__intro {
  margin: 0 0 12px;
  font-size: 12px;
  line-height: 1.55;
  color: var(--text-secondary);
}
body.skyten-brand .bar-chart-spec__grid {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
body.skyten-brand .bar-chart-spec__row {
  display: grid;
  grid-template-columns: minmax(72px, 96px) 1fr;
  align-items: center;
  gap: 12px;
}
body.skyten-brand .bar-chart-spec__label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--text-secondary);
  line-height: 1.4;
}
body.skyten-brand .bar-chart-spec__row .bar-chart {
  padding: 10px 20px;
  background: var(--background-primary);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-s);
}
body.skyten-brand .bar-chart-spec__row .bar-chart-mono {
  padding: 10px 16px 12px 12px;
  background: var(--background-primary);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-s);
}
body.skyten-brand .chart-line {
  fill: none;
  vector-effect: non-scaling-stroke;
  shape-rendering: geometricPrecision;
}
body.skyten-brand .chart-line--actual {
  stroke: var(--line-chart-actual-stroke, var(--chart-01));
  stroke-width: var(--line-chart-stroke-width, 1px);
  stroke-linecap: round;
  stroke-linejoin: round;
}
body.skyten-brand .chart-line--reference {
  stroke: var(--line-chart-reference-stroke, var(--chart-12));
  stroke-width: var(--line-chart-stroke-width, 1px);
  stroke-dasharray: var(--line-chart-reference-dasharray, 8 4);
  stroke-linecap: butt;
  stroke-linejoin: round;
}
body.skyten-brand .chart-line--projected {
  stroke: var(--line-chart-projected-stroke, var(--chart-03));
  stroke-width: var(--line-chart-stroke-width, 1px);
  stroke-dasharray: var(--line-chart-projected-dasharray, 2 6);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-opacity: var(--line-chart-projected-opacity, 0.6);
}
body.skyten-brand .line-chart-stroke-panel {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 12px;
  padding: 10px 20px 14px;
  background: var(--background-primary);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-s);
}
body.skyten-brand .line-chart-stroke-block {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
body.skyten-brand .line-chart-stroke-block__title {
  margin: 0;
  font-family: var(--font-sans, Inter, system-ui, sans-serif);
  font-size: var(--text-h6-font-size, 20px);
  font-weight: var(--text-h6-font-weight, 600);
  line-height: var(--text-h6-line-height, 28px);
  letter-spacing: var(--text-h6-letter-spacing, 0);
  color: var(--text-primary);
}
body.skyten-brand .line-chart-stroke-block__cap {
  margin: 0;
  font-family: var(--font-sans, Inter, system-ui, sans-serif);
  font-size: var(--text-caption-font-size, 12px);
  font-weight: 500;
  line-height: var(--text-caption-line-height, 20px);
  color: var(--text-tertiary);
}
body.skyten-brand .line-chart-stroke-block__svg {
  display: block;
  width: 100%;
  height: 32px;
  margin-top: 2px;
}
body.skyten-brand .line-chart {
  --line-chart-pad-x: 20px;
  --line-chart-pad-y: 10px;
  --line-chart-plot-h: 140px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  box-sizing: border-box;
  width: 100%;
  padding: var(--line-chart-pad-y) var(--line-chart-pad-x);
}
body.skyten-brand .line-chart__svg {
  display: block;
  width: 100%;
  height: var(--line-chart-plot-h);
  flex-shrink: 0;
}
body.skyten-brand .line-chart__grid {
  stroke-width: 1px;
  vector-effect: non-scaling-stroke;
  shape-rendering: geometricPrecision;
}
body.skyten-brand .line-chart__grid-line {
  fill: none;
  stroke: var(--line-chart-grid-stroke, var(--border-secondary));
  stroke-dasharray: var(--line-chart-grid-dasharray, 4 6);
  stroke-linecap: butt;
}
body.skyten-brand .line-chart__grid-baseline {
  fill: none;
  stroke: var(--line-chart-baseline-stroke, var(--border-primary));
  stroke-linecap: butt;
}
body.skyten-brand .line-chart__series {
  fill: none;
  vector-effect: non-scaling-stroke;
  shape-rendering: geometricPrecision;
  stroke-width: var(--line-chart-series-stroke-width, 2px);
  stroke-linecap: round;
  stroke-linejoin: round;
}
body.skyten-brand .line-chart__series--01 {
  stroke: var(--line-chart-series-1, var(--chart-01));
}
body.skyten-brand .line-chart__series--02 {
  stroke: var(--line-chart-series-2, var(--chart-02));
}
body.skyten-brand .line-chart__series--03 {
  stroke: var(--line-chart-series-3, var(--chart-03));
}
body.skyten-brand .line-chart__series--04 {
  stroke: var(--line-chart-series-4, var(--chart-04));
}
body.skyten-brand .line-chart__series--05 {
  stroke: var(--line-chart-series-5, var(--chart-05));
}
body.skyten-brand .line-chart__series--06 {
  stroke: var(--line-chart-series-6, var(--chart-06));
}
body.skyten-brand .line-chart--area-fill .line-chart__series-area {
  stroke: none;
  vector-effect: geometricPrecision;
  shape-rendering: geometricPrecision;
  pointer-events: none;
}
body.skyten-brand .line-chart--viewbox-ratio .line-chart__svg {
  height: auto;
  aspect-ratio: var(--line-chart-viewbox-w)/var(--line-chart-viewbox-h);
}
body.skyten-brand .line-chart__legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 4px;
  row-gap: 0;
  min-height: 18px;
  font-size: 12px;
  line-height: 18px;
  color: var(--text-tertiary);
}
body.skyten-brand .line-chart__legend-item {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}
body.skyten-brand .line-chart__legend-swatch {
  width: 14px;
  height: 1px;
  flex-shrink: 0;
  border-radius: 1px;
}
body.skyten-brand .line-chart__legend-item:nth-child(1) .line-chart__legend-swatch {
  background: var(--line-chart-series-1, var(--chart-01));
}
body.skyten-brand .line-chart__legend-item:nth-child(2) .line-chart__legend-swatch {
  background: var(--line-chart-series-2, var(--chart-02));
}
body.skyten-brand .line-chart__legend-item:nth-child(3) .line-chart__legend-swatch {
  background: var(--line-chart-series-3, var(--chart-03));
}
body.skyten-brand .line-chart__legend-item:nth-child(4) .line-chart__legend-swatch {
  background: var(--line-chart-series-4, var(--chart-04));
}
body.skyten-brand .line-chart__legend-item:nth-child(5) .line-chart__legend-swatch {
  background: var(--line-chart-series-5, var(--chart-05));
}
body.skyten-brand .line-chart__legend-item:nth-child(6) .line-chart__legend-swatch {
  background: var(--line-chart-series-6, var(--chart-06));
}
body.skyten-brand .line-chart__legend-code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: inherit;
}
body.skyten-brand .bar-chart-spec__row .line-chart {
  padding: 10px 20px;
  background: var(--background-primary);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-s);
}
body.skyten-brand .donut-chart {
  display: flex;
  align-items: center;
  gap: 10px;
  box-sizing: border-box;
}
body.skyten-brand .donut-chart__graphic {
  position: relative;
  width: 70px;
  height: 70px;
  flex-shrink: 0;
}
body.skyten-brand .donut-chart__svg {
  display: block;
  width: 100%;
  height: 100%;
}
body.skyten-brand .donut-chart__track {
  fill: none;
  stroke-width: var(--donut-chart-stroke-width, 12);
  stroke-linecap: butt;
  stroke-linejoin: round;
  shape-rendering: geometricPrecision;
}
body.skyten-brand .donut-chart__seam-cap {
  pointer-events: none;
}
body.skyten-brand .donut-chart__track--01 {
  stroke: var(--donut-chart-series-1, var(--chart-01));
}
body.skyten-brand .donut-chart__track--02 {
  stroke: var(--donut-chart-series-2, var(--chart-02));
}
body.skyten-brand .donut-chart__track--03 {
  stroke: var(--donut-chart-series-3, var(--chart-03));
}
body.skyten-brand .donut-chart__track--04 {
  stroke: var(--donut-chart-series-4, var(--chart-04));
}
body.skyten-brand .donut-chart__track--05 {
  stroke: var(--donut-chart-series-5, var(--chart-05));
}
body.skyten-brand .donut-chart__track--06 {
  stroke: var(--donut-chart-series-6, var(--chart-06));
}
body.skyten-brand .donut-chart__track--07 {
  stroke: var(--donut-chart-series-7, var(--chart-07));
}
body.skyten-brand .donut-chart__track--08 {
  stroke: var(--donut-chart-series-8, var(--chart-08));
}
body.skyten-brand .donut-chart__track--09 {
  stroke: var(--donut-chart-series-9, var(--chart-09));
}
body.skyten-brand .donut-chart__label {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  line-height: 1;
  font-weight: 400;
  color: var(--text-primary);
  pointer-events: none;
}
body.skyten-brand .donut-chart__legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 4px;
  row-gap: 0;
  min-height: 12px;
  font-size: 8px;
  line-height: 12px;
  color: var(--text-tertiary);
}
body.skyten-brand .donut-chart__legend-item {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}
body.skyten-brand .donut-chart__legend-swatch {
  width: 7px;
  height: 7px;
  flex-shrink: 0;
  border-radius: 1px;
}
body.skyten-brand .donut-chart__legend-item:nth-child(1) .donut-chart__legend-swatch {
  background: var(--donut-chart-series-1, var(--chart-01));
}
body.skyten-brand .donut-chart__legend-item:nth-child(2) .donut-chart__legend-swatch {
  background: var(--donut-chart-series-2, var(--chart-02));
}
body.skyten-brand .donut-chart__legend-item:nth-child(3) .donut-chart__legend-swatch {
  background: var(--donut-chart-series-3, var(--chart-03));
}
body.skyten-brand .donut-chart__legend-item:nth-child(4) .donut-chart__legend-swatch {
  background: var(--donut-chart-series-4, var(--chart-04));
}
body.skyten-brand .donut-chart__legend-item:nth-child(5) .donut-chart__legend-swatch {
  background: var(--donut-chart-series-5, var(--chart-05));
}
body.skyten-brand .donut-chart__legend-item:nth-child(6) .donut-chart__legend-swatch {
  background: var(--donut-chart-series-6, var(--chart-06));
}
body.skyten-brand .donut-chart__legend-item:nth-child(7) .donut-chart__legend-swatch {
  background: var(--donut-chart-series-7, var(--chart-07));
}
body.skyten-brand .donut-chart__legend-item:nth-child(8) .donut-chart__legend-swatch {
  background: var(--donut-chart-series-8, var(--chart-08));
}
body.skyten-brand .donut-chart__legend-item:nth-child(9) .donut-chart__legend-swatch {
  background: var(--donut-chart-series-9, var(--chart-09));
}
body.skyten-brand .donut-chart__legend-code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: inherit;
  line-height: inherit;
}
body.skyten-brand .bar-chart-spec__row .donut-chart {
  padding: 10px 20px;
  background: var(--background-primary);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-s);
}
body.skyten-brand .bar-chart-spec__row .donut-chart-single {
  width: min(100%, 420px);
  max-width: 100%;
}
body.skyten-brand .donut-chart-single {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  padding: 24.5px;
  background: var(--background-secondary);
  border: 0.5px solid var(--border-primary);
  border-radius: var(--radius-xl, 20px);
  box-shadow: inset 0 0 0 0.5px var(--border-primary), var(--shadow-primary, 0 2px 4px rgba(0, 0, 0, 0.04), 0 1px 2px -1px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.06), inset 0 -1px 0.25px rgba(255, 255, 255, 0.2), inset 0 1px 0.25px rgba(255, 255, 255, 0.2));
}
body.skyten-brand .donut-chart-single__title {
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
  text-align: right;
  color: var(--text-secondary);
}
body.skyten-brand .donut-chart-single__viz {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 170px;
}
body.skyten-brand .donut-chart-single__svg {
  width: 170px;
  height: 170px;
}
body.skyten-brand .donut-chart-single__track {
  fill: none;
  stroke: var(--border-primary);
  stroke-width: var(--donut-chart-single-track-width, 18);
  stroke-linecap: butt;
  stroke-linejoin: round;
}
body.skyten-brand .donut-chart-single__slice {
  fill: none;
  stroke: var(--donut-chart-single-slice-color, var(--brand-primary));
  stroke-width: var(--donut-chart-single-slice-width, 24);
  stroke-linecap: butt;
  stroke-linejoin: round;
  shape-rendering: geometricPrecision;
}
body.skyten-brand .donut-chart-single__seam-cap {
  pointer-events: none;
}
body.skyten-brand .donut-chart-single__label {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--text-h5-font-size, 24px);
  font-weight: var(--text-h5-font-weight, 600);
  line-height: var(--text-h5-line-height, 32px);
  color: var(--text-primary);
  pointer-events: none;
}
body.skyten-brand .donut-chart-single__body {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
body.skyten-brand .donut-chart-single__body-title {
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0;
  background: linear-gradient(90deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
body.skyten-brand .donut-chart-single__body-copy {
  margin: 0;
  font-size: var(--text-p-sm-font-size, 14px);
  font-weight: 400;
  line-height: var(--text-p-sm-line-height, 24px);
  color: var(--text-secondary);
}
body.skyten-brand .data-table {
  width: 100%;
  border-collapse: collapse;
  background: transparent;
  font-size: 0.875rem;
}
body.skyten-brand .data-table th {
  padding: 0.625rem 0.75rem;
  text-align: left;
  font-weight: 600;
  color: var(--text-tertiary);
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  border-bottom: 2px solid var(--border-secondary);
  user-select: none;
  white-space: nowrap;
}
body.skyten-brand .data-table th.sortable {
  cursor: pointer;
}
body.skyten-brand .data-table th.sortable:hover {
  color: var(--text-primary);
}
body.skyten-brand .data-table th .sort-indicator {
  display: inline-flex;
  align-items: center;
  margin-left: 0.25rem;
  opacity: 0.4;
  font-size: 0.85rem;
}
body.skyten-brand .data-table th.sort-asc .sort-indicator, body.skyten-brand .data-table th.sort-desc .sort-indicator {
  opacity: 1;
  color: var(--brand-primary);
}
body.skyten-brand .data-table td {
  padding: 0.625rem 0.75rem;
  border-bottom: 1px solid var(--border-secondary);
  color: var(--text-primary);
  vertical-align: middle;
}
@media screen {
body.skyten-brand .data-table tbody tr:hover td {
    background: color-mix(in srgb, var(--brand-primary) 8%, transparent);
  }
}
body.skyten-brand .data-table th.data-table__col-actions,
body.skyten-brand .data-table td.data-table__col-actions {
  width: 0.01%;
  text-align: right;
  white-space: nowrap;
  vertical-align: middle;
}
body.skyten-brand .data-table th.data-table__col-actions {
  color: var(--text-tertiary);
}
body.skyten-brand .data-table--kv-columns .data-table__group-heading {
  text-align: left;
  text-transform: none;
  letter-spacing: normal;
  font-size: var(--text-h7-font-size, 16px);
  line-height: var(--text-h7-line-height, 24px);
  font-weight: 600;
  color: var(--brand-primary);
  border-bottom: 2px solid var(--brand-primary);
  white-space: normal;
}
body.skyten-brand .data-table--kv-columns tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--brand-primary) 4%, transparent);
}
body.skyten-brand .data-table--kv-columns td:last-child {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
body.skyten-brand .data-table__actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.125rem;
}
body.skyten-brand .data-table__action {
  flex-shrink: 0;
}
body.skyten-brand .data-table-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  font-size: 0.8rem;
  color: var(--text-tertiary);
  background: var(--background-primary);
  border-top: 1px solid var(--border-secondary);
}
body.skyten-brand .data-table-pagination .data-table-pagination-info {
  color: var(--text-tertiary);
}
body.skyten-brand .data-table-pagination .data-table-pagination-controls {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
body.skyten-brand .data-table-pagination .data-table-pagination-controls button {
  padding: 0.375rem 0.625rem;
  background: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-s);
  cursor: pointer;
  color: var(--text-primary);
  font-size: 0.8rem;
}
body.skyten-brand .data-table-pagination .data-table-pagination-controls button:hover {
  background: var(--background-primary);
}
body.skyten-brand .data-table-pagination .data-table-pagination-controls button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
body.skyten-brand .data-table-pagination .data-table-pagination-controls button.active {
  background: var(--brand-primary);
  color: var(--color-foundations-white);
  border-color: var(--brand-primary);
}
body.skyten-brand .toolbar {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: var(--background-primary);
  border-bottom: 1px solid var(--border-secondary);
}
body.skyten-brand .toolbar .toolbar-spacer {
  flex: 1;
}
body.skyten-brand .toolbar .toolbar-title {
  font-weight: 600;
  font-size: 1rem;
  color: var(--text-primary);
  margin-right: 1rem;
}
body.skyten-brand .status-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--text-tertiary);
}
body.skyten-brand .status-dot.success {
  background: var(--color-success);
}
body.skyten-brand .status-dot.warning {
  background: var(--color-warning);
}
body.skyten-brand .status-dot.error {
  background: var(--color-error);
}
body.skyten-brand .status-dot.info {
  background: var(--color-info);
}
body.skyten-brand .status-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.2em 0.6em;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 999px;
}
body.skyten-brand .status-badge::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
body.skyten-brand .status-badge.success {
  background: color-mix(in srgb, var(--color-success) 12%, var(--background-primary));
  color: var(--color-success);
}
body.skyten-brand .status-badge.success::before {
  background: var(--color-success);
}
body.skyten-brand .status-badge.warning {
  background: color-mix(in srgb, var(--color-warning) 12%, var(--background-primary));
  color: var(--color-warning);
}
body.skyten-brand .status-badge.warning::before {
  background: var(--color-warning);
}
body.skyten-brand .status-badge.error {
  background: color-mix(in srgb, var(--color-error) 12%, var(--background-primary));
  color: var(--color-error);
}
body.skyten-brand .status-badge.error::before {
  background: var(--color-error);
}
body.skyten-brand .status-badge.info {
  background: color-mix(in srgb, var(--color-info) 12%, var(--background-primary));
  color: var(--color-info);
}
body.skyten-brand .status-badge.info::before {
  background: var(--color-info);
}
body.skyten-brand .metric {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
body.skyten-brand .metric-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-primary);
  line-height: 1.2;
}
body.skyten-brand .metric-label {
  font-size: 0.8rem;
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
body.skyten-brand .timeline {
  position: relative;
  padding-left: 1.5rem;
}
body.skyten-brand .timeline::before {
  content: "";
  position: absolute;
  left: 0.4375rem;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--border-secondary);
}
body.skyten-brand .timeline-item {
  position: relative;
  padding-bottom: 1.5rem;
}
body.skyten-brand .timeline-item::before {
  content: "";
  position: absolute;
  left: -1.125rem;
  top: 0.3rem;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--brand-primary);
  border: 2px solid var(--background-primary);
}
body.skyten-brand .timeline-item .timeline-item-time {
  font-size: 0.75rem;
  color: var(--text-tertiary);
  margin-bottom: 0.25rem;
}
body.skyten-brand .timeline-item .timeline-item-content {
  font-size: 0.875rem;
  color: var(--text-primary);
  line-height: 1.5;
}
body.skyten-brand .timeline-item:last-child {
  padding-bottom: 0;
}
body.skyten-brand .notification {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  background: var(--background-primary);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-m);
  font-size: 0.875rem;
  color: var(--text-primary);
  position: relative;
}
body.skyten-brand .notification.unread {
  border-left: 3px solid var(--brand-primary);
}
body.skyten-brand .notification .notification-title {
  font-weight: 600;
  margin-bottom: 0.125rem;
}
body.skyten-brand .notification .notification-body {
  color: var(--text-tertiary);
  line-height: 1.4;
}
body.skyten-brand .notification .notification-time {
  font-size: 0.75rem;
  color: var(--text-tertiary);
  margin-top: 0.25rem;
}
body.skyten-brand .notification-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--brand-secondary);
  display: inline-block;
  flex-shrink: 0;
}
body.skyten-brand .wt-wrap {
  font-family: var(--font-sans, inherit);
}
table.wt {
  width: 100%;
  border-collapse: collapse;
  background: var(--background-secondary);
  color: var(--text-primary);
  font-size: 13px;
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-md, 8px);
  overflow: hidden;
  box-shadow: var(--shadow-primary, none);
}
table.wt thead th {
  text-align: left;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text-secondary);
  background: var(--background-secondary);
  padding: 11px 14px;
  border-bottom: 1px solid var(--border-primary);
  white-space: nowrap;
}
table.wt tbody td {
  padding: 11px 14px;
  border-bottom: 1px solid var(--border-primary);
  vertical-align: middle;
}
table.wt tbody tr:last-child td {
  border-bottom: 0;
}
table.wt tbody tr:hover td {
  background: color-mix(in srgb, var(--brand-primary) 8%, transparent);
}
table.wt .wt-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
table.wt .wt-up {
  color: var(--functional-success-text);
  font-variant-numeric: tabular-nums;
}
table.wt .wt-down {
  color: var(--functional-error-text);
  font-variant-numeric: tabular-nums;
}
table.wt tbody tr.is-selected td {
  background: var(--functional-info-background);
}
table.wt tbody tr.wt-row--hover td {
  background: color-mix(in srgb, var(--brand-primary) 8%, transparent);
}
table.wt tbody tr.wt-row--selected td {
  background: var(--functional-info-background);
}
table.wt .wt-grouphead td {
  background: var(--background-secondary);
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text-secondary);
}
table.wt tfoot td {
  padding: 11px 14px;
  border-top: 2px solid var(--border-primary);
  background: var(--background-secondary);
  font-weight: 700;
  color: var(--text-primary);
}
table.wt--striped tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--brand-primary) 4%, transparent);
}
table.wt--striped tbody tr:hover td {
  background: color-mix(in srgb, var(--brand-primary) 8%, transparent);
}
table.wt--condensed thead th {
  padding: 6px 10px;
}
table.wt--condensed tbody td {
  padding: 6px 10px;
  font-size: 12px;
}
table.wt--bordered th, table.wt--bordered td {
  border-right: 1px solid var(--border-primary);
}
table.wt--bordered th:last-child, table.wt--bordered td:last-child {
  border-right: 0;
}
body.skyten-brand .wt-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  border: 1px solid transparent;
}
body.skyten-brand .wt-pill::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.9;
}
body.skyten-brand .wt-pill--success {
  background: var(--functional-success-background);
  color: var(--functional-success-text);
  border-color: var(--functional-success-default);
}
body.skyten-brand .wt-pill--warning {
  background: var(--functional-warning-background);
  color: var(--functional-warning-text);
  border-color: var(--functional-warning-default);
}
body.skyten-brand .wt-pill--error {
  background: var(--functional-error-background);
  color: var(--functional-error-text);
  border-color: var(--functional-error-default);
}
body.skyten-brand .wt-pill--info {
  background: var(--functional-info-background);
  color: var(--functional-info-text);
  border-color: var(--functional-info-default);
}
body.skyten-brand .wt-id {
  display: flex;
  align-items: center;
  gap: 10px;
}
body.skyten-brand .wt-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: 700;
  color: var(--brand-primary);
  background: var(--background-secondary);
  border: 1px solid var(--border-primary);
}
body.skyten-brand .wt-id__primary {
  font-weight: 600;
  color: var(--text-primary);
  line-height: 1.3;
}
body.skyten-brand .wt-id__secondary {
  font-size: 11px;
  color: var(--text-secondary);
  line-height: 1.3;
}
body.skyten-brand .wt-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
body.skyten-brand .wt-link {
  color: var(--brand-primary);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
}
body.skyten-brand .wt-link:hover {
  text-decoration: underline;
}
body.skyten-brand .wt-kebab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: var(--radius-sm, 6px);
  border: 1px solid var(--border-primary);
  background: var(--background-primary);
  color: var(--text-secondary);
  cursor: pointer;
  font-size: 15px;
  line-height: 1;
}
body.skyten-brand .wt-kebab:hover {
  background: var(--background-secondary);
  color: var(--text-primary);
}
body.skyten-brand .wt-checkbox {
  width: 16px;
  height: 16px;
  accent-color: var(--brand-primary);
  cursor: pointer;
}
body.skyten-brand .wt-bulkbar {
  display: none;
  align-items: center;
  gap: 14px;
  padding: 9px 14px;
  margin-bottom: 10px;
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-md, 8px);
  background: var(--functional-info-background);
  color: var(--functional-info-text);
  font-size: 12px;
}
body.skyten-brand .wt-bulkbar.is-active {
  display: flex;
}
body.skyten-brand .wt-bulkbar__count {
  font-weight: 700;
}
body.skyten-brand .wt-bulkbar__spacer {
  flex: 1;
}
th.wt-sort {
  cursor: pointer;
  user-select: none;
}
th.wt-sort:hover {
  color: var(--text-primary);
}
th.wt-sort[data-dir=asc] .wt-caret {
  opacity: 1;
  color: var(--brand-primary);
}
th.wt-sort[data-dir=desc] .wt-caret {
  opacity: 1;
  color: var(--brand-primary);
}
th.wt-sort[data-dir=asc] .wt-caret::after {
  content: "▲";
}
th.wt-sort[data-dir=desc] .wt-caret::after {
  content: "▼";
}
th.wt-sort:not([data-dir]) .wt-caret::after {
  content: "↕";
}
th.wt-sort[data-dir=""] .wt-caret::after {
  content: "↕";
}
body.skyten-brand .wt-caret {
  display: inline-block;
  margin-left: 5px;
  font-size: 9px;
  opacity: 0.5;
  transition: opacity 0.15s;
}
body.skyten-brand .wt-scroll {
  max-height: 220px;
  overflow: auto;
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-md, 8px);
}
body.skyten-brand .wt-scroll table.wt {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
body.skyten-brand .wt-scroll table.wt thead th {
  position: sticky;
  top: 0;
  z-index: 1;
}
body.skyten-brand .wt-respwrap {
  container-type: inline-size;
}
@container (max-width: 520px) {
  body.skyten-brand .wt-respwrap .wt-hide-sm {
    display: none;
  }
}
@media (max-width: 560px) {
body.skyten-brand .wt-respwrap .wt-hide-sm {
    display: none;
  }
}
body.skyten-brand .wt-respwrap--narrow .wt-hide-sm {
  display: none;
}
body.skyten-brand .wt-constrain {
  max-width: 1200px;
  margin: 0 auto;
}
body.skyten-brand .login-stage {
  position: fixed;
  inset: 0;
  overflow: hidden;
  background: radial-gradient(120% 80% at 30% 110%, var(--login-sky-glow) 0%, var(--login-sky-mid) 45%, var(--login-sky-deep) 100%);
}
body.skyten-brand .sky3d-viewport {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 0;
  perspective: 1000px;
  pointer-events: none;
  background: linear-gradient(to top, var(--login-sky-horizon) 28%, var(--login-sky-zenith) 64%);
}
body.skyten-brand .sky3d-world {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -256px;
  width: 512px;
  height: 512px;
  transform-style: preserve-3d;
  pointer-events: none;
}
body.skyten-brand .sky3d-world div {
  transform-style: preserve-3d;
}
body.skyten-brand .cloudBase {
  position: absolute;
  left: 256px;
  top: 256px;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
}
body.skyten-brand .cloudLayer {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 256px;
  height: 256px;
  max-width: none;
  min-width: 256px;
  margin-left: -128px;
  margin-top: -128px;
  transition: opacity 0.5s ease-out;
  user-select: none;
}
body.skyten-brand .login-stage .login-card {
  position: absolute;
  top: 50%;
  right: clamp(40px, 8vw, 120px);
  transform: translateY(-50%);
  width: 380px;
  max-width: calc(100vw - 80px);
  display: flex;
  flex-direction: column;
  gap: var(--space-md, 16px);
  background: var(--login-card-bg, var(--background-secondary));
  border-radius: var(--radius-xl, 22px);
  padding: 40px 36px 32px;
  box-shadow: var(--login-card-shadow, var(--shadow-primary));
  backdrop-filter: blur(8px);
  z-index: 3;
}
body.skyten-brand .login-stage .login-card .input {
  max-width: none;
}
body.skyten-brand .login-stage .login-brand {
  display: flex;
  align-items: center;
  gap: var(--space-sm, 8px);
}
body.skyten-brand .login-stage .login-logo {
  height: 24px;
  max-width: none;
}
body.skyten-brand .login-stage .login-sub {
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 0.78rem;
  line-height: 1.25;
  color: var(--text-secondary);
}
body.skyten-brand .login-stage .login-title {
  margin: 0.25rem 0 0;
  font-size: 1.35rem;
  color: var(--text-primary);
}
body.skyten-brand .login-stage .login-hint {
  margin: -0.35rem 0 0.25rem;
  font-size: 0.85rem;
  color: var(--text-secondary);
}
body.skyten-brand .login-stage .login-field {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
body.skyten-brand .login-stage .login-label {
  font-size: 0.74rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--text-secondary);
}
body.skyten-brand .login-stage .login-password {
  position: relative;
  display: flex;
}
body.skyten-brand .login-stage .login-password .input {
  flex: 1;
  padding-right: 42px;
}
body.skyten-brand .login-stage .login-password-toggle {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  border-radius: 0 var(--radius-m, 8px) var(--radius-m, 8px) 0;
}
body.skyten-brand .login-stage .login-password-toggle:hover:not(:disabled) {
  color: var(--text-primary);
}
body.skyten-brand .login-stage .login-password-toggle:disabled {
  cursor: default;
  opacity: 0.5;
}
body.skyten-brand .login-stage .login-password-toggle:focus-visible {
  outline: 2px solid var(--brand-primary);
  outline-offset: -2px;
}
body.skyten-brand .login-stage .login-error {
  margin: 0;
  padding: 10px 12px;
  font-size: 0.82rem;
  border-radius: var(--radius-m, 8px);
  color: var(--functional-error-text);
  background: color-mix(in srgb, var(--functional-error-default) 9%, transparent);
  border: 1px solid color-mix(in srgb, var(--functional-error-default) 28%, transparent);
}
body.skyten-brand .login-stage .login-submit {
  margin-top: 0.25rem;
  width: 100%;
}
body.skyten-brand .login-stage .login-forgot {
  align-self: flex-end;
  margin-top: -0.1rem;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--functional-primary);
  text-decoration: none;
}
body.skyten-brand .login-stage .login-forgot:hover {
  text-decoration: underline;
}
@media (max-width: 640px) {
body.skyten-brand .login-stage .login-card {
    right: 50%;
    transform: translate(50%, -50%);
  }
}