/* Tailwind's base variables support rings, shadows and transforms. Preflight
   remains disabled so the public pages keep their declared typography. */
*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: var(--background);
    --tw-ring-color: var(--ring);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: var(--background);
    --tw-ring-color: var(--ring);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
  /* Portals and named style props share the product's declared layer scale. */
  :root, :where([data-ui-color-mode]) {
    --z-sticky: var(--ui-z-index-sticky);
    --z-overlay: var(--ui-z-index-modal);
    --z-popover: var(--ui-z-index-popover);
    --z-tooltip: var(--ui-z-index-tooltip);
    --z-toast: var(--ui-z-index-toast);
  }

  /* Scope the primitive reset so this stylesheet can also be loaded by UI
     portals on standalone public documents. */
  :where(.shared-ui, .shared-ui *, .shared-ui::before, .shared-ui::after, .shared-ui *::before, .shared-ui *::after) {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: var(--border);
  }

  :where(.shared-ui) :where(h1, h2, h3, h4, h5, h6, p, blockquote, figure, dl, dd),
  :where(h1.shared-ui, h2.shared-ui, h3.shared-ui, h4.shared-ui, h5.shared-ui, h6.shared-ui, p.shared-ui, blockquote.shared-ui, figure.shared-ui, dl.shared-ui, dd.shared-ui) {
    margin: 0;
  }

  :where(.shared-ui) :where(button, input, select, textarea),
  :where(button.shared-ui, input.shared-ui, select.shared-ui, textarea.shared-ui) {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
  }

  :where(.shared-ui) :where(button, [role="button"]),
  :where(button.shared-ui, [role="button"].shared-ui) {
    cursor: pointer;
  }

  :where(.shared-ui) :where(button:disabled, [aria-disabled="true"]),
  :where(button.shared-ui:disabled, .shared-ui[aria-disabled="true"]) {
    cursor: not-allowed;
  }

  :where(.shared-ui) :where(button),
  :where(button.shared-ui) {
    appearance: none;
    background: transparent;
    border: 0;
    padding: 0;
    font: inherit;
  }

  :where(.shared-ui) :where(img, video),
  :where(img.shared-ui, video.shared-ui) {
    max-width: 100%;
    height: auto;
  }

  :where(.shared-ui) :where([hidden]),
  :where(.shared-ui[hidden]) {
    display: none;
  }
.\!container {
    width: 100% !important;
}
.container {
    width: 100%;
}
@media (min-width: 640px) {
    .\!container {
        max-width: 640px !important;
    }
    .container {
        max-width: 640px;
    }
}
@media (min-width: 768px) {
    .\!container {
        max-width: 768px !important;
    }
    .container {
        max-width: 768px;
    }
}
@media (min-width: 1024px) {
    .\!container {
        max-width: 1024px !important;
    }
    .container {
        max-width: 1024px;
    }
}
@media (min-width: 1280px) {
    .\!container {
        max-width: 1280px !important;
    }
    .container {
        max-width: 1280px;
    }
}
@media (min-width: 1536px) {
    .\!container {
        max-width: 1536px !important;
    }
    .container {
        max-width: 1536px;
    }
}
.\!visible {
    visibility: visible !important;
}
.visible {
    visibility: visible;
}
.invisible {
    visibility: hidden;
}
.collapse {
    visibility: collapse;
}
.static {
    position: static;
}
.fixed {
    position: fixed;
}
.absolute {
    position: absolute;
}
.\!relative {
    position: relative !important;
}
.relative {
    position: relative;
}
.sticky {
    position: sticky;
}
.inset-0 {
    inset: 0px;
}
.inset-y-0 {
    top: 0px;
    bottom: 0px;
}
.left-0 {
    left: 0px;
}
.right-0 {
    right: 0px;
}
.top-0 {
    top: 0px;
}
.top-3 {
    top: 0.75rem;
}
.top-\[var\(--ui-table-sticky-top\2c 0px\)\] {
    top: var(--ui-table-sticky-top,0px);
}
.isolate {
    isolation: isolate;
}
.z-10 {
    z-index: 10;
}
.z-\[1\] {
    z-index: 1;
}
.z-\[var\(--z-popover\)\] {
    z-index: var(--z-popover);
}
.z-\[var\(--z-tooltip\2c 1500\)\] {
    z-index: var(--z-tooltip,1500);
}
.-ml-px {
    margin-left: -1px;
}
.-mr-1 {
    margin-right: -0.25rem;
}
.-mt-0\.5 {
    margin-top: -0.125rem;
}
.ml-2 {
    margin-left: 0.5rem;
}
.mt-0\.5 {
    margin-top: 0.125rem;
}
.mt-1 {
    margin-top: 0.25rem;
}
.mt-2 {
    margin-top: 0.5rem;
}
.mt-3 {
    margin-top: 0.75rem;
}
.\!block {
    display: block !important;
}
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
.\!inline {
    display: inline !important;
}
.inline {
    display: inline;
}
.flex {
    display: flex;
}
.inline-flex {
    display: inline-flex;
}
.table {
    display: table;
}
.table-cell {
    display: table-cell;
}
.\!grid {
    display: grid !important;
}
.grid {
    display: grid;
}
.inline-grid {
    display: inline-grid;
}
.contents {
    display: contents;
}
.list-item {
    display: list-item;
}
.\!hidden {
    display: none !important;
}
.hidden {
    display: none;
}
.size-4 {
    width: 1rem;
    height: 1rem;
}
.size-7 {
    width: 1.75rem;
    height: 1.75rem;
}
.size-full {
    width: 100%;
    height: 100%;
}
.h-1\/2 {
    height: 50%;
}
.h-10 {
    height: 2.5rem;
}
.h-2 {
    height: 0.5rem;
}
.h-4 {
    height: 1rem;
}
.h-8 {
    height: 2rem;
}
.h-\[18px\] {
    height: 18px;
}
.h-\[22px\] {
    height: 22px;
}
.h-\[26px\] {
    height: 26px;
}
.h-full {
    height: 100%;
}
.h-px {
    height: 1px;
}
.max-h-\[min\(360px\2c 60dvh\)\] {
    max-height: min(360px, 60dvh);
}
.max-h-\[min\(560px\2c calc\(100dvh-24px\)\)\] {
    max-height: min(560px, calc(100dvh - 24px));
}
.min-h-4 {
    min-height: 1rem;
}
.min-h-full {
    min-height: 100%;
}
.w-4 {
    width: 1rem;
}
.w-8 {
    width: 2rem;
}
.w-\[18px\] {
    width: 18px;
}
.w-\[22px\] {
    width: 22px;
}
.w-\[320px\] {
    width: 320px;
}
.w-\[420px\] {
    width: 420px;
}
.w-fit {
    width: fit-content;
}
.w-full {
    width: 100%;
}
.w-px {
    width: 1px;
}
.min-w-0 {
    min-width: 0px;
}
.max-w-\[calc\(100vw-24px\)\] {
    max-width: calc(100vw - 24px);
}
.flex-1 {
    flex: 1 1 0%;
}
.shrink {
    flex-shrink: 1;
}
.shrink-0 {
    flex-shrink: 0;
}
.grow {
    flex-grow: 1;
}
.table-fixed {
    table-layout: fixed;
}
.caption-bottom {
    caption-side: bottom;
}
.border-separate {
    border-collapse: separate;
}
.border-spacing-0 {
    --tw-border-spacing-x: 0px;
    --tw-border-spacing-y: 0px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.-rotate-90 {
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes pulse {
    50% {
        opacity: .5;
    }
}
.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
.animate-spin {
    animation: spin 1s linear infinite;
}
.cursor-default {
    cursor: default;
}
.cursor-pointer {
    cursor: pointer;
}
.touch-none {
    touch-action: none;
}
.select-none {
    -webkit-user-select: none;
            user-select: none;
}
.resize {
    resize: both;
}
.flex-col {
    flex-direction: column;
}
.flex-wrap {
    flex-wrap: wrap;
}
.place-items-center {
    place-items: center;
}
.items-start {
    align-items: flex-start;
}
.items-center {
    align-items: center;
}
.items-stretch {
    align-items: stretch;
}
.justify-center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.gap-1 {
    gap: 0.25rem;
}
.gap-1\.5 {
    gap: 0.375rem;
}
.gap-2 {
    gap: 0.5rem;
}
.gap-3 {
    gap: 0.75rem;
}
.self-stretch {
    align-self: stretch;
}
.overflow-auto {
    overflow: auto;
}
.overflow-hidden {
    overflow: hidden;
}
.overflow-y-auto {
    overflow-y: auto;
}
.overflow-x-hidden {
    overflow-x: hidden;
}
.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.whitespace-nowrap {
    white-space: nowrap;
}
.text-nowrap {
    text-wrap: nowrap;
}
.break-all {
    word-break: break-all;
}
.rounded {
    border-radius: 0.25rem;
}
.rounded-chip {
    border-radius: var(--ts-dashboard-chip-radius);
}
.rounded-full {
    border-radius: 9999px;
}
.rounded-lg {
    border-radius: var(--radius);
}
.rounded-md {
    border-radius: calc(var(--radius) - 2px);
}
.rounded-none {
    border-radius: 0px;
}
.rounded-sm {
    border-radius: calc(var(--radius) - 4px);
}
.rounded-r-md {
    border-top-right-radius: calc(var(--radius) - 2px);
    border-bottom-right-radius: calc(var(--radius) - 2px);
}
.border {
    border-width: 1px;
}
.border-b {
    border-bottom-width: 1px;
}
.border-l {
    border-left-width: 1px;
}
.border-t {
    border-top-width: 1px;
}
.border-solid {
    border-style: solid;
}
.border-\[color\:var\(--muted-foreground\)\] {
    border-color: var(--muted-foreground);
}
.border-border {
    border-color: var(--border);
}
.border-input {
    border-color: var(--input);
}
.border-primary {
    border-color: var(--primary);
}
.bg-background {
    background-color: var(--background);
}
.bg-border {
    background-color: var(--border);
}
.bg-card {
    background-color: var(--card);
}
.bg-foreground {
    background-color: var(--foreground);
}
.bg-muted {
    background-color: var(--muted);
}
.bg-popover {
    background-color: var(--popover);
}
.bg-primary {
    background-color: var(--primary);
}
.bg-transparent {
    background-color: transparent;
}
.object-cover {
    object-fit: cover;
}
.p-0 {
    padding: 0px;
}
.p-1 {
    padding: 0.25rem;
}
.p-3 {
    padding: 0.75rem;
}
.p-4 {
    padding: 1rem;
}
.p-px {
    padding: 1px;
}
.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}
.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.pb-1 {
    padding-bottom: 0.25rem;
}
.pl-2\.5 {
    padding-left: 0.625rem;
}
.pr-1 {
    padding-right: 0.25rem;
}
.pr-2\.5 {
    padding-right: 0.625rem;
}
.pt-1 {
    padding-top: 0.25rem;
}
.pt-2 {
    padding-top: 0.5rem;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.align-middle {
    vertical-align: middle;
}
.font-\[inherit\] {
    font-family: inherit;
}
.text-\[0\.6875rem\] {
    font-size: 0.6875rem;
}
.text-\[13px\] {
    font-size: 13px;
}
.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}
.font-chip {
    font-weight: var(--ts-dashboard-chip-font-weight);
}
.font-medium {
    font-weight: 500;
}
.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: lowercase;
}
.capitalize {
    text-transform: capitalize;
}
.normal-case {
    text-transform: none;
}
.italic {
    font-style: italic;
}
.ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-5 {
    line-height: 1.25rem;
}
.leading-none {
    line-height: 1;
}
.leading-relaxed {
    line-height: 1.625;
}
.tracking-normal {
    letter-spacing: 0em;
}
.text-background {
    color: var(--background);
}
.text-card-foreground {
    color: var(--card-foreground);
}
.text-destructive {
    color: var(--destructive);
}
.text-foreground {
    color: var(--foreground);
}
.text-muted-foreground {
    color: var(--muted-foreground);
}
.underline {
    text-decoration-line: underline;
}
.line-through {
    text-decoration-line: line-through;
}
.accent-foreground {
    accent-color: var(--foreground);
}
.accent-primary {
    accent-color: var(--primary);
}
.opacity-0 {
    opacity: 0;
}
.opacity-70 {
    opacity: 0.7;
}
.opacity-90 {
    opacity: 0.9;
}
.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.outline {
    outline-style: solid;
}
.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.\!filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-\[stroke-dashoffset\] {
    transition-property: stroke-dashoffset;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

/* Preserve native submenu placement; overlap the parent only when its side
   has insufficient space. Native available width already includes the gutter. */
[data-ui-menu-subcontent][data-side="right"] {
    translate: min(0px, calc(var(--ui-menu-available-width) - 100%)) 0;
}
[data-ui-menu-subcontent][data-side="left"] {
    translate: max(0px, calc(100% - var(--ui-menu-available-width))) 0;
}
.first\:rounded-l-md:first-child {
    border-top-left-radius: calc(var(--radius) - 2px);
    border-bottom-left-radius: calc(var(--radius) - 2px);
}
.last\:rounded-r-md:last-child {
    border-top-right-radius: calc(var(--radius) - 2px);
    border-bottom-right-radius: calc(var(--radius) - 2px);
}
.empty\:hidden:empty {
    display: none;
}
.hover\:bg-\[var\(--ui-row-hover\)\]:hover {
    background-color: var(--ui-row-hover);
}
.hover\:bg-muted:hover {
    background-color: var(--muted);
}
.hover\:text-foreground:hover {
    color: var(--foreground);
}
.hover\:opacity-100:hover {
    opacity: 1;
}
.focus-visible\:outline-none:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.focus-visible\:outline:focus-visible {
    outline-style: solid;
}
.focus-visible\:outline-2:focus-visible {
    outline-width: 2px;
}
.focus-visible\:outline-ring:focus-visible {
    outline-color: var(--ring);
}
.focus-visible\:ring-2:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: var(--ring);
}
.focus-visible\:ring-offset-1:focus-visible {
    --tw-ring-offset-width: 1px;
}
.disabled\:pointer-events-none:disabled {
    pointer-events: none;
}
.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
}
.disabled\:opacity-40:disabled {
    opacity: 0.4;
}
.disabled\:opacity-50:disabled {
    opacity: 0.5;
}
.group:hover .group-hover\:opacity-100 {
    opacity: 1;
}
.group:focus-visible .group-focus-visible\:opacity-100 {
    opacity: 1;
}
.data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
    pointer-events: none;
}
.data-\[state\=checked\]\:border-primary[data-state="checked"] {
    border-color: var(--primary);
}
.data-\[selected\=true\]\:bg-muted[data-selected="true"] {
    background-color: var(--muted);
}
.data-\[state\=checked\]\:bg-primary[data-state="checked"] {
    background-color: var(--primary);
}
.data-\[state\=selected\]\:bg-muted[data-state="selected"] {
    background-color: var(--muted);
}
.data-\[selected\=true\]\:text-foreground[data-selected="true"] {
    color: var(--foreground);
}
.data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
    opacity: 0.5;
}
.data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: 0.5;
}
@media (min-width: 768px) {
    .md\:hidden {
        display: none;
    }
}
.\[\&\>\*\]\:h-full>* {
    height: 100%;
}
.\[\&\>\*\]\:w-full>* {
    width: 100%;
}
.\[\&\>svg\]\:h-full>svg {
    height: 100%;
}
.\[\&\>svg\]\:w-full>svg {
    width: 100%;
}
.\[\&\>tbody\>tr\:last-child\>td\]\:border-b-0>tbody>tr:last-child>td {
    border-bottom-width: 0px;
}
.\[\&\[data-state\=selected\]\>td\:first-child\]\:shadow-\[inset_2px_0_0_var\(--foreground\)\][data-state=selected]>td:first-child {
    --tw-shadow: inset 2px 0 0 var(--foreground);
    --tw-shadow-colored: inset 2px 0 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}
