:root{--surface-bg: var(--light-bg-color);--card-surface-bg: var(--light-card-bg-color);--inner-surface-bg: var(--inner-container-bg-light-no-glass);--inner-active-surface-bg: var(--inner-container-active-bg-light-no-glass);--inner-container-shadow: var(--inner-container-shadow-light);--small-element-surface-bg: var(--small-element-bg-light-no-glass);--small-element-on-card-surface-bg: var(--small-element-surface-bg);--dashboard-toolbar-chip-surface-bg: transparent;--small-element-hover-surface-bg: var(--small-element-hover-bg-light-no-glass);--small-element-active-surface-bg: var(--small-element-active-bg-light-no-glass);--overlay-surface-bg: var(--light-card-bg-color);--input-surface-bg: var(--input-bg-light-no-glass);--table-surface-bg: var(--table-bg-light-no-glass);--table-row-hover-surface-bg: rgba(248, 250, 252, .5);--thead-surface-bg: var(--thead-bg-light-no-glass);--status-filter-hover-bg: var(--status-filter-hover-bg-light-no-glass);--status-filter-hover-shadow: 0 4px 12px color-mix(in srgb, var(--dark-bg-color) 10%, transparent);--tooltip-surface-bg: rgba(var(--light-card-bg-color-rgb), .9);--tooltip-border-color: var(--no-glass-overlay-border-color);--tooltip-shadow: 0 2px 8px color-mix(in srgb, var(--dark-bg-color) 15%, transparent);--tooltip-text-color: var(--no-glass-overlay-text-color);--tooltip-backdrop-filter: none;--offline-surface-bg: var(--offline-bg-light-no-glass);--offline-surface-shadow: var(--offline-shadow-light);--stat-card-inner-surface-bg: var(--stat-card-inner-no-glass-bg)}:root.dark{--surface-bg: var(--dark-bg-color);--card-surface-bg: var(--dark-card-bg-color);--inner-surface-bg: var(--inner-container-bg-dark-no-glass);--inner-active-surface-bg: var(--inner-container-active-bg-dark-no-glass);--inner-container-shadow: var(--inner-container-shadow-dark);--small-element-surface-bg: var(--small-element-bg-dark-no-glass);--small-element-on-card-surface-bg: var(--small-element-surface-bg);--dashboard-toolbar-chip-surface-bg: transparent;--small-element-hover-surface-bg: var(--small-element-hover-bg-dark-no-glass);--small-element-active-surface-bg: var(--small-element-active-bg-dark-no-glass);--overlay-surface-bg: var(--dark-card-bg-color);--input-surface-bg: var(--input-bg-dark-no-glass);--table-surface-bg: var(--table-bg-dark-no-glass);--table-row-hover-surface-bg: #1a1a1a;--thead-surface-bg: var(--thead-bg-dark-no-glass);--status-filter-hover-bg: var(--status-filter-hover-bg-dark-no-glass);--status-filter-hover-shadow: 0 4px 12px color-mix(in srgb, var(--dark-bg-color) 25%, transparent);--tooltip-surface-bg: color-mix(in srgb, var(--no-glass-overlay-bg) 92.63%, transparent);--tooltip-border-color: rgba(var(--dark-border-color-rgb), .8);--tooltip-shadow: 0 2px 8px color-mix(in srgb, var(--dark-bg-color) 40%, transparent);--tooltip-text-color: var(--no-glass-overlay-text-color);--tooltip-backdrop-filter: none;--offline-surface-bg: transparent;--offline-surface-shadow: none;--stat-card-inner-surface-bg: var(--stat-card-inner-no-glass-bg)}:root.dark.home-showcase-global-dark{--surface-bg: var(--bg-color);--card-surface-bg: color-mix(in srgb, var(--card-bg-color) 88%, transparent);--inner-surface-bg: color-mix(in srgb, var(--card-bg-color) 74%, var(--bg-color) 26%);--inner-active-surface-bg: color-mix(in srgb, var(--card-bg-color) 84%, var(--accent-color) 16%);--small-element-surface-bg: color-mix(in srgb, var(--card-bg-color) 80%, var(--bg-color) 20%);--small-element-on-card-surface-bg: var(--small-element-surface-bg);--dashboard-toolbar-chip-surface-bg: transparent;--small-element-hover-surface-bg: color-mix(in srgb, var(--card-bg-color) 78%, var(--accent-color) 22%);--small-element-active-surface-bg: color-mix(in srgb, var(--card-bg-color) 68%, var(--accent-color) 32%);--overlay-surface-bg: color-mix(in srgb, var(--card-bg-color) 88%, transparent);--input-surface-bg: color-mix(in srgb, var(--card-bg-color) 82%, var(--bg-color) 18%);--table-surface-bg: color-mix(in srgb, var(--card-bg-color) 86%, transparent);--table-row-hover-surface-bg: color-mix(in srgb, var(--card-bg-color) 78%, var(--accent-color) 10%);--thead-surface-bg: color-mix(in srgb, var(--card-bg-color) 86%, var(--bg-color) 14%);--status-filter-hover-bg: color-mix(in srgb, var(--card-bg-color) 72%, var(--accent-color) 16%);--tooltip-surface-bg: color-mix(in srgb, var(--card-bg-color) 92%, transparent);--tooltip-border-color: color-mix(in srgb, var(--accent-color) 36%, transparent);--offline-surface-bg: transparent;--offline-surface-shadow: none;--stat-card-inner-surface-bg: color-mix(in srgb, var(--card-bg-color) 72%, var(--bg-color) 28%)}:root[data-glass=on]:not(.dark){--card-surface-bg: var(--card-bg-light-glass);--inner-surface-bg: var(--inner-container-bg-light-glass);--inner-active-surface-bg: var(--inner-container-active-bg-light-glass);--overlay-surface-bg: rgba(var(--light-card-bg-color-rgb), var(--glass-light-opacity));--small-element-surface-bg: var(--small-element-bg-light-glass);--small-element-on-card-surface-bg: var(--small-element-on-card-bg-light-glass);--dashboard-toolbar-chip-surface-bg: var(--small-element-on-card-surface-bg);--small-element-hover-surface-bg: var(--small-element-hover-bg-light-glass);--small-element-active-surface-bg: var(--small-element-active-bg-light-glass);--input-surface-bg: var(--input-bg-light-glass);--table-surface-bg: var(--table-bg-light-glass);--table-row-hover-surface-bg: rgba(248, 250, 252, calc(var(--glass-light-opacity, .35) * 1.5));--thead-surface-bg: var(--thead-bg-light-glass);--status-filter-hover-bg: var(--status-filter-hover-bg-light-glass);--status-filter-hover-shadow: 0 6px 16px color-mix(in srgb, var(--dark-bg-color) 8%, transparent);--tooltip-surface-bg: color-mix(in srgb, var(--glass-overlay-bg) 93.75%, transparent);--tooltip-border-color: color-mix(in srgb, var(--glass-overlay-border-color) 88.89%, transparent);--tooltip-shadow: 0 4px 12px color-mix(in srgb, var(--dark-bg-color) 12%, transparent), 0 2px 4px color-mix(in srgb, var(--dark-bg-color) 8%, transparent);--tooltip-text-color: var(--glass-overlay-text-color);--tooltip-backdrop-filter: blur(calc(var(--glass-blur) + 4px)) saturate(100%) contrast(1.1);--offline-surface-bg: transparent;--offline-surface-shadow: none;--stat-card-inner-surface-bg: transparent}:root.dark[data-glass=on]{--card-surface-bg: var(--card-bg-dark-glass);--inner-surface-bg: var(--inner-container-bg-dark-glass);--inner-active-surface-bg: var(--inner-container-active-bg-dark-glass);--overlay-surface-bg: rgba(var(--dark-card-bg-color-rgb), var(--glass-dark-opacity));--small-element-surface-bg: var(--small-element-bg-dark-glass);--small-element-on-card-surface-bg: var(--small-element-surface-bg);--dashboard-toolbar-chip-surface-bg: transparent;--small-element-hover-surface-bg: var(--small-element-hover-bg-dark-glass);--small-element-active-surface-bg: var(--small-element-active-bg-dark-glass);--input-surface-bg: var(--input-bg-dark-glass);--table-surface-bg: var(--table-bg-dark-glass);--table-row-hover-surface-bg: rgba(255, 255, 255, calc(var(--glass-dark-opacity, .4) * .18));--thead-surface-bg: var(--thead-bg-dark-glass);--status-filter-hover-bg: var(--status-filter-hover-bg-dark-glass);--status-filter-hover-shadow: 0 6px 16px color-mix(in srgb, var(--dark-bg-color) 20%, transparent);--tooltip-surface-bg: rgba(var(--dark-card-bg-color-rgb), .3);--tooltip-border-color: var(--glass-overlay-border-color);--tooltip-shadow: 0 4px 12px color-mix(in srgb, var(--dark-bg-color) 40%, transparent), 0 2px 4px color-mix(in srgb, var(--dark-bg-color) 30%, transparent);--tooltip-text-color: var(--glass-overlay-text-color);--tooltip-backdrop-filter: blur(calc(var(--glass-blur) + 4px)) saturate(100%) contrast(1.06);--offline-surface-bg: transparent;--offline-surface-shadow: none;--stat-card-inner-surface-bg: transparent}:root.dark.home-showcase-global-dark[data-glass=on]{--card-surface-bg: color-mix(in srgb, var(--card-bg-color) 52%, transparent);--inner-surface-bg: color-mix(in srgb, var(--card-bg-color) 42%, transparent);--inner-active-surface-bg: color-mix(in srgb, var(--card-bg-color) 54%, var(--accent-color) 18%);--small-element-surface-bg: color-mix(in srgb, var(--card-bg-color) 46%, transparent);--small-element-on-card-surface-bg: var(--small-element-surface-bg);--dashboard-toolbar-chip-surface-bg: transparent;--small-element-hover-surface-bg: color-mix(in srgb, var(--card-bg-color) 46%, var(--accent-color) 16%);--small-element-active-surface-bg: color-mix(in srgb, var(--card-bg-color) 40%, var(--accent-color) 28%);--overlay-surface-bg: color-mix(in srgb, var(--card-bg-color) 52%, transparent);--input-surface-bg: color-mix(in srgb, var(--card-bg-color) 52%, transparent);--table-surface-bg: color-mix(in srgb, var(--card-bg-color) 50%, transparent);--table-row-hover-surface-bg: color-mix(in srgb, var(--card-bg-color) 78%, var(--accent-color) 10%);--thead-surface-bg: color-mix(in srgb, var(--card-bg-color) 52%, transparent);--tooltip-surface-bg: color-mix(in srgb, var(--card-bg-color) 74%, transparent);--stat-card-inner-surface-bg: transparent}