.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
    font-size: 0.75rem;
    line-height: 1rem;
}
.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
    font-weight: 500;
}
.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
    color: var(--muted-foreground);
}
.\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
}
.\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
}
.\[\&_td\]\:border-b td {
    border-bottom-width: 1px;
}
.\[\&_td\]\:border-solid td {
    border-style: solid;
}
.\[\&_td\]\:border-border td {
    border-color: var(--border);
}
.\[\&_th\]\:border-b th {
    border-bottom-width: 1px;
}
.\[\&_th\]\:border-solid th {
    border-style: solid;
}
.\[\&_th\]\:border-border th {
    border-color: var(--border);
}
.\[\&_tr\:last-child\]\:border-0 tr:last-child {
    border-width: 0px;
}
.\[\&_tr\]\:border-b tr {
    border-bottom-width: 1px;
}
details[open]>summary .\[details\[open\]\>summary_\&\]\:rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/* Canonical TractionScout palette and geometry. Semantic aliases follow these values in light and dark mode; the shared provider publishes references to the brand-owned color namespace. */

:root, :where([data-ui-color-mode]) {
--base: var(--ui-text-primary);
--background: var(--ui-page-background-solid);
--foreground: var(--ui-text-primary);
--muted: var(--ui-surface-muted);
--muted-foreground: var(--ui-text-tertiary);
--popover: var(--ui-surface-elevated);
--popover-foreground: var(--ui-text-primary);
--card: var(--ui-surface-panel);
--card-foreground: var(--ui-text-primary);
--border: var(--ui-border);
--input: var(--ui-control-border);
--primary: var(--ui-accent);
--primary-foreground: var(--ui-accent-text);
--primary-hover: var(--ui-accent-hover);
--secondary: var(--ui-surface-muted);
--secondary-foreground: var(--ui-text-primary);
--secondary-hover: var(--ui-surface-inset);
--accent: var(--ui-accent);
--accent-foreground: var(--ui-accent-text);
--accent-hover: var(--ui-accent-hover);
--destructive: var(--ui-status-error-solid);
--destructive-foreground: var(--ui-status-error-solid-text);
--destructive-hover: color-mix(in srgb, var(--destructive) 88%, var(--background));
--success: var(--ui-status-success-solid);
--success-foreground: var(--ui-status-success-solid-text);
--warning: var(--ui-status-warning-solid);
--warning-foreground: var(--ui-status-warning-solid-text);
--info: var(--ui-status-info-solid);
--info-foreground: var(--ui-status-info-solid-text);
--ring: var(--ui-focus-ring-strong);
--chart-1: var(--ui-chart-series-1);
--chart-2: var(--ui-chart-series-2);
--chart-3: var(--ui-chart-series-3);
--chart-4: var(--ui-chart-series-4);
--chart-5: var(--ui-chart-series-5);
--chart-6: var(--ui-chart-series-6);
--chart-7: var(--ui-chart-series-7);
--chart-8: var(--ui-chart-series-8);
--radius: 12px;
--ui-control-touch-target: 2.75rem;
--btn-bg-color-hover: var(--primary-hover);
--button-primary-background-hover: var(--ui-accent-hover);
--button-secondary-background-hover: var(--ui-surface-inset);
--button-tertiary-background-hover: var(--ui-accent-hover);
--button-tertiary-border-hover: var(--ui-border-strong);
--button-destructive-hover: var(--destructive-hover);
--ui-color-white: var(--ts-color-white);
--ui-color-black: var(--ts-color-black);
--ui-color-black-alpha-50: var(--ts-color-black-alpha-50);
--ui-color-black-alpha-100: var(--ts-color-black-alpha-100);
--ui-color-black-alpha-200: var(--ts-color-black-alpha-200);
--ui-color-black-alpha-300: var(--ts-color-black-alpha-300);
--ui-color-black-alpha-400: var(--ts-color-black-alpha-400);
--ui-color-black-alpha-500: var(--ts-color-black-alpha-500);
--ui-color-black-alpha-600: var(--ts-color-black-alpha-600);
--ui-color-black-alpha-700: var(--ts-color-black-alpha-700);
--ui-color-black-alpha-800: var(--ts-color-black-alpha-800);
--ui-color-black-alpha-900: var(--ts-color-black-alpha-900);
--ui-color-white-alpha-50: var(--ts-color-white-alpha-50);
--ui-color-white-alpha-100: var(--ts-color-white-alpha-100);
--ui-color-white-alpha-200: var(--ts-color-white-alpha-200);
--ui-color-white-alpha-300: var(--ts-color-white-alpha-300);
--ui-color-white-alpha-400: var(--ts-color-white-alpha-400);
--ui-color-white-alpha-500: var(--ts-color-white-alpha-500);
--ui-color-white-alpha-600: var(--ts-color-white-alpha-600);
--ui-color-white-alpha-700: var(--ts-color-white-alpha-700);
--ui-color-white-alpha-800: var(--ts-color-white-alpha-800);
--ui-color-white-alpha-900: var(--ts-color-white-alpha-900);
--ui-color-gray-50: var(--ts-color-gray-50);
--ui-color-gray-100: var(--ts-color-gray-100);
--ui-color-gray-200: var(--ts-color-gray-200);
--ui-color-gray-300: var(--ts-color-gray-300);
--ui-color-gray-400: var(--ts-color-gray-400);
--ui-color-gray-500: var(--ts-color-gray-500);
--ui-color-gray-600: var(--ts-color-gray-600);
--ui-color-gray-700: var(--ts-color-gray-700);
--ui-color-gray-800: var(--ts-color-gray-800);
--ui-color-gray-900: var(--ts-color-gray-900);
--ui-color-blue-50: var(--ts-color-blue-50);
--ui-color-blue-100: var(--ts-color-blue-100);
--ui-color-blue-200: var(--ts-color-blue-200);
--ui-color-blue-300: var(--ts-color-blue-300);
--ui-color-blue-400: var(--ts-color-blue-400);
--ui-color-blue-500: var(--ts-color-blue-500);
--ui-color-blue-600: var(--ts-color-blue-600);
--ui-color-blue-700: var(--ts-color-blue-700);
--ui-color-blue-800: var(--ts-color-blue-800);
--ui-color-blue-900: var(--ts-color-blue-900);
--ui-color-brand-500: var(--ts-color-brand-500);
--ui-color-brand-600: var(--ts-color-brand-600);
--ui-color-brand-hover: var(--ts-color-brand-hover);
--ui-color-red-500: var(--ts-color-red-500);
--ui-color-red-600: var(--ts-color-red-600);
--ui-color-green-50: var(--ts-color-green-50);
--ui-color-green-100: var(--ts-color-green-100);
--ui-color-green-200: var(--ts-color-green-200);
--ui-color-green-300: var(--ts-color-green-300);
--ui-color-green-400: var(--ts-color-green-400);
--ui-color-green-500: var(--ts-color-green-500);
--ui-color-green-600: var(--ts-color-green-600);
--ui-color-green-700: var(--ts-color-green-700);
--ui-color-green-800: var(--ts-color-green-800);
--ui-color-green-900: var(--ts-color-green-900);
--ui-color-orange-50: var(--ts-color-orange-50);
--ui-color-orange-100: var(--ts-color-orange-100);
--ui-color-orange-200: var(--ts-color-orange-200);
--ui-color-orange-300: var(--ts-color-orange-300);
--ui-color-orange-400: var(--ts-color-orange-400);
--ui-color-orange-500: var(--ts-color-orange-500);
--ui-color-orange-600: var(--ts-color-orange-600);
--ui-color-orange-700: var(--ts-color-orange-700);
--ui-color-orange-800: var(--ts-color-orange-800);
--ui-color-orange-900: var(--ts-color-orange-900);
--ui-color-blue-hover: var(--ts-color-blue-hover);
--toast-success-bg: var(--ui-status-success-surface);
--toast-success-border: var(--ui-status-success-border);
--toast-success-text: var(--ui-status-success-text);
--toast-error-bg: var(--ui-status-error-surface);
--toast-error-border: var(--ui-status-error-border);
--toast-error-text: var(--ui-status-error-text);
--toast-warning-bg: var(--ui-status-warning-surface);
--toast-warning-border: var(--ui-status-warning-border);
--toast-warning-text: var(--ui-status-warning-text);
--toast-info-bg: var(--ui-status-info-surface);
--toast-info-border: var(--ui-status-info-border);
--toast-info-text: var(--ui-status-info-text);
--transition-duration: 0.12s;
--transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
--font-sans: "Inter Variable", "Inter", "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
--font-mono: 'SFMono-Regular', 'SF Mono', ui-monospace, Menlo, Monaco, Consolas, monospace;
--letter-spacing-md: 0;
--font-size-xs: 0.75rem;
--line-height-xs: 1rem;
--font-size-sm: 0.8125rem;
--line-height-sm: 1.1rem;
--font-size-base: 1rem;
--line-height-base: 1.5rem;
--font-size-lg: 1.125rem;
--line-height-lg: 1.75rem;
--font-size-xl: 1.25rem;
--line-height-xl: 1.75rem;
--font-size-2xl: 1.5rem;
--line-height-2xl: 2rem;
--font-size-3xl: 1.875rem;
--line-height-3xl: 2.25rem;
--font-size-4xl: 2.25rem;
--line-height-4xl: 2.5rem;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--radius-xs: calc(var(--radius) - 6px);
--radius-sm: calc(var(--radius) - 4px);
--radius-md: calc(var(--radius) - 2px);
--radius-lg: var(--radius);
--radius-xl: calc(var(--radius) + 4px);
--radius-2xl: calc(var(--radius) + 8px);
--radius-full: 9999px;
--spacing-1: 0.25rem;
--spacing-2: 0.5rem;
--spacing-3: 0.75rem;
--spacing-4: 1rem;
--spacing-5: 1.25rem;
--spacing-6: 1.5rem;
--spacing-8: 2rem;
--spacing-10: 2.5rem;
--spacing-12: 3rem;
--spacing-16: 4rem;
--foreground-rgb: 0, 0, 0;
--background-start-rgb: 214, 219, 220;
--background-end-rgb: 255, 255, 255;
--announcement-bar-height: 0px;
--ts-palette-paper: #fafafa;
--ts-palette-surface: #ffffff;
--ts-palette-muted: #f4f4f5;
--ts-palette-line: #e4e4e7;
--ts-palette-stone: #71717a;
--ts-palette-graphite: #3f3f46;
--ts-palette-ink: #09090b;
--ts-palette-ink-contrast: #ffffff;
--ts-palette-forest: var(--ts-palette-primary);
--ts-palette-forest-strong: var(--ts-palette-primary-hover);
--ts-palette-mint: var(--ts-palette-secondary);
--ts-signal-green: #10b981;
--ts-signal-green-strong: #047857;
--ts-signal-red: #ef4444;
--ts-signal-red-strong: #b91c1c;
--ts-signal-amber: #f59e0b;
--ts-signal-amber-strong: #92400e;
--ts-chart-blue: #2563eb;
--ts-chart-blue-soft: #60a5fa;
--ts-chart-cyan: #0891b2;
--ts-chart-teal: #0d9488;
--ts-chart-indigo: #4f46e5;
--ts-chart-violet: #7c3aed;
--ts-chart-rose: #e11d48;
--ts-chart-slate: #64748b;
--ts-palette-teal: var(--ts-palette-secondary);
--ts-palette-orange: var(--ts-palette-driftwood);
--ci-color-ink: var(--ts-palette-ink);
--ci-color-ink-hover: var(--ts-palette-graphite);
--ci-color-primary: var(--ts-palette-primary);
--ci-color-primary-hover: var(--ts-palette-primary-hover);
--ci-color-secondary: var(--ts-palette-secondary);
--ci-color-secondary-hover: #245cac;
--ci-color-tertiary: var(--ts-palette-driftwood);
--ci-color-tertiary-hover: #5e534a;
--ci-color-highlight: var(--ts-palette-yellow);
--ci-color-danger: var(--ts-signal-red);
--ci-color-text: var(--ts-palette-ink);
--ci-color-text-rgb: 20, 20, 20;
--ci-color-text-muted: var(--ts-palette-graphite);
--ci-color-text-subtle: var(--ts-palette-stone);
/* Chart series: slot 1 is the one accent (the selected series); 2–8 stay muted (OKLCH chroma ≤ .14), each ≥3:1 on
   the panel, one hue family per slot in both themes. */
--ci-color-chart-1: #2f6fca;
--ci-color-chart-2: #c55c46;
--ci-color-chart-3: #188d88;
--ci-color-chart-4: #9c6b00;
--ci-color-chart-5: #a74f68;
--ci-color-chart-6: #2b83b8;
--ci-color-chart-7: #695db2;
--ci-color-chart-8: #2d8664;
--ui-brand-ink: var(--ci-color-ink);
--ui-brand-ink-hover: var(--ci-color-ink-hover);
--ui-brand-accent: var(--ci-color-primary);
--ui-brand-accent-hover: var(--ci-color-primary-hover);
--ui-brand-teal: var(--ci-color-secondary);
--ui-brand-teal-hover: var(--ci-color-secondary-hover);
--ui-brand-warm: var(--ci-color-tertiary);
--ui-brand-warm-hover: var(--ci-color-tertiary-hover);
--ui-brand-gold: var(--ci-color-highlight);
--ui-page-background-solid: var(--ts-palette-paper);
--ui-page-background: var(--ui-page-background-solid);
--ui-panel-gradient: var(--ts-palette-surface);
--ui-surface-canvas: var(--ts-palette-muted);
--ui-surface-panel: var(--ts-palette-surface);
--ui-surface-elevated: var(--ts-palette-surface);
--ui-surface-muted: var(--ts-palette-muted);
--ui-surface-inset: var(--ui-surface-muted);
--ui-surface-inverse: var(--ts-palette-ink);
--ui-surface-inverse-hover: var(--ts-palette-graphite);
--ui-sidebar-background: var(--ts-palette-surface);
--ui-sidebar-background-muted: var(--ui-surface-muted);
--ui-topbar-background: color-mix(in srgb, var(--ts-palette-surface) 96%, transparent);
--ui-border: var(--ts-palette-line);
--ui-border-strong: #b4b4bb;
--ui-border-contrast: rgba(255, 255, 255, 0.72);
--ui-text-primary: var(--ts-palette-ink);
--ui-text-primary-rgb: 20, 20, 20;
--ui-text-secondary: var(--ts-palette-graphite);
--ui-text-tertiary: var(--ts-palette-stone);
--ui-text-inverse: var(--ts-palette-paper);
--ui-focus-ring: #767676;
--ui-focus-ring-strong: var(--ts-palette-primary);
--ui-shadow-card: none;
--ui-shadow-floating: 0 24px 64px rgba(20, 20, 20, 0.16);
--ui-shadow-inset: none;
--ui-selection-bg: color-mix(in srgb, var(--ts-palette-ink) 18%, transparent);
--ui-selection-fg: var(--ui-brand-ink);
--ui-overlay-scrim-strong: color-mix(in srgb, var(--ui-surface-inverse) 72%, transparent);
--ui-overlay-scrim-text: var(--ui-text-inverse);
--ui-accent: var(--ts-palette-primary);
--ui-accent-hover: var(--ts-palette-primary-hover);
--ui-accent-text: #ffffff;
--ui-accent-muted: color-mix(in srgb, var(--ts-palette-primary) 5%, transparent);
--ui-accent-soft: color-mix(in srgb, var(--ts-palette-primary) 7%, transparent);
--ui-accent-border: color-mix(in srgb, var(--ts-palette-primary) 16%, transparent);
--ui-accent-ring: color-mix(in srgb, var(--ts-palette-primary) 24%, transparent);
--ui-status-neutral-surface: var(--ui-surface-muted);
--ui-status-neutral-border: var(--ui-border);
--ui-status-neutral-text: var(--ui-text-secondary);
--ui-status-neutral-solid: var(--ui-text-primary);
--ui-status-neutral-solid-text: var(--ui-text-inverse);
--ui-status-info-surface: color-mix(in srgb, var(--ts-chart-blue) 10%, var(--ts-palette-paper));
--ui-status-info-border: color-mix(in srgb, var(--ts-chart-blue) 24%, var(--ts-palette-paper));
--ui-status-info-text: color-mix(in srgb, var(--ts-chart-blue) 72%, var(--ts-palette-ink));
--ui-status-info-solid: var(--ts-chart-blue);
--ui-status-info-solid-text: var(--ts-palette-paper);
--ui-status-success-surface: color-mix(in srgb, var(--ts-signal-green) 11%, var(--ts-palette-paper));
--ui-status-success-border: color-mix(in srgb, var(--ts-signal-green) 28%, var(--ts-palette-paper));
--ui-status-success-text: color-mix(in srgb, var(--ts-signal-green-strong) 78%, var(--ts-palette-ink));
--ui-status-success-solid: var(--ts-signal-green);
--ui-status-success-solid-text: var(--ts-palette-ink);
--ui-status-warning-surface: color-mix(in srgb, var(--ts-signal-amber) 13%, var(--ts-palette-paper));
--ui-status-warning-border: color-mix(in srgb, var(--ts-signal-amber) 30%, var(--ts-palette-paper));
--ui-status-warning-text: color-mix(in srgb, var(--ts-signal-amber-strong) 80%, var(--ts-palette-ink));
--ui-status-warning-solid: var(--ts-signal-amber);
--ui-status-warning-solid-text: var(--ts-palette-ink);
--ui-status-error-surface: color-mix(in srgb, var(--ts-signal-red) 10%, var(--ts-palette-paper));
--ui-status-error-border: color-mix(in srgb, var(--ts-signal-red) 26%, var(--ts-palette-paper));
--ui-status-error-text: color-mix(in srgb, var(--ts-signal-red-strong) 76%, var(--ts-palette-ink));
--ui-status-error-solid: var(--ci-color-danger);
--ui-status-error-solid-text: var(--ts-palette-ink-contrast);
--ui-chart-primary: var(--ci-color-chart-1);
--ui-chart-secondary: var(--ci-color-chart-2);
--ui-chart-tertiary: var(--ci-color-chart-3);
--ui-chart-quaternary: var(--ci-color-chart-4);
--ui-chart-series-1: var(--ci-color-chart-1);
--ui-chart-series-2: var(--ci-color-chart-2);
--ui-chart-series-3: var(--ci-color-chart-3);
--ui-chart-series-4: var(--ci-color-chart-4);
--ui-chart-series-5: var(--ci-color-chart-5);
--ui-chart-series-6: var(--ci-color-chart-6);
--ui-chart-series-7: var(--ci-color-chart-7);
--ui-chart-series-8: var(--ci-color-chart-8);
--ui-chart-primary-soft: color-mix(in srgb, var(--ui-chart-primary) 12%, transparent);
/* Project identities: green, orange, indigo, pink, teal, ochre, red, blue at matched OKLCH lightness and chroma
   (L≈.50–.66, C≈.10–.15 here; L≈.65–.80 in dark), no neon, each line ≥3:1 on the panel. */
--ui-portfolio-project-1: #389560;
--ui-portfolio-project-2: #cd6a39;
--ui-portfolio-project-3: #6154a8;
--ui-portfolio-project-4: #bc668e;
--ui-portfolio-project-5: #148b8f;
--ui-portfolio-project-6: #b48c21;
--ui-portfolio-project-7: #b7474a;
--ui-portfolio-project-8: #4683c5;
--ui-chart-activity-soft: color-mix(in srgb, var(--ui-chart-primary) 10%, transparent);
--ui-chart-activity-strong: var(--ui-chart-primary);
/* A secondary series beside the primary line (outcome bars): neutral slate, ≥3:1 on the panel, so the line leads. */
--ui-chart-outcome: color-mix(in srgb, var(--ts-chart-slate) 80%, var(--ui-surface-panel));
--ui-chart-positive: var(--ts-signal-green);
--ui-chart-grid: #ececee;
--ui-chart-traffic-audience: #2f6fca;
--ui-chart-traffic-visits: var(--ui-chart-secondary);
--ui-chart-traffic-page-views: var(--ui-chart-tertiary);
--ui-chart-traffic-depth: var(--ui-chart-quaternary);
--ui-chart-traffic-grid: #ececee;
--ui-studio-accent: var(--ts-palette-secondary);
--ui-studio-accent-hover: var(--ts-palette-primary);
--ui-studio-accent-text: var(--ts-palette-paper);
--ui-studio-coral: var(--ts-palette-stone);
--ui-studio-amber: var(--ts-palette-line);
--ui-studio-rail: var(--ui-brand-ink);
--ui-studio-rail-muted: rgba(226, 232, 240, 0.68);
--ui-studio-workspace: var(--ts-palette-muted);
--ui-studio-mat: color-mix(in srgb, var(--ts-palette-sand) 24%, var(--ts-palette-muted));
--ui-studio-panel: var(--ui-surface-panel);
--ui-studio-panel-soft: var(--ui-surface-warm);
--ui-studio-panel-border: color-mix(in srgb, var(--ts-palette-ink) 10%, transparent);
--ui-studio-grid: color-mix(in srgb, var(--ts-palette-ink) 12%, transparent);
--ui-studio-grid-size: 2rem;
--ui-studio-grid-dot-size: 0.0625rem;
--ui-studio-shadow-panel: 0 16px 38px color-mix(in srgb, var(--ts-palette-ink) 9%, transparent);
--ui-studio-shadow-canvas: 0 26px 60px color-mix(in srgb, var(--ts-palette-ink) 24%, transparent);
--ts-dashboard-shell-sidebar-width: 15rem;
--ts-dashboard-shell-sidebar-width-wide: 15rem;
--ts-dashboard-shell-mobile-nav-height: 4rem;
--ts-dashboard-shell-topbar-height: 3.25rem;
--ts-dashboard-shell-topbar-height-mobile: 3.5rem;
--ts-dashboard-shell-topbar-padding-x: var(--spacing-4);
--ts-dashboard-shell-topbar-padding-x-mobile: var(--spacing-3);
--ts-dashboard-shell-topbar-padding-y: 0.3125rem;
--ts-dashboard-shell-topbar-padding-y-mobile: var(--spacing-1);
--ts-dashboard-shell-gap: var(--spacing-4);
--ts-dashboard-scrollbar-size: 0.5rem;
--ts-dashboard-content-padding-x: 1.5rem;
--ts-dashboard-content-padding-x-mobile: 1rem;
--ts-dashboard-content-padding-y: 1.5rem;
--ts-dashboard-content-padding-y-mobile: 1rem;
--ts-dashboard-content-section-gap: 1.5rem;
--ts-dashboard-content-max-width: 108rem;
--ts-dashboard-content-padding-x-fullwidth: 1.5rem;
--ts-dashboard-content-section-gap-fullwidth: 1.5rem;
--ts-dashboard-shell-mobile-nav-offset: calc(var(--ts-dashboard-shell-mobile-nav-height) + env(safe-area-inset-bottom, 0px));
--ts-dashboard-panel-background: var(--ui-surface-panel);
--ts-dashboard-panel-muted-background: var(--ui-surface-muted);
--ts-dashboard-panel-inset-background: var(--ui-surface-inset);
--ts-dashboard-panel-border: var(--ui-border);
--ts-dashboard-panel-border-soft: var(--border);
--ts-dashboard-panel-border-strong: var(--ui-border-strong);
--ts-dashboard-panel-radius: var(--radius-lg);
--ts-dashboard-panel-radius-compact: var(--radius-lg);
--ts-dashboard-panel-radius-emphasis: var(--radius-lg);
--ts-dashboard-panel-shadow: none;
--ts-dashboard-floating-shadow: var(--ui-shadow-floating);
--ts-dashboard-inset-shadow: none;
--ts-dashboard-overlay-scrim: color-mix(in srgb, var(--background) 78%, transparent);
--ts-dashboard-overlay-blur: 0.125rem;
--ts-dashboard-control-radius: var(--radius-sm);
--ts-dashboard-control-height-sm: 2.25rem;
--ts-dashboard-control-height-mobile: 2.5rem;
--ts-dashboard-control-icon-size-sm: 2.25rem;
--ts-dashboard-control-icon-size-mobile: 2.5rem;
--ts-dashboard-control-padding-x: 0.75rem;
--ts-dashboard-control-icon-spacing: var(--spacing-2);
--ts-dashboard-control-font-size: 0.8125rem;
--ts-dashboard-chip-radius: var(--radius-xs);
--ts-dashboard-chip-padding-x: 0.625rem;
--ts-dashboard-chip-padding-y: var(--spacing-1);
--ts-dashboard-chip-font-size: 0.75rem;
--ts-dashboard-chip-font-weight: 500;
--ts-dashboard-chip-line-height: 1;
--ts-dashboard-status-badge-min-width: 1rem;
--ts-dashboard-status-badge-padding-x: var(--spacing-1);
--ts-dashboard-status-badge-padding-y: 0.0625rem;
--ts-dashboard-title-font-size: 0.875rem;
--ts-dashboard-section-title-font-size: 0.9375rem;
--ts-dashboard-title-font-size-compact: 0.875rem;
--ts-dashboard-page-title-font-size: 1.25rem;
--ts-dashboard-page-title-font-size-mobile: 1.25rem;
--ts-dashboard-label-font-size: 0.8125rem;
--ts-dashboard-caption-font-size: 0.75rem;
--ts-dashboard-meta-font-size: 0.8125rem;
--ts-dashboard-value-font-size: 2.125rem;
--ts-dashboard-value-font-size-mobile: 1.75rem;
--ts-dashboard-line-height-tight: 1.05;
--ts-dashboard-line-height-compact: 1.28;
--ts-dashboard-line-height-readable: 1.5;
--ts-dashboard-dot-size-xs: 0.1875rem;
--ts-dashboard-dot-size-sm: 0.3125rem;
--ts-dashboard-dot-size-md: 0.375rem;
--ts-dashboard-icon-box-size: 2rem;
--ts-dashboard-icon-box-size-compact: 1.75rem;
--ts-dashboard-icon-size: 0.9375rem;
--ts-dashboard-icon-size-sm: 0.875rem;
--ts-dashboard-empty-icon-box-size: 2.5rem;
--ts-dashboard-empty-icon-size: 1.125rem;
--ts-dashboard-panel-header-min-height: 3.75rem;
--ts-dashboard-panel-header-min-height-compact: 3.5rem;
--ts-dashboard-panel-header-padding-x: 1.25rem;
--ts-dashboard-panel-header-padding-x-compact: 1rem;
--ts-dashboard-panel-header-padding-y: 0.875rem;
--ts-dashboard-panel-header-padding-y-compact: 0.75rem;
--ts-dashboard-panel-header-gap: 0.75rem;
--ts-dashboard-panel-header-gap-compact: 0.625rem;
--ts-dashboard-empty-min-height: 8.25rem;
--ts-dashboard-empty-min-height-compact: 6.5rem;
--ts-dashboard-empty-padding-y: var(--spacing-8);
--ts-dashboard-empty-padding-y-compact: var(--spacing-5);
--ts-dashboard-section-header-padding-x: var(--spacing-4);
--ts-dashboard-section-header-padding-x-mobile: var(--spacing-3);
--ts-dashboard-section-header-padding-y: 0.5625rem;
--ts-dashboard-section-header-padding-y-mobile: 0.4375rem;
--ts-dashboard-section-header-gap: var(--spacing-3);
--ts-dashboard-section-header-gap-mobile: 0.375rem;
--ts-dashboard-section-briefing-gap: 0.375rem;
--ts-dashboard-section-briefing-min-width: 9.75rem;
--ts-dashboard-section-briefing-min-width-sm: 8.75rem;
--ts-dashboard-section-briefing-min-width-mobile: 7.5rem;
--ts-dashboard-section-briefing-padding-x: 0.625rem;
--ts-dashboard-section-briefing-padding-y: 0.4375rem;
--ts-dashboard-section-briefing-padding-y-mobile: 0.375rem;
--ts-dashboard-section-briefing-value-font-size: 1rem;
--ts-dashboard-section-briefing-value-font-size-mobile: 0.9375rem;
--ts-dashboard-kpi-min-width: 9.625rem;
--ts-dashboard-kpi-mobile-min-width: 7.375rem;
--ts-dashboard-kpi-period-min-width: 9.25rem;
--ts-dashboard-kpi-period-max-width: 10.5rem;
--ts-dashboard-kpi-period-mobile-min-width: 6.5rem;
--ts-dashboard-kpi-padding-x: 0.875rem;
--ts-dashboard-kpi-padding-y: var(--spacing-3);
--ts-dashboard-kpi-padding-mobile-x: 0.625rem;
--ts-dashboard-kpi-sparkline-width: 4.5rem;
--ts-dashboard-kpi-sparkline-height: 1.25rem;
--ts-dashboard-sidebar-width: var(--ts-dashboard-shell-sidebar-width);
--ts-dashboard-sidebar-width-wide: var(--ts-dashboard-shell-sidebar-width-wide);
--ts-dashboard-sidebar-header-height: var(--ts-dashboard-shell-topbar-height);
--ts-dashboard-sidebar-section-gap: var(--spacing-2);
--ts-dashboard-sidebar-section-gap-tight: 0.125rem;
--ts-dashboard-sidebar-padding-x: var(--spacing-2);
--ts-dashboard-sidebar-padding-y: var(--spacing-2);
--ts-dashboard-sidebar-mobile-padding-x: var(--spacing-1);
--ts-dashboard-sidebar-mobile-padding-y: 0.1875rem;
--ts-dashboard-sidebar-mobile-item-width: 4.375rem;
--ts-dashboard-sidebar-mobile-item-height: 3.5rem;
--ts-dashboard-sidebar-desktop-item-height: 2.25rem;
--ts-dashboard-sidebar-group-height: 1.75rem;
--ts-dashboard-sidebar-project-switcher-height: 3rem;
--ts-dashboard-sidebar-avatar-button-size: 2.125rem;
--ts-dashboard-sidebar-avatar-size: 1.875rem;
--ts-dashboard-sidebar-provider-badge-size: 0.875rem;
--ts-dashboard-sidebar-add-button-size: 1.375rem;
--ts-dashboard-sidebar-project-row-height: 3.5rem;
--ts-dashboard-sidebar-project-row-height-compact: 3.75rem;
--ts-dashboard-sidebar-project-row-action-height: 2.25rem;
--ts-dashboard-sidebar-mobile-project-button-size: 2.25rem;
--ts-dashboard-sidebar-mobile-menu-bottom: calc(var(--ts-dashboard-shell-mobile-nav-height) + 0.25rem + env(safe-area-inset-bottom, 0px));
--ts-dashboard-sidebar-menu-width: min(22.5rem, calc(100vw - 1.5rem));
--ts-dashboard-sidebar-menu-max-height: min(36rem, calc(100dvh - var(--ts-dashboard-shell-topbar-height) - 1.5rem));
--ts-dashboard-sidebar-menu-max-height-mobile: calc(100dvh - var(--ts-dashboard-sidebar-mobile-menu-bottom) - env(safe-area-inset-top, 0px) - 1rem);
--ts-dashboard-nav-indicator-thickness: 0.125rem;
--ts-dashboard-nav-indicator-length: 0.8125rem;
--ts-dashboard-nav-indicator-length-mobile: 1.125rem;
--ts-dashboard-nav-label-width-mobile: 4.25rem;
--ts-dashboard-transition: var(--transition-duration) var(--transition-timing-function);
--ts-overview-heading-gap: 0.625rem;
--ts-overview-heading-gap-desktop: var(--spacing-2);
--ts-overview-heading-icon-box: 1.5rem;
--ts-overview-heading-icon-box-desktop: 1.25rem;
--ts-overview-heading-icon-size: 1.0625rem;
--ts-overview-heading-icon-size-desktop: 1rem;
--ts-overview-heading-size: 1.25rem;
--ts-overview-heading-size-desktop: 1.1875rem;
--ts-overview-heading-line-height: 1.14;
--ts-overview-heading-max-width: 15rem;
--ts-overview-row-radius: var(--radius-lg);
--ts-overview-row-shadow: none;
--ts-overview-insight-row-min-height: 4rem;
--ts-overview-insight-row-min-height-desktop: 3.75rem;
--ts-overview-insight-row-padding-x: var(--spacing-3);
--ts-overview-insight-row-padding-y: 0.75rem;
--ts-overview-insight-row-gap: var(--spacing-3);
--ts-overview-insight-swatch-width: 0.25rem;
--ts-overview-insight-swatch-height: 2.75rem;
--ts-overview-insight-swatch-width-desktop: 0.25rem;
--ts-overview-insight-swatch-height-desktop: 2.5rem;
--ts-overview-insight-swatch-highlight: rgba(255, 255, 255, 0.38);
--ts-overview-insight-swatch-shine: rgba(255, 255, 255, 0.2);
--ts-overview-insight-swatch-sheen: rgba(255, 255, 255, 0.2);
--ts-overview-insight-swatch-highlight-top: 0.25rem;
--ts-overview-insight-swatch-highlight-left: 0.375rem;
--ts-overview-insight-swatch-highlight-width: 1.25rem;
--ts-overview-insight-swatch-highlight-height: 0.875rem;
--ts-overview-insight-swatch-highlight-blur: 0.1875rem;
--ts-overview-insight-swatch-shine-inset: 0.25rem;
--ts-overview-insight-swatch-shine-width: 1rem;
--ts-overview-insight-swatch-shine-height: 0.75rem;
--ts-overview-insight-swatch-shine-blur: 0.125rem;
--ts-overview-insight-dot-size: 0.3125rem;
--ts-overview-insight-title-size: 0.9375rem;
--ts-overview-insight-meta-size: 0.8125rem;
--ts-overview-insight-meta-max-width: 40%;
--ts-overview-active-row-min-height: var(--ts-overview-insight-row-min-height);
--ts-overview-active-icon-size: 1.25rem;
--ts-overview-active-action-size: 1.375rem;
--ts-overview-active-title-size: 0.9375rem;
--ts-overview-active-meta-size: 0.8125rem;
--ts-overview-section-title-size: 1rem;
--ts-overview-section-title-size-desktop: 1rem;
--ts-overview-section-header-padding-x: var(--spacing-1);
--ts-overview-section-header-padding-x-desktop: var(--spacing-2);
--ts-overview-section-header-padding-y: var(--spacing-1);
--ts-overview-section-header-padding-y-desktop: var(--spacing-1);
--ts-overview-section-row-gap: var(--spacing-2);
--ts-overview-section-row-gap-desktop: 0;
--black: #000;
--white: #fff;
--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
--default-font-family: var(--font-sans);
--default-mono-font-family: var(--font-mono);
--default-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "ss01" 1;
--default-font-variation-settings: normal;
--hover-brightness: 1.2;
--brand-500: var(--ui-accent);
--brand-600: var(--ui-accent-hover);
--link-color: var(--ui-link);
--link-color-hover: var(--ui-link-hover);
--rose-50: var(--gray-50);
--rose-100: var(--gray-100);
--rose-200: var(--gray-200);
--rose-300: var(--gray-300);
--rose-400: var(--gray-400);
--rose-500: var(--gray-500);
--rose-600: var(--gray-600);
--rose-700: var(--gray-700);
--rose-800: var(--gray-800);
--rose-900: var(--gray-900);
--pink-50: var(--gray-50);
--pink-100: var(--gray-100);
--pink-200: var(--gray-200);
--pink-300: var(--gray-300);
--pink-400: var(--gray-400);
--pink-500: var(--gray-500);
--pink-600: var(--gray-600);
--pink-700: var(--gray-700);
--pink-800: var(--gray-800);
--pink-900: var(--gray-900);
--fuchsia-50: var(--gray-50);
--fuchsia-100: var(--gray-100);
--fuchsia-200: var(--gray-200);
--fuchsia-300: var(--gray-300);
--fuchsia-400: var(--gray-400);
--fuchsia-500: var(--gray-500);
--fuchsia-600: var(--gray-600);
--fuchsia-700: var(--gray-700);
--fuchsia-800: var(--gray-800);
--fuchsia-900: var(--gray-900);
--purple-50: var(--gray-50);
--purple-100: var(--gray-100);
--purple-200: var(--gray-200);
--purple-300: var(--gray-300);
--purple-400: var(--gray-400);
--purple-500: var(--gray-500);
--purple-600: var(--gray-600);
--purple-700: var(--gray-700);
--purple-800: var(--gray-800);
--purple-900: var(--gray-900);
--violet-50: var(--gray-50);
--violet-100: var(--gray-100);
--violet-200: var(--gray-200);
--violet-300: var(--gray-300);
--violet-400: var(--gray-400);
--violet-500: var(--gray-500);
--violet-600: var(--gray-600);
--violet-700: var(--gray-700);
--violet-800: var(--gray-800);
--violet-900: var(--gray-900);
--indigo-50: var(--gray-50);
--indigo-100: var(--gray-100);
--indigo-200: var(--gray-200);
--indigo-300: var(--gray-300);
--indigo-400: var(--gray-400);
--indigo-500: var(--gray-500);
--indigo-600: var(--gray-600);
--indigo-700: var(--gray-700);
--indigo-800: var(--gray-800);
--indigo-900: var(--gray-900);
--blue-50: var(--gray-50);
--blue-100: var(--gray-100);
--blue-200: var(--gray-200);
--blue-300: var(--gray-300);
--blue-400: var(--gray-400);
--blue-500: var(--gray-500);
--blue-600: var(--gray-600);
--blue-700: var(--gray-700);
--blue-800: var(--gray-800);
--blue-900: var(--gray-900);
--light-blue-50: var(--gray-50);
--light-blue-100: var(--gray-100);
--light-blue-200: var(--gray-200);
--light-blue-300: var(--gray-300);
--light-blue-400: var(--gray-400);
--light-blue-500: var(--gray-500);
--light-blue-600: var(--gray-600);
--light-blue-700: var(--gray-700);
--light-blue-800: var(--gray-800);
--light-blue-900: var(--gray-900);
--cyan-50: var(--teal-50);
--cyan-100: var(--teal-100);
--cyan-200: var(--teal-200);
--cyan-300: var(--teal-300);
--cyan-400: var(--teal-400);
--cyan-500: var(--teal-500);
--cyan-600: var(--teal-600);
--cyan-700: var(--teal-700);
--cyan-800: var(--teal-800);
--cyan-900: var(--teal-900);
--teal-50: var(--gray-50);
--teal-100: var(--gray-100);
--teal-200: var(--gray-200);
--teal-300: var(--gray-300);
--teal-400: var(--gray-400);
--teal-500: var(--gray-800);
--teal-600: var(--gray-900);
--teal-700: var(--gray-900);
--teal-800: var(--gray-900);
--teal-900: var(--gray-900);
--emerald-50: var(--teal-50);
--emerald-100: var(--teal-100);
--emerald-200: var(--teal-200);
--emerald-300: var(--teal-300);
--emerald-400: var(--teal-400);
--emerald-500: var(--teal-500);
--emerald-600: var(--teal-600);
--emerald-700: var(--teal-700);
--emerald-800: var(--teal-800);
--emerald-900: var(--teal-900);
--green-50: var(--teal-50);
--green-100: var(--teal-100);
--green-200: var(--teal-200);
--green-300: var(--teal-300);
--green-400: var(--teal-400);
--green-500: var(--teal-500);
--green-600: var(--teal-600);
--green-700: var(--teal-700);
--green-800: var(--teal-800);
--green-900: var(--teal-900);
--lime-50: var(--gray-50);
--lime-100: var(--gray-100);
--lime-200: var(--gray-200);
--lime-300: var(--gray-300);
--lime-400: var(--gray-400);
--lime-500: var(--gray-500);
--lime-600: var(--gray-600);
--lime-700: var(--gray-700);
--lime-800: var(--gray-800);
--lime-900: var(--gray-900);
--yellow-50: var(--orange-50);
--yellow-100: var(--orange-100);
--yellow-200: var(--orange-200);
--yellow-300: var(--orange-300);
--yellow-400: var(--orange-400);
--yellow-500: var(--orange-500);
--yellow-600: var(--orange-600);
--yellow-700: var(--orange-700);
--yellow-800: var(--orange-800);
--yellow-900: var(--orange-900);
--amber-50: var(--orange-50);
--amber-100: var(--orange-100);
--amber-200: var(--orange-200);
--amber-300: var(--orange-300);
--amber-400: var(--orange-400);
--amber-500: var(--orange-500);
--amber-600: var(--orange-600);
--amber-700: var(--orange-700);
--amber-800: var(--orange-800);
--amber-900: var(--orange-900);
--orange-50: var(--gray-50);
--orange-100: var(--gray-100);
--orange-200: var(--gray-200);
--orange-300: var(--gray-300);
--orange-400: var(--gray-400);
--orange-500: var(--gray-700);
--orange-600: var(--gray-800);
--orange-700: var(--gray-900);
--orange-800: var(--gray-900);
--orange-900: var(--gray-900);
--red-50: var(--orange-50);
--red-100: var(--orange-100);
--red-200: var(--orange-200);
--red-300: var(--orange-300);
--red-400: var(--orange-400);
--red-500: var(--orange-500);
--red-600: var(--orange-600);
--red-700: var(--orange-700);
--red-800: var(--orange-800);
--red-900: var(--orange-900);
--warm-gray-50: #fafaf9;
--warm-gray-100: #f5f5f4;
--warm-gray-200: #e7e5e4;
--warm-gray-300: #d6d3d1;
--warm-gray-400: #a8a29e;
--warm-gray-500: #78716c;
--warm-gray-600: #57534e;
--warm-gray-700: #44403c;
--warm-gray-800: #292524;
--warm-gray-900: #1c1917;
--true-gray-50: #fafafa;
--true-gray-100: #f5f5f5;
--true-gray-200: #e5e5e5;
--true-gray-300: #d4d4d4;
--true-gray-400: #a3a3a3;
--true-gray-500: #737373;
--true-gray-600: #525252;
--true-gray-700: #404040;
--true-gray-800: #262626;
--true-gray-900: #171717;
--gray-50: var(--ts-palette-paper);
--gray-100: color-mix(in srgb, var(--ts-palette-paper) 88%, white);
--gray-200: var(--ts-palette-muted);
--gray-300: var(--ts-palette-line);
--gray-400: color-mix(in srgb, var(--ts-palette-stone) 78%, var(--ts-palette-line));
--gray-500: var(--ts-palette-stone);
--gray-600: color-mix(in srgb, var(--ts-palette-graphite) 72%, var(--ts-palette-stone));
--gray-700: var(--ts-palette-graphite);
--gray-800: var(--ts-palette-ink);
--gray-900: color-mix(in srgb, var(--ts-palette-ink) 78%, black);
--cool-gray-50: #f9fafb;
--cool-gray-100: #f3f4f6;
--cool-gray-200: #e5e7eb;
--cool-gray-300: #d1d5db;
--cool-gray-400: #9ca3af;
--cool-gray-500: #6b7280;
--cool-gray-600: #4b5563;
--cool-gray-700: #374151;
--cool-gray-800: #1f2937;
--cool-gray-900: #111827;
--blue-gray-50: #f8fafc;
--blue-gray-100: #f1f5f9;
--blue-gray-200: #e2e8f0;
--blue-gray-300: #cbd5e1;
--blue-gray-400: #94a3b8;
--blue-gray-500: #64748b;
--blue-gray-600: #475569;
--blue-gray-700: #334155;
--blue-gray-800: #1e293b;
--blue-gray-900: #0f172a;
--zindex-20: 20;
--zindex-10: 10;
--zindex-9: 9;
--zindex-8: 8;
--zindex-7: 7;
--zindex-6: 6;
--zindex-5: 5;
--zindex-4: 4;
--zindex-3: 3;
--zindex-2: 2;
--zindex-1: 1;
--zindex-0: 0;
--opacity-100: 1;
--opacity-95: 0.95;
--opacity-90: 0.9;
--opacity-85: 0.85;
--opacity-80: 0.8;
--opacity-75: 0.75;
--opacity-70: 0.7;
--opacity-65: 0.65;
--opacity-60: 0.6;
--opacity-55: 0.55;
--opacity-50: 0.5;
--opacity-45: 0.45;
--opacity-40: 0.4;
--opacity-35: 0.35;
--opacity-30: 0.3;
--opacity-25: 0.25;
--opacity-20: 0.2;
--opacity-15: 0.15;
--opacity-10: 0.1;
--opacity-5: 0.05;
--gutters-xxxl: 128px;
--gutters-xxl: 112px;
--gutters-xl: 48px;
--gutters-lg: 32px;
--gutters-md: 16px;
--gutters-sm: 4px;
--gutters-xs: 0px;
--font-family-default-secondary: "Bower",Georgia,"Times New Roman",serif;
--font-family-default-primary: var(--default-font-family);
--font-weight-regular: 400;
--font-weight-light: 300;
--elevation-16: 0px 16px 32px -1px rgba(5,28,44,.2),0px 0px 1px 0px rgba(5,28,44,.15);
--elevation-8: 0px 8px 16px -1px rgba(5,28,44,.2),0px 0px 1px 0px rgba(5,28,44,.15);
--elevation-4: 0px 4px 8px -1px rgba(5,28,44,.2),0px 0px 1px 0px rgba(5,28,44,.15);
--elevation-2: 0px 2px 4px -1px rgba(5,28,44,.2),0px 0px 1px 0px rgba(5,28,44,.2);
--elevation-light-16: 0px 16px 16px -1px rgba(117, 117, 117, 0.15);
--elevation-light-8: 0px 8px 8px -1px rgba(117, 117, 117, 0.12);
--elevation-light-4: 0px 4px 4px -1px rgba(117, 117, 117, 0.10);
--elevation-light-2: 0px 2px 2px -1px rgba(117, 117, 117, 0.08);
--elevation-dark-16: 0px 16px 16px -1px rgba(0, 0, 0, 0.25);
--elevation-dark-8: 0px 8px 8px -1px rgba(0, 0, 0, 0.20);
--elevation-dark-4: 0px 4px 4px -1px rgba(0, 0, 0, 0.15);
--elevation-dark-2: 0px 2px 2px -1px rgba(0, 0, 0, 0.10);
--color-status-dark-neutral: var(--gray-900);
--color-status-light-neutral: var(--gray-100);
--color-status-dark-blue: var(--gray-700);
--color-status-light-blue: var(--gray-100);
--color-status-dark-yellow: var(--gray-700);
--color-status-yellow: var(--gray-500);
--color-status-light-yellow: var(--gray-100);
--color-status-dark-red: var(--gray-700);
--color-status-red: var(--gray-500);
--color-status-light-red: var(--gray-100);
--color-status-dark-green: var(--gray-700);
--color-status-green: var(--gray-500);
--color-status-light-green: var(--gray-100);
--color-neutral-black: #000;
--color-neutral-dark-neutral: #1b1b19;
--color-neutral-gray-80: #404040;
--color-neutral-gray-70: #525252;
--color-neutral-gray-60: #737373;
--color-neutral-gray-54: #737373;
--color-neutral-gray-30: #a3a3a3;
--color-neutral-gray-18: #d4d4d4;
--color-neutral-gray-10: #e5e5e5;
--color-neutral-gray-06: #f5f5f5;
--color-neutral-gray-04: #f5f5f5;
--color-neutral-gray-03: #fafafa;
--color-neutral-gray-02: #fafafa;
--color-neutral-hover-gray: #f5f5f5;
--color-neutral-active-gray: #e5e5e5;
--color-neutral-white: #fff;
--color-functional-orange: var(--gray-500);
--color-functional-red: var(--gray-500);
--color-functional-pink: var(--gray-500);
--color-functional-purple: var(--gray-500);
--color-functional-turquoise: var(--gray-500);
--color-functional-pale-blue: var(--gray-200);
--color-functional-blue-transition-4: var(--gray-300);
--color-functional-blue-transition-3: var(--gray-400);
--color-functional-blue-transition-2: var(--gray-600);
--color-functional-blue-transition-1: var(--gray-800);
--color-palette-cyan: var(--ts-palette-secondary);
--color-palette-deep-blue: var(--ts-palette-primary-hover);
--color-palette-electric-blue: var(--ts-palette-secondary);
--color-electric-blue-200: var(--ui-accent-soft);
--color-electric-blue-900: var(--ci-color-ink);
--breakpoint-xxxl: 1920px;
--breakpoint-xxl: 1440px;
--breakpoint-xl: 1180px;
--breakpoint-lg: 768px;
--breakpoint-md: 480px;
--breakpoint-sm: 375px;
--breakpoint-xs: 320px;
--size-page-wrapper-1312: 82rem;
--size-page-wrapper-1216: 76rem;
--size-page-wrapper-928: 58rem;
--size-page-wrapper-768: 48rem;
--size-spacing-base-unit: 0.5rem;
--size-spacing-80: 5rem;
--size-spacing-72: 4.5rem;
--size-spacing-64: 4rem;
--size-spacing-56: 3.5rem;
--size-spacing-48: 3rem;
--size-spacing-40: 2.5rem;
--size-spacing-32: 2rem;
--size-spacing-24: 1.5rem;
--size-spacing-16: 1rem;
--size-spacing-8: 0.5rem;
--size-spacing-4: 0.25rem;
--size-line-height-136: 8.5rem;
--size-line-height-96: 6rem;
--size-line-height-92: 5.75rem;
--size-line-height-76: 4.75rem;
--size-line-height-64: 4rem;
--size-line-height-52: 3.25rem;
--size-line-height-44: 2.75rem;
--size-line-height-40: 2.5rem;
--size-line-height-36: 2.25rem;
--size-line-height-32: 2rem;
--size-line-height-28: 1.75rem;
--size-line-height-24: 1.5rem;
--size-line-height-20: 1.25rem;
--size-line-height-16: 1rem;
--size-icon-200: 12.5rem;
--size-icon-128: 8rem;
--size-icon-96: 6rem;
--size-icon-64: 4rem;
--size-icon-48: 3rem;
--size-icon-40: 2.5rem;
--size-icon-32: 2rem;
--size-icon-24: 1.5rem;
--size-icon-16: 1rem;
--size-icon-12: 0.75rem;
--size-icon-10: 0.625rem;
--size-font-120: 7.5rem;
--size-font-92: 5.75rem;
--size-font-76: 4.75rem;
--size-font-64: 4rem;
--size-font-52: 3.25rem;
--size-font-44: 2.75rem;
--size-font-36: 2.25rem;
--size-font-28: 1.75rem;
--size-font-26: 1.625rem;
--size-font-24: 1.5rem;
--size-font-20: 1.25rem;
--size-font-18: 1.125rem;
--size-font-16: 1rem;
--size-font-14: 0.875rem;
--size-font-12: 0.75rem;
--size-font-10: 0.625rem;
--size-border-width-4: 0.25rem;
--size-border-width-3: 0.1875rem;
--size-border-width-2: 0.125rem;
--size-border-width-1: 0.0625rem;
--size-border-radius-20: var(--radius-2xl);
--size-border-radius-10: var(--radius-md);
--size-border-radius-8: var(--radius-sm);
--size-border-radius-4: 0.25rem;
--size-border-radius-2: 0.125rem;
--typography-color-body: var(--color-neutral-gray-80);
--typography-color-heading: var(--color-neutral-black);
--color-status-neutral: var(--color-neutral-gray-80);
--color-status-blue: var(--color-palette-electric-blue);
--color-functional-pale-electric-blue: var(--color-palette-electric-blue);
--color-tertiary: var(--color-palette-cyan);
--color-secondary: var(--color-palette-deep-blue);
--color-primary: var(--color-palette-electric-blue);
--button-primary-background: var(--color-palette-electric-blue);
--button-primary-text: var(--color-neutral-white);
--button-primary-text-hover: var(--color-palette-electric-blue);
--button-primary-border-hover: var(--color-palette-electric-blue);
--button-secondary-text: var(--color-status-dark-blue);
--button-secondary-border: var(--color-palette-electric-blue);
--button-secondary-border-hover: var(--color-palette-electric-blue);
--button-secondary-background: transparent;
--button-secondary-text-hover: var(--color-neutral-white);
--button-tertiary-text: var(--color-neutral-black);
--button-tertiary-text-hover: var(--color-neutral-white);
--button-tertiary-border: var(--color-neutral-black);
--button-minimal-primary: var(--color-palette-electric-blue);
--button-minimal-secondary: var(--color-neutral-black);
--button-minimal-tertiary: var(--color-neutral-black);
--button-minimal-tertiary-hover: var(--color-palette-electric-blue);
--inline-link-text: var(--color-neutral-gray-80);
--inline-link-border: var(--color-palette-electric-blue);
--inline-link-text-hover: var(--color-neutral-white);
--inline-link-border-hover: transparent;
--inlike-link-background-hover: var(--color-palette-electric-blue);
--hero-text: var(--color-neutral-black);
--text-shadow: none;
--heading-link-default-border-color: var(--color-palette-electric-blue);
--heading-link-default-hover-color: var(--color-palette-electric-blue);
--root-share-icon-color: var(--color-neutral-black);
--root-share-icon-color-hover: var(--color-palette-electric-blue);
--text-color-default: var(--color-neutral-black);
--loader-border-top: var(--color-palette-deep-blue);
--loader-border: var(--color-neutral-gray-06);
--link-color-icon-default: var(--color-palette-electric-blue);
--link-color-icon-default-hover: var(--color-primary);
--link-color-default: var(--ui-link);
--link-color-default-hover: var(--ui-link-hover);
--link-color-secondary-default: var(--color-neutral-gray-80);
--link-color-secondary-default-hover: var(--color-neutral-gray-80);
--link-inline-default-color: var(--color-neutral-gray-80);
--link-inline-default-hover-color: var(--color-neutral-white);
--link-inline-default-border-color: var(--color-primary);
--link-inline-default-border-hover-color: var(--color-primary);
--link-inline-default-background-hover-color: var(--color-primary);
--link-inline-secondary-hover-color: var(--color-neutral-white);
--link-inline-secondary-background-hover-color: var(--color-neutral-gray-80);
--link-color-text-default: var(--color-neutral-black);
--link-color-text-default-hover: var(--color-primary);
--link-cta-icon-color: var(--color-palette-electric-blue);
--link-icon-color: var(--color-neutral-gray-80);
--link-icon-hover-color: var(--color-palette-electric-blue);
--link-icon-radial-hover-color: var(--color-neutral-white);
--link-heading-color: var(--color-neutral-black);
--link-heading-hover-color: var(--color-palette-electric-blue);
--tertiary: var(--ci-color-secondary);
--quaternary: var(--ci-color-tertiary);
--green: var(--ui-status-success-solid);
--coral: var(--ci-color-tertiary);
--gold: var(--ci-color-highlight);
--secondary-darker: var(--gray-600);
--primary-darker: var(--brand-emphasis);
--light-green: var(--gray-100);
--light-red: var(--gray-100);
--color-normal: var(--ui-status-success-solid);
--color-murmur: var(--ui-status-error-solid);
--color-pending: var(--ui-status-neutral-solid);
--color-noise: var(--ui-text-tertiary);
--btn-bg-color: var(--primary);
--btn-text-color: var(--white);
--btn-text-color-hover: var(--white);
--btn-border-color: var(--ui-accent);
--btn-border-color-hover: var(--ui-accent-hover);
--bg-emphasis: var(--ui-surface-inset);
--bg: var(--ui-page-background-solid);
--bg-subtle: var(--ui-surface-panel);
--bg-muted: var(--ui-surface-muted);
--bg-inverted: var(--ui-surface-inverse);
--bg-cream: var(--ui-surface-muted);
--bg-card: var(--ui-surface-panel);
--bg-info: var(--ui-status-info-surface);
--bg-success: var(--ui-status-success-surface);
--bg-attention: var(--ui-status-warning-surface);
--bg-error: var(--ui-status-error-surface);
--bg-dark-error: var(--ui-status-error-border);
--border-emphasis: var(--ui-border-strong);
--border-subtle: color-mix(in srgb, var(--ui-border) 58%, transparent);
--border-booker: var(--ui-border);
--border-muted: color-mix(in srgb, var(--ui-border) 44%, transparent);
--border-error: var(--ui-status-error-border);
--text-emphasis: var(--ui-text-primary);
--text: var(--ui-text-secondary);
--text-subtle: var(--ui-text-tertiary);
--text-muted: color-mix(in srgb, var(--ui-text-tertiary) 74%, transparent);
--text-inverted: var(--ui-text-inverse);
--text-info: var(--ui-status-info-text);
--text-success: var(--ui-status-success-text);
--text-attention: var(--ui-status-warning-text);
--text-error: var(--ui-status-error-text);
--red: var(--text-error);
--brand: var(--ui-accent);
--brand-emphasis: var(--ui-accent-hover);
--brand-text: var(--ui-accent-text);
--shadow-small: var(--ui-shadow-card);
--shadow-medium: var(--ui-shadow-floating);
--shadow-large: 0 24px 64px rgba(var(--ui-text-primary-rgb), 0.14);
--mention-bg: #ffffff;
--mention-color: #3a5065;
--sidebar-text: #ffffff;
--sidebar-text-rgb: 255, 255, 255;
--sidebar-header-text-color: #ffffff;
--sidebar-bg: #262626;
--sys-sidebar-bg: #262626;
--sys-sidebar-bg-rgb: 38, 38, 38;
--sidebar-text-active-border: var(--ui-border-strong);
--away-indicator-rgb: 113, 113, 122;
--center-channel-color-rgb: 64, 64, 64;
--sys-error-text: var(--ui-status-error-solid);
--sys-sidebar-text-active-border: var(--ui-border-strong);
--sys-center-channel-color: var(--text);
--sys-center-channel-bg: var(--bg);
--sys-center-channel-color-rgb: #d4d4d4;
--sys-center-channel-color-rgb-new: 64, 64, 64;
--sys-online-indicator: var(--ui-status-success-solid);
--center-channel-bg: var(--bg);
--center-channel-text: var(--text);
--center-channel-color: var(--text);
--button-color: var(--bg);
--away-indicator-dark: var(--ui-status-warning-solid);
--online-indicator: var(--ui-status-success-solid);
--sys-button-bg: var(--primary);
--away-indicator: var(--ui-status-warning-solid);
--sys-error-text-color-rgb: var(--ui-text-primary-rgb);
--error-text: var(--ui-status-error-solid);
--background--50: var(--bg);
--off-white: #fefdf9;
--pastel-red: var(--ui-status-error-surface);
--pastel-blue: var(--ui-status-info-surface);
--pastel-yellow: var(--ui-status-warning-surface);
--pastel-orange: var(--ui-status-warning-surface);
--gray-2: #737373;
--background--300: #f5f5f5;
--purple: var(--gray-500);
--blue: var(--gray-500);
--gray: rgba(0,0,0,.5);
--neutrals--100: #e5e5e5;
--neutrals--300: #a3a3a3;
--primary--50: #fafafa;
--primary--400: #737373;
--border-radius--m: var(--radius-sm);
--neutrals--900: #171717;
--primary--200: #e5e5e5;
--900: #171717;
--background--100: #e5e5e5;
--border-radius--l: var(--radius-lg);
--error: var(--ui-status-error-solid);
--neutrals--600: #525252;
--primary--300: #d4d4d4;
--primary--500: #404040;
--button-background: rgba(255,255,255,.15);
--background--200: #fafafa;
--neutrals--400: #a3a3a3;
--neutrals--200: #d4d4d4;
--neutrals--500: #737373;
--border-radius--s: 0.25rem;
--neutrals--800: #262626;
--neutrals--700: #404040;
--primary--100: #f5f5f5;
color-scheme: light;
--ts-palette-primary: #18181b;
--ts-palette-primary-hover: #09090b;
--ts-palette-secondary: #2f6fca;
--ts-palette-sky: #5fa5e8;
--ts-palette-yellow: #f4e77d;
--ts-palette-yellow-soft: #fff7c7;
--ts-palette-sand: #d7cdbb;
--ts-palette-driftwood: #6f6256;
--ui-surface-warm: color-mix(in srgb, var(--ts-palette-sand) 8%, var(--ts-palette-surface));
--ui-control-border: var(--ui-border-strong);
--ui-primary-button: var(--ui-accent);
--ui-primary-button-hover: var(--ui-accent-hover);
--ui-login-selected-tab: var(--ui-accent);
--ui-login-selected-tab-hover: var(--ui-accent-hover);
--ui-login-selected-tab-text: var(--ui-accent-text);
--ui-link: var(--ts-palette-graphite);
--ui-link-hover: var(--ts-palette-primary-hover);
--ui-highlight: var(--ts-palette-yellow);
--ui-highlight-hover: #e8d967;
--ui-highlight-soft: var(--ts-palette-yellow-soft);
--ui-highlight-muted: #f8eb98;
--ui-highlight-border: #988a26;
--ui-highlight-text: var(--ts-palette-driftwood);
--ui-highlight-solid-text: var(--ts-palette-ink);
--ui-scout: #a21caf;
--ui-scout-soft: color-mix(in srgb, var(--ui-scout) 8%, var(--ts-palette-surface));
--ui-scout-border: color-mix(in srgb, var(--ui-scout) 30%, var(--ts-palette-surface));
--ui-scout-text: var(--ui-scout);
--ts-color-white: var(--ts-palette-surface);
--ts-color-black: var(--ts-palette-ink);
--ts-color-black-alpha-50: rgba(0, 0, 0, 0.04);
--ts-color-black-alpha-100: rgba(0, 0, 0, 0.06);
--ts-color-black-alpha-200: rgba(0, 0, 0, 0.08);
--ts-color-black-alpha-300: rgba(0, 0, 0, 0.16);
--ts-color-black-alpha-400: rgba(0, 0, 0, 0.24);
--ts-color-black-alpha-500: rgba(0, 0, 0, 0.36);
--ts-color-black-alpha-600: rgba(0, 0, 0, 0.48);
--ts-color-black-alpha-700: rgba(0, 0, 0, 0.64);
--ts-color-black-alpha-800: rgba(0, 0, 0, 0.80);
--ts-color-black-alpha-900: rgba(0, 0, 0, 0.92);
--ts-color-white-alpha-50: rgba(255, 255, 255, 0.04);
--ts-color-white-alpha-100: rgba(255, 255, 255, 0.06);
--ts-color-white-alpha-200: rgba(255, 255, 255, 0.08);
--ts-color-white-alpha-300: rgba(255, 255, 255, 0.16);
--ts-color-white-alpha-400: rgba(255, 255, 255, 0.24);
--ts-color-white-alpha-500: rgba(255, 255, 255, 0.36);
--ts-color-white-alpha-600: rgba(255, 255, 255, 0.48);
--ts-color-white-alpha-700: rgba(255, 255, 255, 0.64);
--ts-color-white-alpha-800: rgba(255, 255, 255, 0.80);
--ts-color-white-alpha-900: rgba(255, 255, 255, 0.92);
--ts-color-gray-50: #fafafa;
--ts-color-gray-100: #f4f4f5;
--ts-color-gray-200: #ececee;
--ts-color-gray-300: #d4d4d8;
--ts-color-gray-400: #a1a1aa;
--ts-color-gray-500: #71717a;
--ts-color-gray-600: #52525b;
--ts-color-gray-700: #3f3f46;
--ts-color-gray-800: #27272a;
--ts-color-gray-900: #09090b;
--ts-color-blue-50: #eff5fc;
--ts-color-blue-100: #ddebfd;
--ts-color-blue-200: #bdd8fa;
--ts-color-blue-300: #8dcdf5;
--ts-color-blue-400: #5a9af2;
--ts-color-blue-500: #3686ee;
--ts-color-blue-600: #1557d5;
--ts-color-blue-700: #1049b8;
--ts-color-blue-800: #0e3d98;
--ts-color-blue-900: #0b2e73;
--ts-color-brand-500: var(--ui-accent);
--ts-color-brand-600: var(--ui-accent-hover);
--ts-color-brand-hover: var(--ui-accent-hover);
--ts-color-red-500: var(--ui-status-error-solid);
--ts-color-red-600: var(--destructive-hover);
--ts-color-green-50: var(--ts-color-gray-50);
--ts-color-green-100: var(--ts-color-gray-100);
--ts-color-green-200: var(--ts-color-gray-200);
--ts-color-green-300: var(--ts-color-gray-300);
--ts-color-green-400: var(--ts-color-gray-400);
--ts-color-green-500: var(--ts-color-gray-800);
--ts-color-green-600: var(--ts-color-gray-900);
--ts-color-green-700: var(--ts-color-gray-900);
--ts-color-green-800: var(--ts-color-gray-900);
--ts-color-green-900: var(--ts-color-gray-900);
--ts-color-orange-50: var(--ts-color-gray-50);
--ts-color-orange-100: var(--ts-color-gray-100);
--ts-color-orange-200: var(--ts-color-gray-200);
--ts-color-orange-300: var(--ts-color-gray-300);
--ts-color-orange-400: var(--ts-color-gray-400);
--ts-color-orange-500: var(--ts-color-gray-700);
--ts-color-orange-600: var(--ts-color-gray-800);
--ts-color-orange-700: var(--ts-color-gray-900);
--ts-color-orange-800: var(--ts-color-gray-900);
--ts-color-orange-900: var(--ts-color-gray-900);
--ts-color-blue-hover: var(--ui-accent-hover);
--ui-type-micro-size: 0.6875rem;
--ui-type-caption-size: var(--ts-dashboard-caption-font-size);
--ui-type-body-size: var(--font-size-xs);
--ui-type-label-size: var(--ts-dashboard-label-font-size);
--ui-type-title-size: var(--ts-dashboard-title-font-size);
--ui-type-headline-size: var(--font-size-lg);
--ui-type-display-size: var(--font-size-xl);
--ui-type-display-lg-size: var(--font-size-2xl);
--ui-type-display-xl-size: var(--font-size-3xl);
/* Card anatomy (layout system v2): header, optional toolbar row, body, footer. The header carries no bottom
   padding unless it draws a divider, so the body's top padding is the one gap between title and content. */
--ts-dashboard-panel-body-padding: 1rem 1.25rem 1.25rem;
--ts-dashboard-panel-body-padding-mobile: 0.875rem 1rem 1rem;
--ts-dashboard-panel-body-padding-compact: 0.75rem 1rem 1rem;
--ts-dashboard-panel-body-padding-compact-mobile: 0.625rem 0.875rem 0.875rem;
--ts-dashboard-panel-toolbar-padding: 0.75rem 1.25rem 0;
--ts-dashboard-panel-toolbar-padding-mobile: 0.75rem 1rem 0;
--ts-dashboard-panel-footer-padding: 0.625rem 1.25rem;
--ts-dashboard-panel-footer-padding-mobile: 0.375rem 1rem;
--ui-table-font-size: var(--font-size-sm);
--ui-table-header-height-compact: 2rem;
--ui-table-header-height: 2.5rem;
--ui-table-cell-padding-compact: var(--spacing-2);
--ui-table-cell-padding: var(--spacing-4);
--ts-dashboard-panel-header-padding: 1rem var(--ts-dashboard-panel-header-padding-x) 0;
--ts-dashboard-panel-header-padding-mobile: 0.875rem 1rem 0;
--ts-dashboard-panel-header-padding-compact: 0.75rem var(--ts-dashboard-panel-header-padding-x-compact) 0;
--ts-dashboard-panel-header-padding-divided: var(--ts-dashboard-panel-header-padding-y) var(--ts-dashboard-panel-header-padding-x);
--ts-dashboard-panel-header-padding-divided-mobile: 0.75rem 1rem;
--ts-dashboard-panel-header-padding-divided-compact: var(--ts-dashboard-panel-header-padding-y-compact) var(--ts-dashboard-panel-header-padding-x-compact);
}

html.dark, :where([data-ui-color-mode="dark"]) {
--ts-signal-green: #3fb950;
--ts-signal-green-strong: #56d364;
--ts-signal-red: #f47067;
--ts-signal-red-strong: #ff938a;
--ts-signal-amber: #e3b341;
--ts-signal-amber-strong: #f0cc70;
--ts-chart-blue: #60a5fa;
--ts-chart-blue-soft: #93c5fd;
--ts-chart-cyan: #22d3ee;
--ts-chart-teal: #2dd4bf;
--ts-chart-indigo: #818cf8;
--ts-chart-violet: #a78bfa;
--ts-chart-rose: #fb7185;
--ts-chart-slate: #94a3b8;
--ci-color-ink: var(--ts-palette-paper);
--ci-color-ink-hover: #ffffff;
--ci-color-secondary-hover: #79b8ff;
--ci-color-tertiary-hover: var(--ts-palette-sand);
--ci-color-text: var(--ts-palette-paper);
--ci-color-text-rgb: 250, 250, 250;
--ui-page-background-solid: var(--ts-palette-ink);
--ui-surface-canvas: var(--ts-palette-ink);
--ui-surface-elevated: #1c1c1f;
--ui-surface-inset: var(--ui-surface-muted);
--ui-surface-inverse: var(--ts-palette-paper);
--ui-surface-inverse-hover: #ffffff;
--ui-topbar-background: color-mix(in srgb, var(--ts-palette-ink) 94%, transparent);
--ui-border-strong: #3f3f46;
--ui-border-contrast: rgba(24, 24, 27, 0.12);
--ui-text-primary: var(--ts-palette-paper);
--ui-text-primary-rgb: 250, 250, 250;
--ui-text-inverse: var(--ts-palette-ink);
--ui-focus-ring: #858585;
--ui-focus-ring-strong: #a3a3a3;
--ui-shadow-floating: 0 24px 72px rgba(0, 0, 0, 0.62);
--ui-selection-bg: color-mix(in srgb, var(--ts-palette-paper) 24%, transparent);
--ui-selection-fg: var(--ui-text-primary);
--ui-accent-text: var(--ts-palette-ink);
--ui-accent-muted: rgba(255, 255, 255, 0.055);
--ui-accent-soft: rgba(255, 255, 255, 0.075);
--ui-accent-border: rgba(255, 255, 255, 0.16);
--ui-accent-ring: rgba(255, 255, 255, 0.24);
--ui-status-info-surface: color-mix(in srgb, var(--ts-chart-blue) 16%, var(--ui-surface-panel));
--ui-status-info-border: color-mix(in srgb, var(--ts-chart-blue) 34%, var(--ui-surface-panel));
--ui-status-info-text: color-mix(in srgb, var(--ts-chart-blue-soft) 84%, var(--ts-palette-paper));
--ui-status-success-surface: color-mix(in srgb, var(--ts-signal-green) 16%, var(--ui-surface-panel));
--ui-status-success-border: color-mix(in srgb, var(--ts-signal-green) 34%, var(--ui-surface-panel));
--ui-status-success-text: color-mix(in srgb, var(--ts-signal-green-strong) 86%, var(--ts-palette-paper));
--ui-status-warning-surface: color-mix(in srgb, var(--ts-signal-amber) 15%, var(--ui-surface-panel));
--ui-status-warning-border: color-mix(in srgb, var(--ts-signal-amber) 32%, var(--ui-surface-panel));
--ui-status-warning-text: color-mix(in srgb, var(--ts-signal-amber-strong) 88%, var(--ts-palette-paper));
--ui-status-error-surface: color-mix(in srgb, var(--ts-signal-red) 15%, var(--ui-surface-panel));
--ui-status-error-border: color-mix(in srgb, var(--ts-signal-red) 34%, var(--ui-surface-panel));
--ui-status-error-text: color-mix(in srgb, var(--ts-signal-red-strong) 84%, var(--ts-palette-paper));
--ui-status-error-solid-text: var(--ts-palette-paper);
--ui-studio-accent: var(--ts-palette-primary);
--ui-studio-accent-hover: var(--ts-palette-primary-hover);
--ui-studio-accent-text: var(--ts-palette-ink);
--ui-studio-rail: color-mix(in srgb, var(--ts-palette-ink) 76%, black);
--ui-studio-rail-muted: rgba(226, 232, 240, 0.66);
--ui-studio-workspace: var(--ts-palette-ink);
--ui-studio-mat: color-mix(in srgb, var(--ts-palette-driftwood) 12%, var(--ts-palette-muted));
--ui-studio-panel: var(--ts-palette-surface);
--ui-studio-panel-border: color-mix(in srgb, var(--ts-palette-paper) 10%, transparent);
--ui-studio-grid: color-mix(in srgb, var(--ts-palette-paper) 12%, transparent);
--ui-studio-shadow-panel: 0 18px 40px rgba(0, 0, 0, 0.38);
--ui-studio-shadow-canvas: 0 30px 68px rgba(0, 0, 0, 0.56);
--ui-chart-primary-soft: color-mix(in srgb, var(--ui-chart-primary) 18%, transparent);
--ui-portfolio-project-1: #66c189;
--ui-portfolio-project-2: #ed905e;
--ui-portfolio-project-3: #958ae4;
--ui-portfolio-project-4: #e490b5;
--ui-portfolio-project-5: #5dc4c7;
--ui-portfolio-project-6: #deb95c;
--ui-portfolio-project-7: #de6e6d;
--ui-portfolio-project-8: #5593d6;
--ui-chart-activity-soft: color-mix(in srgb, var(--ui-chart-primary) 16%, transparent);
--ui-chart-outcome: color-mix(in srgb, var(--ts-chart-slate) 62%, var(--ui-surface-panel));
--ui-chart-grid: #1f1f23;
--ui-chart-traffic-audience: #6ba6ff;
--ui-chart-traffic-grid: #1f1f23;
--text-muted: color-mix(in srgb, var(--ui-text-tertiary) 72%, transparent);
--typography-color-body: var(--text);
--typography-color-heading: var(--text-emphasis);
--text-color-default: var(--text-emphasis);
--hero-text: var(--text-emphasis);
--color-neutral-black: var(--text-emphasis);
--color-neutral-white: var(--bg);
--color-neutral-gray-80: var(--text);
--color-neutral-gray-70: var(--text-subtle);
--color-neutral-gray-60: var(--text-muted);
--color-neutral-gray-30: #525252;
--color-neutral-gray-18: #404040;
--color-neutral-gray-10: #2b2b2b;
--color-neutral-gray-06: #1c1c1c;
--color-neutral-gray-04: #1c1c1c;
--color-neutral-gray-03: #171717;
--color-neutral-gray-02: #171717;
--color-neutral-hover-gray: #2b2b2b;
--color-neutral-active-gray: #404040;
--center-channel-color-rgb: 212, 212, 212;
--sys-center-channel-color-rgb-new: 212, 212, 212;
--white: var(--bg);
--mention-bg: var(--bg-subtle);
--mention-color: var(--text);
--background--100: #2b2b2b;
--background--200: #171717;
--background--300: #1c1c1c;
--off-white: #171717;
--bg-card: #1c1c1c;
--bg-cream: #171717;
--button-color: var(--ui-accent-text);
--button-background: rgba(255,255,255,.08);
--button-primary-background: var(--ui-accent);
--button-primary-text: var(--ui-accent-text);
--button-primary-text-hover: var(--ui-accent-text);
--button-primary-border-hover: var(--ui-accent-hover);
--button-secondary-text: var(--text);
--button-secondary-border: var(--border-emphasis);
--button-secondary-text-hover: var(--ui-accent-text);
--button-tertiary-text: var(--text-emphasis);
--button-tertiary-text-hover: var(--ui-accent-text);
--button-tertiary-border: var(--text-emphasis);
--button-minimal-primary: var(--ui-accent);
--button-minimal-secondary: var(--text-emphasis);
--button-minimal-tertiary: var(--text-emphasis);
--btn-bg-color: var(--ui-accent);
--btn-text-color: var(--ui-accent-text);
--btn-text-color-hover: var(--ui-accent-text);
--link-color-text-default: var(--text-emphasis);
--link-color-text-default-hover: var(--text);
--link-color-secondary-default: var(--text-subtle);
--link-heading-color: var(--text-emphasis);
--inline-link-text: var(--text);
--link-icon-color: var(--text-subtle);
--loader-border-top: var(--ui-accent);
--loader-border: var(--ui-border);
--shadow-large: 0 24px 64px rgba(0,0,0,.42);
--primary--50: #171717;
--primary--100: #1c1c1c;
--primary--200: #262626;
--primary--300: #404040;
--primary--500: #a3a3a3;
--neutrals--100: #404040;
--neutrals--200: #525252;
--neutrals--300: #737373;
--neutrals--500: #a3a3a3;
--neutrals--600: #d4d4d4;
--neutrals--700: #e5e5e5;
--neutrals--800: #f5f5f5;
--neutrals--900: #fafafa;
color-scheme: dark;
--ts-palette-paper: #fafafa;
--ts-palette-surface: #111113;
--ts-palette-muted: #18181b;
--ts-palette-line: #27272a;
--ts-palette-stone: #8b8b94;
--ts-palette-graphite: #a1a1aa;
--ts-palette-ink: #09090b;
--ts-palette-ink-contrast: #f4f6fa;
--ts-palette-primary: #fafafa;
--ts-palette-primary-hover: #ffffff;
--ts-palette-secondary: #6ba6ff;
--ts-palette-sky: #8fc0ff;
--ts-palette-yellow: #e3b341;
--ts-palette-yellow-soft: #262013;
--ts-palette-sand: #a69b8b;
--ts-palette-driftwood: #868d99;
--ui-surface-warm: color-mix(in srgb, var(--ts-palette-driftwood) 6%, var(--ts-palette-surface));
--ui-control-border: var(--ui-border-strong);
--ts-dashboard-panel-border: #262c36;
--ts-dashboard-panel-border-soft: var(--border);
--ts-dashboard-panel-border-strong: #3a414d;
--ui-link: #d4d4d4;
--ui-link-hover: #ffffff;
--ui-highlight-hover: #f0cc70;
--ui-highlight-muted: #2e2712;
--ui-highlight-border: #6e6130;
--ui-highlight-text: var(--ts-palette-yellow);
--ci-color-chart-1: #6ba6ff;
--ci-color-chart-2: #e58773;
--ci-color-chart-3: #5ec4c4;
--ci-color-chart-4: #deb459;
--ci-color-chart-5: #e585a7;
--ci-color-chart-6: #68b9e8;
--ci-color-chart-7: #9b92e5;
--ci-color-chart-8: #6fc082;
--ui-scout: #e879f9;
--ui-scout-soft: color-mix(in srgb, var(--ui-scout) 12%, var(--ts-palette-surface));
--ui-scout-border: color-mix(in srgb, var(--ui-scout) 36%, var(--ts-palette-surface));
--ui-scout-text: color-mix(in srgb, var(--ui-scout) 86%, var(--ts-palette-paper));
--color-palette-deep-blue: var(--ts-palette-sky);
--color-palette-electric-blue: var(--ts-palette-primary);
--ts-color-black-alpha-50: rgba(255, 255, 255, 0.04);
--ts-color-black-alpha-100: rgba(255, 255, 255, 0.06);
--ts-color-black-alpha-200: rgba(255, 255, 255, 0.08);
--ts-color-black-alpha-300: rgba(255, 255, 255, 0.16);
--ts-color-black-alpha-400: rgba(255, 255, 255, 0.24);
--ts-color-black-alpha-500: rgba(255, 255, 255, 0.36);
--ts-color-black-alpha-600: rgba(255, 255, 255, 0.48);
--ts-color-black-alpha-700: rgba(255, 255, 255, 0.64);
--ts-color-black-alpha-800: rgba(255, 255, 255, 0.80);
--ts-color-black-alpha-900: rgba(255, 255, 255, 0.92);
--ts-color-white-alpha-50: rgba(0, 0, 0, 0.04);
--ts-color-white-alpha-100: rgba(0, 0, 0, 0.06);
--ts-color-white-alpha-200: rgba(0, 0, 0, 0.08);
--ts-color-white-alpha-300: rgba(0, 0, 0, 0.16);
--ts-color-white-alpha-400: rgba(0, 0, 0, 0.24);
--ts-color-white-alpha-500: rgba(0, 0, 0, 0.36);
--ts-color-white-alpha-600: rgba(0, 0, 0, 0.48);
--ts-color-white-alpha-700: rgba(0, 0, 0, 0.64);
--ts-color-white-alpha-800: rgba(0, 0, 0, 0.80);
--ts-color-white-alpha-900: rgba(0, 0, 0, 0.92);
--ts-color-white: color-mix(in srgb, var(--ts-palette-ink, #0d0d0d) 82%, black);
--ts-color-black: var(--ts-palette-paper, #f7f7f4);
--ts-color-gray-50: #060607;
--ts-color-gray-100: #09090b;
--ts-color-gray-200: #0c0c0e;
--ts-color-gray-300: #8b8b94;
--ts-color-gray-400: #a1a1aa;
--ts-color-gray-500: #b4b4bb;
--ts-color-gray-600: #c4c4ca;
--ts-color-gray-700: #d4d4d8;
--ts-color-gray-800: #e4e4e7;
--ts-color-gray-900: #fafafa;
--ts-color-blue-50: #0a1526;
--ts-color-blue-100: #0f2240;
--ts-color-blue-200: #163561;
--ts-color-blue-300: #1e4886;
--ts-color-blue-400: #2d61b3;
--ts-color-blue-500: #4a83e0;
--ts-color-blue-600: #6ba6ff;
--ts-color-blue-700: #85b5ff;
--ts-color-blue-800: #aecdff;
--ts-color-blue-900: #dfeaff;
}

@media (prefers-color-scheme: dark) {
:root, :where([data-ui-color-mode]) {
  --foreground-rgb: 255, 255, 255;
  --background-start-rgb: 0, 0, 0;
  --background-end-rgb: 0, 0, 0;
}
}

@media (max-width: 47.99em) {
  :root, :where([data-ui-color-mode]) {
    --ts-dashboard-content-padding-x-mobile: 0.5rem;
    --ts-dashboard-content-padding-y-mobile: 0.625rem;
  }
}