:root{--color-primary: #b71c1c;--color-primary-dark: #7f0000;--color-primary-light: #f8b4b4;--color-primary-hover: rgba(183, 28, 28, .3);--color-primary-alt: #d32f2f;--color-secondary: #8b0000;--color-secondary-dark: #5a0000;--color-secondary-light: #c25757;--color-focus: #ff5252;--color-success: #43a047;--color-success-alt: #4caf50;--color-success-bright: #0f9d58;--color-warning: #ffa600;--color-warning-alt: #f4b400;--color-error: #db4437;--color-error-alt: #f44336;--color-info: #039be5;--color-info-alt: #2196f3;--color-active: #4caf50;--color-inactive: #9e9e9e;--color-selected: #d32f2f;--color-hover-line: rgba(255, 255, 255, .9);--color-background: #050505;--color-background-alt: #120000;--color-surface: #1a0000;--color-surface-variant: #250000;--color-sidebar: #1f0000;--color-text-primary: #f5f5f5;--color-text-primary-alt: #ffeaea;--color-text-secondary: #a18d8d;--color-text-secondary-alt: #8a7a7a;--color-text-disabled: #8c6c6c;--color-text-hint: rgba(255, 255, 255, .38);--color-text-high: rgba(255, 255, 255, .92);--color-text-medium: rgba(255, 255, 255, .7);--color-text-low: rgba(255, 255, 255, .45);--color-border-light: rgba(255, 255, 255, .12);--color-border-medium: rgba(255, 255, 255, .24);--color-border-dark: rgba(255, 255, 255, .38);--color-border-strong: #883a3a;--color-divider: rgba(255, 255, 255, .12);--color-input-idle-line: rgba(255, 255, 255, .42);--color-input-hover-line: rgba(255, 255, 255, .87);--color-input-disabled-line: rgba(255, 255, 255, .12);--color-input-outlined-idle: rgba(255, 255, 255, .38);--color-input-outlined-hover: rgba(255, 255, 255, .87);--color-input-fill: rgb(33, 0, 0);--color-input-disabled-fill: rgb(28, 0, 0);--color-input-ink: rgba(255, 255, 255, .9);--color-input-label-ink: rgba(255, 255, 255, .7);--color-input-disabled-ink: rgba(255, 255, 255, .4);--color-overlay: rgba(0, 0, 0, .5);--color-overlay-light: rgba(0, 0, 0, .32);--spacing-base: 8px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--spacing-card-padding: 16px;--spacing-panel-padding: 24px;--spacing-section-gap: 16px;--spacing-button-padding: 8px 16px;--spacing-input-padding: 0 16px;--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-xxl: 24px;--radius-xxxl: 28px;--radius-pill: 9999px;--radius-circle: 50%;--font-family-body: Roboto, Noto, sans-serif;--font-family-heading: Roboto, Noto, sans-serif;--font-family-code: monospace;--font-family-longform: ui-sans-serif, system-ui, sans-serif;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-xxl: 24px;--font-size-xxxl: 28px;--font-size-xxxxl: 32px;--font-size-headline1: 96px;--font-size-headline2: 60px;--font-size-headline3: 48px;--font-size-headline4: 34px;--font-size-headline5: 24px;--font-size-headline6: 20px;--font-size-body1: 16px;--font-size-body2: 14px;--font-size-caption: 12px;--font-size-button: 14px;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--shadow-none: none;--shadow-2dp: 0 1px 2px rgba(0, 0, 0, .06);--shadow-4dp: 0 1px 3px rgba(0, 0, 0, .08);--shadow-6dp: 0 2px 4px rgba(0, 0, 0, .08);--shadow-8dp: 0 2px 6px rgba(0, 0, 0, .1);--shadow-16dp: 0 4px 12px rgba(0, 0, 0, .12);--shadow-24dp: 0 8px 24px rgba(0, 0, 0, .15);--shadow-card: var(--shadow-2dp);--shadow-button: 0 1px 2px rgba(0, 0, 0, .05);--shadow-fab: 0 2px 4px rgba(0, 0, 0, .1);--shadow-app-bar: 0 1px 3px rgba(0, 0, 0, .08);--shadow-dialog: var(--shadow-24dp);--duration-instant: 0ms;--duration-fast: .1s;--duration-short: .15s;--duration-normal: .2s;--duration-medium: .25s;--duration-long: .3s;--duration-slower: .5s;--easing-standard: cubic-bezier(.4, 0, .2, 1);--easing-deceleration: cubic-bezier(0, 0, .2, 1);--easing-acceleration: cubic-bezier(.4, 0, 1, 1);--easing-sharp: cubic-bezier(.4, 0, .6, 1);--transition-default: all .2s cubic-bezier(.4, 0, .2, 1);--transition-panel: transform .3s cubic-bezier(.4, 0, .2, 1);--transition-fade: opacity .2s cubic-bezier(.4, 0, .2, 1);--z-index-base: 0;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--automation-header-font-size: 20px;--automation-header-font-weight: 700;--automation-header-color: var(--color-text-primary-alt);--automation-header-margin-bottom: 16px;--automation-card-background: var(--color-surface);--automation-card-border: 1px solid var(--color-border-light);--automation-card-radius: var(--radius-md);--automation-card-padding: 12px 16px;--automation-card-margin: 8px 0;--automation-card-hover-bg: #2c0000;--automation-btn-height: 36px;--automation-btn-padding: 8px 24px;--automation-btn-radius: var(--radius-xxxl);--automation-btn-font-size: 14px;--automation-btn-font-weight: 500;--automation-summary-color: var(--color-text-secondary-alt);--automation-summary-font-size: 14px;--automation-icon-size: 24px;--automation-icon-color: var(--color-primary-alt);--automation-spacing-cards: 8px;--automation-spacing-sections: 24px;--panel-filter-width: 250px;--panel-filter-width-lg: 280px;--panel-filter-z-index: 500;--panel-filter-shadow: 2px 0 6px rgba(0, 0, 0, .1);--panel-config-width: 60vw;--panel-config-width-max: 70vw;--panel-config-z-index: 600;--panel-config-shadow: -2px 0 6px rgba(0, 0, 0, .12);--panel-header-height: 64px;--panel-header-background: #5a0000;--panel-header-color: var(--color-text-primary-alt);--panel-header-padding: 16px;--panel-body-background: var(--color-surface);--panel-body-padding: 16px;--panel-footer-height: 64px;--panel-footer-padding: 16px;--panel-footer-background: var(--color-surface-variant);--panel-transition: .3s cubic-bezier(.4, 0, .2, 1);--grid-row-height: 56px;--grid-row-padding: 16px;--grid-row-hover-bg: #2c0000;--grid-row-border: 1px solid var(--color-border-light);--grid-toolbar-height: 56px;--grid-toolbar-padding: 8px 16px;--grid-toolbar-background: var(--color-surface);--grid-toolbar-gap: 8px;--app-gradient: linear-gradient(135deg, #050505 40%, #3a0000 100%);--header-gradient: linear-gradient(90deg, #5a0000 0%, #b71c1c 100%);--menu-gradient: linear-gradient(90deg, #5a0000 0%, #b71c1c 100%);--overlay-hover: rgba(255, 255, 255, .05);--overlay-active: rgba(255, 255, 255, .1);--overlay-selected: rgba(255, 255, 255, .15);--overlay-backdrop: rgba(0, 0, 0, .5);--overlay-scrim: rgba(0, 0, 0, .32);--card-background: rgba(0, 0, 0, .3);--card-background-hover: rgba(0, 0, 0, .4);--card-border: rgba(255, 255, 255, .1);--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--card-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--table-background: rgba(0, 0, 0, .2);--table-row-hover: rgba(255, 255, 255, .05);--table-row-selected: rgba(183, 28, 28, .25);--table-border: rgba(255, 255, 255, .08);--table-header-bg: rgba(0, 0, 0, .3);--menu-background: rgba(30, 30, 30, .98);--menu-item-hover: rgba(255, 255, 255, .1);--menu-border: rgba(255, 255, 255, .15);--menu-shadow: 0 2px 8px rgba(0, 0, 0, .12);--input-background: rgba(0, 0, 0, .25);--input-border: rgba(255, 255, 255, .2);--input-border-hover: rgba(255, 255, 255, .4);--input-border-focus: var(--color-primary);--input-text: var(--color-text-primary);--input-placeholder: rgba(255, 255, 255, .5);--button-text-color: rgba(255, 255, 255, .87);--button-hover-overlay: rgba(255, 255, 255, .08);--button-active-overlay: rgba(255, 255, 255, .12);--button-disabled-bg: rgba(255, 255, 255, .12);--button-disabled-text: rgba(255, 255, 255, .38);--scrollbar-track: rgba(0, 0, 0, .15);--scrollbar-thumb: rgba(255, 255, 255, .3);--scrollbar-thumb-hover: rgba(255, 255, 255, .5);--chip-background: rgba(255, 255, 255, .1);--chip-text: var(--color-text-secondary);--chip-border: rgba(255, 255, 255, .2);--version-tab-bg: rgba(0, 0, 0, .4);--version-tab-border: rgba(183, 28, 28, .5);--version-tab-hover-bg: rgba(183, 28, 28, .25);--version-tab-active-bg: rgba(183, 28, 28, .35);--version-tab-active-shadow: 0 0 12px rgba(183, 28, 28, .5);--divider-color: rgba(255, 255, 255, .12);--divider-strong: rgba(255, 255, 255, .24);--focus-ring: 0 0 0 2px var(--color-focus);--focus-ring-offset: 0 0 0 4px rgba(255, 82, 82, .3)}:root{--primary-color: #03a9f4;--primary-background-color: #fafafa;--secondary-background-color: #e5e5e5;--primary-text-color: #212121;--secondary-text-color: #727272;--disabled-text-color: #bdbdbd;--accent-color: #ff9800;--state-active-color: #4caf50;--state-inactive-color: #9e9e9e;--success-color: #0f9d58;--warning-color: #f4b400;--error-color: #db4437;--info-color: #2196f3;--card-background-color: #ffffff;--sidebar-background-color: #f7f7f7;--divider-color: rgba(0, 0, 0, .12);--border-color: #e0e0e0;--text-light-primary-color: #212121;--text-light-secondary-color: #727272;--text-light-disabled-color: #bdbdbd;--input-idle-line-color: rgba(0, 0, 0, .42);--input-hover-line-color: rgba(0, 0, 0, .87);--input-disabled-line-color: rgba(0, 0, 0, .06);--input-outlined-idle-border-color: rgba(0, 0, 0, .38);--input-outlined-hover-border-color: rgba(0, 0, 0, .87);--input-fill-color: rgb(245, 245, 245);--input-disabled-fill-color: rgb(250, 250, 250);--input-ink-color: rgba(0, 0, 0, .87);--input-label-ink-color: rgba(0, 0, 0, .6);--input-disabled-ink-color: rgba(0, 0, 0, .37)}:root{--spacing-base: 8px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--card-padding: 16px;--panel-padding: 24px;--section-gap: 16px;--button-padding: 8px 16px;--ha-card-border-radius: 12px;--mdc-shape-small: 4px;--mdc-shape-medium: 4px;--paper-dialog-border-radius: 28px}:root{--mdc-typography-font-family: Roboto, "Noto", sans-serif;--paper-font-common-base: Roboto, "Noto", sans-serif;--font-family: Roboto, "Noto", sans-serif;--mdc-typography-headline1-font-size: 6rem;--mdc-typography-headline2-font-size: 3.75rem;--mdc-typography-headline3-font-size: 3rem;--mdc-typography-headline4-font-size: 2.125rem;--mdc-typography-headline5-font-size: 1.5rem;--mdc-typography-headline6-font-size: 1.25rem;--mdc-typography-body1-font-size: 1rem;--mdc-typography-body2-font-size: .875rem;--mdc-typography-caption-font-size: .75rem;--mdc-typography-button-font-size: .875rem;--font-size-base: 14px;--font-size-small: 12px;--font-size-large: 16px;--font-size-xlarge: 20px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--line-height-base: 1.5;--line-height-heading: 1.2}:root{--shadow-elevation-2dp: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);--shadow-elevation-4dp: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-elevation-8dp: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2);--shadow-elevation-16dp: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);--ha-card-box-shadow: var(--shadow-elevation-2dp);--mdc-dialog-box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12)}:root{--mdc-motion-easing-standard: cubic-bezier(.4, 0, .2, 1);--mdc-motion-easing-deceleration: cubic-bezier(0, 0, .2, 1);--mdc-motion-easing-acceleration: cubic-bezier(.4, 0, 1, 1);--mdc-motion-easing-sharp: cubic-bezier(.4, 0, .6, 1);--mdc-motion-duration-short: .15s;--mdc-motion-duration-medium: .25s;--mdc-motion-duration-long: .3s;--transition-default: all .2s var(--mdc-motion-easing-standard);--transition-panel: transform .3s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=dark-red]{--color-primary: #b71c1c;--color-primary-dark: #7f0000;--color-primary-light: #f8b4b4;--color-primary-hover: rgba(183, 28, 28, .3);--color-primary-alt: #d32f2f;--color-secondary: #8b0000;--color-secondary-dark: #5a0000;--color-secondary-light: #c25757;--color-focus: #ff5252;--color-background: #050505;--color-background-alt: #120000;--color-surface: #1a0000;--color-surface-variant: #250000;--color-sidebar: #1f0000;--color-text-primary: #f5f5f5;--color-text-primary-alt: #ffeaea;--color-text-secondary: #a18d8d;--color-text-secondary-alt: #8a7a7a;--panel-header-background: #5a0000;--panel-body-background: #1a0000;--panel-footer-background: #250000;--header-gradient: linear-gradient(90deg, #5a0000 0%, #b71c1c 100%);--app-gradient: linear-gradient(135deg, #050505 40%, #3a0000 100%);--focus-ring: 0 0 0 2px var(--color-focus);--focus-ring-offset: 0 0 0 4px rgba(183, 28, 28, .3)}:root[data-theme=dark-blue]{--color-primary: #1565c0;--color-primary-dark: #003c8f;--color-primary-light: #90caf9;--color-primary-hover: rgba(21, 101, 192, .3);--color-primary-alt: #1976d2;--color-secondary: #0d47a1;--color-secondary-dark: #002171;--color-secondary-light: #5472d3;--color-focus: #448aff;--color-background: #050508;--color-background-alt: #0a0a12;--color-surface: #0d1117;--color-surface-variant: #161b22;--color-sidebar: #0d1117;--color-text-primary: #f0f6fc;--color-text-primary-alt: #e6edf3;--color-text-secondary: #8b949e;--color-text-secondary-alt: #7d8590;--panel-header-background: #0d47a1;--panel-body-background: #0d1117;--panel-footer-background: #161b22;--header-gradient: linear-gradient(90deg, #0d47a1 0%, #1565c0 100%);--app-gradient: linear-gradient(135deg, #050508 40%, #0d1117 100%);--color-border-strong: #30363d;--automation-icon-color: #1976d2;--version-tab-bg: rgba(0, 0, 0, .4);--version-tab-border: rgba(21, 101, 192, .5);--version-tab-hover-bg: rgba(21, 101, 192, .25);--version-tab-active-bg: rgba(21, 101, 192, .35);--version-tab-active-shadow: 0 0 12px rgba(21, 101, 192, .5);--focus-ring: 0 0 0 2px var(--color-focus);--focus-ring-offset: 0 0 0 4px rgba(21, 101, 192, .3)}:root[data-theme=dark-green]{--color-primary: #2e7d32;--color-primary-dark: #1b5e20;--color-primary-light: #81c784;--color-primary-hover: rgba(46, 125, 50, .3);--color-primary-alt: #388e3c;--color-secondary: #1b5e20;--color-secondary-dark: #003300;--color-secondary-light: #4caf50;--color-focus: #69f0ae;--color-background: #050805;--color-background-alt: #0a120a;--color-surface: #0d170d;--color-surface-variant: #162216;--color-sidebar: #0d170d;--color-text-primary: #f0fcf0;--color-text-primary-alt: #e6f3e6;--color-text-secondary: #8b9e8b;--color-text-secondary-alt: #7d907d;--panel-header-background: #1b5e20;--panel-body-background: #0d170d;--panel-footer-background: #162216;--header-gradient: linear-gradient(90deg, #1b5e20 0%, #2e7d32 100%);--app-gradient: linear-gradient(135deg, #050805 40%, #0d170d 100%);--color-border-strong: #2e7d32;--automation-icon-color: #4caf50;--version-tab-bg: rgba(0, 0, 0, .4);--version-tab-border: rgba(46, 125, 50, .5);--version-tab-hover-bg: rgba(46, 125, 50, .25);--version-tab-active-bg: rgba(46, 125, 50, .35);--version-tab-active-shadow: 0 0 12px rgba(46, 125, 50, .5);--focus-ring: 0 0 0 2px var(--color-focus);--focus-ring-offset: 0 0 0 4px rgba(46, 125, 50, .3)}:root[data-theme=dark-purple]{--color-primary: #7b1fa2;--color-primary-dark: #4a0072;--color-primary-light: #ce93d8;--color-primary-hover: rgba(123, 31, 162, .3);--color-primary-alt: #9c27b0;--color-secondary: #6a1b9a;--color-secondary-dark: #38006b;--color-secondary-light: #ab47bc;--color-focus: #ea80fc;--color-background: #080508;--color-background-alt: #120a12;--color-surface: #170d17;--color-surface-variant: #221622;--color-sidebar: #170d17;--color-text-primary: #fcf0fc;--color-text-primary-alt: #f3e6f3;--color-text-secondary: #9e8b9e;--color-text-secondary-alt: #907d90;--panel-header-background: #6a1b9a;--panel-body-background: #170d17;--panel-footer-background: #221622;--header-gradient: linear-gradient(90deg, #6a1b9a 0%, #7b1fa2 100%);--app-gradient: linear-gradient(135deg, #080508 40%, #170d17 100%);--color-border-strong: #7b1fa2;--automation-icon-color: #ab47bc;--version-tab-bg: rgba(0, 0, 0, .4);--version-tab-border: rgba(123, 31, 162, .5);--version-tab-hover-bg: rgba(123, 31, 162, .25);--version-tab-active-bg: rgba(123, 31, 162, .35);--version-tab-active-shadow: 0 0 12px rgba(123, 31, 162, .5);--focus-ring: 0 0 0 2px var(--color-focus);--focus-ring-offset: 0 0 0 4px rgba(123, 31, 162, .3)}:root[data-theme=dark-orange]{--color-primary: #e65100;--color-primary-dark: #ac1900;--color-primary-light: #ffb74d;--color-primary-hover: rgba(230, 81, 0, .3);--color-primary-alt: #f57c00;--color-secondary: #bf360c;--color-secondary-dark: #870000;--color-secondary-light: #ff6d00;--color-focus: #ffab40;--color-background: #080605;--color-background-alt: #120c0a;--color-surface: #17100d;--color-surface-variant: #221916;--color-sidebar: #17100d;--color-text-primary: #fcf4f0;--color-text-primary-alt: #f3ebe6;--color-text-secondary: #9e928b;--color-text-secondary-alt: #90857d;--panel-header-background: #bf360c;--panel-body-background: #17100d;--panel-footer-background: #221916;--header-gradient: linear-gradient(90deg, #bf360c 0%, #e65100 100%);--app-gradient: linear-gradient(135deg, #080605 40%, #17100d 100%);--color-border-strong: #e65100;--automation-icon-color: #ff9800;--version-tab-bg: rgba(0, 0, 0, .4);--version-tab-border: rgba(230, 81, 0, .5);--version-tab-hover-bg: rgba(230, 81, 0, .25);--version-tab-active-bg: rgba(230, 81, 0, .35);--version-tab-active-shadow: 0 0 12px rgba(230, 81, 0, .5);--focus-ring: 0 0 0 2px var(--color-focus);--focus-ring-offset: 0 0 0 4px rgba(230, 81, 0, .3)}:root[data-theme=light-red]{--color-primary: #c62828;--color-primary-dark: #8e0000;--color-primary-light: #8b6b6b;--color-primary-hover: rgba(198, 40, 40, .12);--color-primary-alt: #d32f2f;--color-secondary: #b71c1c;--color-secondary-dark: #7f0000;--color-secondary-light: #f05545;--color-focus: #d32f2f;--color-background: #fafafa;--color-background-alt: #f5f5f5;--color-surface: #ffffff;--color-surface-variant: #f5f5f5;--color-sidebar: #ffffff;--color-text-primary: #37474f;--color-text-primary-alt: #263238;--color-text-secondary: #546e7a;--color-text-secondary-alt: #78909c;--color-text-disabled: #9e9e9e;--color-text-hint: rgba(0, 0, 0, .38);--color-text-high: rgba(0, 0, 0, .8);--color-text-medium: rgba(0, 0, 0, .6);--color-text-low: rgba(0, 0, 0, .38);--color-border-light: rgba(0, 0, 0, .08);--color-border-medium: rgba(0, 0, 0, .12);--color-border-dark: rgba(0, 0, 0, .24);--color-border-strong: #c62828;--color-divider: rgba(0, 0, 0, .12);--app-gradient: linear-gradient(135deg, #fafafa 0%, #ffebee 100%);--header-gradient: linear-gradient(90deg, #c62828 0%, #ef5350 100%);--menu-gradient: linear-gradient(90deg, #c62828 0%, #ef5350 100%);--overlay-hover: #e8e8e8;--overlay-active: #e0e0e0;--overlay-selected: #d8d8d8;--overlay-backdrop: rgba(0, 0, 0, .5);--overlay-scrim: rgba(0, 0, 0, .32);--card-background: #ffffff;--card-background-hover: #fafafa;--card-border: rgba(0, 0, 0, .12);--card-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .06);--card-shadow-hover: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--table-background: #ffffff;--table-row-hover: #f0f0f0;--table-row-selected: rgba(198, 40, 40, .15);--table-border: rgba(0, 0, 0, .08);--table-header-bg: #fafafa;--menu-background: #ffffff;--menu-item-hover: rgba(198, 40, 40, .08);--menu-border: rgba(0, 0, 0, .12);--menu-shadow: 0 4px 16px rgba(0, 0, 0, .15);--input-background: #ffffff;--input-border: rgba(0, 0, 0, .23);--input-border-hover: rgba(0, 0, 0, .4);--input-border-focus: var(--color-primary);--input-text: #212121;--input-placeholder: rgba(0, 0, 0, .42);--button-text-color: rgba(0, 0, 0, .87);--button-hover-overlay: rgba(0, 0, 0, .04);--button-active-overlay: rgba(0, 0, 0, .08);--button-disabled-bg: rgba(0, 0, 0, .12);--button-disabled-text: rgba(0, 0, 0, .38);--scrollbar-track: rgba(0, 0, 0, .05);--scrollbar-thumb: rgba(0, 0, 0, .2);--scrollbar-thumb-hover: rgba(0, 0, 0, .35);--chip-background: rgba(0, 0, 0, .08);--chip-text: #666666;--chip-border: rgba(0, 0, 0, .12);--divider-color: rgba(0, 0, 0, .12);--divider-strong: rgba(0, 0, 0, .24);--focus-ring: 0 0 0 2px var(--color-focus);--focus-ring-offset: 0 0 0 4px rgba(198, 40, 40, .2);--panel-header-background: #c62828;--panel-header-color: #ffffff;--panel-body-background: #ffffff;--panel-footer-background: #f5f5f5;--shadow-2dp: 0 2px 4px rgba(0, 0, 0, .1);--shadow-4dp: 0 4px 8px rgba(0, 0, 0, .12);--shadow-6dp: 0 6px 12px rgba(0, 0, 0, .12);--shadow-8dp: 0 8px 16px rgba(0, 0, 0, .12);--shadow-card: 0 1px 3px rgba(0, 0, 0, .12);--shadow-dialog: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14);--automation-card-background: #ffffff;--automation-card-hover-bg: #fff5f5;--automation-header-color: #212121;--automation-icon-color: #c62828;--automation-summary-color: #666666;--grid-row-hover-bg: rgba(0, 0, 0, .04);--grid-toolbar-background: #ffffff;--version-tab-bg: #fafafa;--version-tab-border: rgba(198, 40, 40, .3);--version-tab-hover-bg: rgba(198, 40, 40, .08);--version-tab-active-bg: rgba(198, 40, 40, .12);--version-tab-active-shadow: 0 0 4px rgba(198, 40, 40, .2)}:root[data-theme=light-blue]{--color-primary: #1565c0;--color-primary-dark: #003c8f;--color-primary-light: #5e92f3;--color-primary-hover: rgba(21, 101, 192, .12);--color-primary-alt: #1976d2;--color-secondary: #0d47a1;--color-secondary-dark: #002171;--color-secondary-light: #5472d3;--color-focus: #1976d2;--color-background: #fafafa;--color-background-alt: #f5f5f5;--color-surface: #ffffff;--color-surface-variant: #f5f5f5;--color-sidebar: #ffffff;--color-text-primary: #37474f;--color-text-primary-alt: #263238;--color-text-secondary: #546e7a;--color-text-secondary-alt: #78909c;--color-text-disabled: #9e9e9e;--color-text-hint: rgba(0, 0, 0, .38);--color-text-high: rgba(0, 0, 0, .8);--color-text-medium: rgba(0, 0, 0, .6);--color-text-low: rgba(0, 0, 0, .38);--color-border-light: rgba(0, 0, 0, .08);--color-border-medium: rgba(0, 0, 0, .12);--color-border-dark: rgba(0, 0, 0, .24);--color-border-strong: #1565c0;--color-divider: rgba(0, 0, 0, .12);--app-gradient: linear-gradient(135deg, #fafafa 0%, #e3f2fd 100%);--header-gradient: linear-gradient(90deg, #1565c0 0%, #42a5f5 100%);--menu-gradient: linear-gradient(90deg, #1565c0 0%, #42a5f5 100%);--overlay-hover: #e8e8e8;--overlay-active: #e0e0e0;--overlay-selected: #d8d8d8;--overlay-backdrop: rgba(0, 0, 0, .5);--overlay-scrim: rgba(0, 0, 0, .32);--card-background: #ffffff;--card-background-hover: #fafafa;--card-border: rgba(0, 0, 0, .12);--card-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .06);--card-shadow-hover: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--table-background: #ffffff;--table-row-hover: #f0f0f0;--table-row-selected: rgba(21, 101, 192, .12);--table-border: rgba(0, 0, 0, .08);--table-header-bg: #f5f5f5;--menu-background: #ffffff;--menu-item-hover: rgba(0, 0, 0, .04);--menu-border: rgba(0, 0, 0, .12);--menu-shadow: 0 4px 16px rgba(0, 0, 0, .15);--input-background: #ffffff;--input-border: rgba(0, 0, 0, .23);--input-border-hover: rgba(0, 0, 0, .4);--input-border-focus: var(--color-primary);--input-text: #212121;--input-placeholder: rgba(0, 0, 0, .42);--button-text-color: rgba(0, 0, 0, .87);--button-hover-overlay: rgba(0, 0, 0, .04);--button-active-overlay: rgba(0, 0, 0, .08);--button-disabled-bg: rgba(0, 0, 0, .12);--button-disabled-text: rgba(0, 0, 0, .38);--scrollbar-track: rgba(0, 0, 0, .05);--scrollbar-thumb: rgba(0, 0, 0, .2);--scrollbar-thumb-hover: rgba(0, 0, 0, .35);--chip-background: rgba(0, 0, 0, .08);--chip-text: #666666;--chip-border: rgba(0, 0, 0, .12);--divider-color: rgba(0, 0, 0, .12);--divider-strong: rgba(0, 0, 0, .24);--focus-ring: 0 0 0 2px var(--color-focus);--focus-ring-offset: 0 0 0 4px rgba(21, 101, 192, .2);--panel-header-background: #1565c0;--panel-header-color: #ffffff;--panel-body-background: #ffffff;--panel-footer-background: #f5f5f5;--shadow-2dp: 0 2px 4px rgba(0, 0, 0, .1);--shadow-4dp: 0 4px 8px rgba(0, 0, 0, .12);--shadow-6dp: 0 6px 12px rgba(0, 0, 0, .12);--shadow-8dp: 0 8px 16px rgba(0, 0, 0, .12);--shadow-card: 0 1px 3px rgba(0, 0, 0, .12);--shadow-dialog: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14);--automation-card-background: #ffffff;--automation-card-hover-bg: #f5f9ff;--automation-header-color: #212121;--automation-icon-color: #1565c0;--automation-summary-color: #666666;--grid-row-hover-bg: rgba(0, 0, 0, .04);--grid-toolbar-background: #ffffff;--version-tab-bg: #fafafa;--version-tab-border: rgba(21, 101, 192, .3);--version-tab-hover-bg: rgba(21, 101, 192, .08);--version-tab-active-bg: rgba(21, 101, 192, .12);--version-tab-active-shadow: 0 0 4px rgba(21, 101, 192, .2)}:root[data-theme=light-green]{--color-primary: #2e7d32;--color-primary-dark: #1b5e20;--color-primary-light: #81c784;--color-primary-hover: rgba(46, 125, 50, .12);--color-primary-alt: #388e3c;--color-secondary: #43a047;--color-secondary-dark: #2e7d32;--color-secondary-light: #66bb6a;--color-focus: #2e7d32;--color-background: #fafafa;--color-background-alt: #f5f5f5;--color-surface: #ffffff;--color-surface-variant: #f5f5f5;--color-sidebar: #ffffff;--color-text-primary: #37474f;--color-text-primary-alt: #263238;--color-text-secondary: #546e7a;--color-text-secondary-alt: #78909c;--color-text-disabled: #9e9e9e;--color-text-hint: rgba(0, 0, 0, .38);--color-text-high: rgba(0, 0, 0, .8);--color-text-medium: rgba(0, 0, 0, .6);--color-text-low: rgba(0, 0, 0, .38);--color-border-light: rgba(0, 0, 0, .08);--color-border-medium: rgba(0, 0, 0, .12);--color-border-dark: rgba(0, 0, 0, .24);--color-border-strong: #2e7d32;--color-divider: rgba(0, 0, 0, .12);--app-gradient: linear-gradient(135deg, #fafafa 0%, #e8f5e9 100%);--header-gradient: linear-gradient(90deg, #2e7d32 0%, #66bb6a 100%);--menu-gradient: linear-gradient(90deg, #2e7d32 0%, #66bb6a 100%);--overlay-hover: #e8e8e8;--overlay-active: #e0e0e0;--overlay-selected: #d8d8d8;--overlay-backdrop: rgba(0, 0, 0, .5);--overlay-scrim: rgba(0, 0, 0, .32);--card-background: #ffffff;--card-background-hover: #fafafa;--card-border: rgba(0, 0, 0, .12);--card-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .06);--card-shadow-hover: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--table-background: #ffffff;--table-row-hover: #f0f0f0;--table-row-selected: rgba(46, 125, 50, .15);--table-border: rgba(0, 0, 0, .08);--table-header-bg: #fafafa;--menu-background: #ffffff;--menu-item-hover: rgba(46, 125, 50, .08);--menu-border: rgba(0, 0, 0, .12);--menu-shadow: 0 4px 16px rgba(0, 0, 0, .15);--input-background: #ffffff;--input-border: rgba(0, 0, 0, .23);--input-border-hover: rgba(0, 0, 0, .4);--input-border-focus: var(--color-primary);--input-text: #212121;--input-placeholder: rgba(0, 0, 0, .42);--button-text-color: rgba(0, 0, 0, .87);--button-hover-overlay: rgba(0, 0, 0, .04);--button-active-overlay: rgba(0, 0, 0, .08);--button-disabled-bg: rgba(0, 0, 0, .12);--button-disabled-text: rgba(0, 0, 0, .38);--scrollbar-track: rgba(0, 0, 0, .05);--scrollbar-thumb: rgba(0, 0, 0, .2);--scrollbar-thumb-hover: rgba(0, 0, 0, .35);--chip-background: rgba(0, 0, 0, .08);--chip-text: #666666;--chip-border: rgba(0, 0, 0, .12);--divider-color: rgba(0, 0, 0, .12);--divider-strong: rgba(0, 0, 0, .24);--focus-ring: 0 0 0 2px var(--color-focus);--focus-ring-offset: 0 0 0 4px rgba(46, 125, 50, .2);--panel-header-background: #2e7d32;--panel-header-color: #ffffff;--panel-body-background: #ffffff;--panel-footer-background: #f5f5f5;--shadow-2dp: 0 2px 4px rgba(0, 0, 0, .1);--shadow-4dp: 0 4px 8px rgba(0, 0, 0, .12);--shadow-6dp: 0 6px 12px rgba(0, 0, 0, .12);--shadow-8dp: 0 8px 16px rgba(0, 0, 0, .12);--shadow-card: 0 1px 3px rgba(0, 0, 0, .12);--shadow-dialog: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14);--automation-card-background: #ffffff;--automation-card-hover-bg: #f5fff5;--automation-header-color: #212121;--automation-icon-color: #2e7d32;--automation-summary-color: #666666;--grid-row-hover-bg: rgba(0, 0, 0, .04);--grid-toolbar-background: #ffffff;--version-tab-bg: #fafafa;--version-tab-border: rgba(46, 125, 50, .3);--version-tab-hover-bg: rgba(46, 125, 50, .08);--version-tab-active-bg: rgba(46, 125, 50, .12);--version-tab-active-shadow: 0 0 4px rgba(46, 125, 50, .2)}:root[data-theme=light-purple]{--color-primary: #7b1fa2;--color-primary-dark: #4a0072;--color-primary-light: #ce93d8;--color-primary-hover: rgba(123, 31, 162, .12);--color-primary-alt: #9c27b0;--color-secondary: #ab47bc;--color-secondary-dark: #7b1fa2;--color-secondary-light: #ba68c8;--color-focus: #7b1fa2;--color-background: #fafafa;--color-background-alt: #f5f5f5;--color-surface: #ffffff;--color-surface-variant: #f5f5f5;--color-sidebar: #ffffff;--color-text-primary: #37474f;--color-text-primary-alt: #263238;--color-text-secondary: #546e7a;--color-text-secondary-alt: #78909c;--color-text-disabled: #9e9e9e;--color-text-hint: rgba(0, 0, 0, .38);--color-text-high: rgba(0, 0, 0, .8);--color-text-medium: rgba(0, 0, 0, .6);--color-text-low: rgba(0, 0, 0, .38);--color-border-light: rgba(0, 0, 0, .08);--color-border-medium: rgba(0, 0, 0, .12);--color-border-dark: rgba(0, 0, 0, .24);--color-border-strong: #7b1fa2;--color-divider: rgba(0, 0, 0, .12);--app-gradient: linear-gradient(135deg, #fafafa 0%, #f3e5f5 100%);--header-gradient: linear-gradient(90deg, #7b1fa2 0%, #ba68c8 100%);--menu-gradient: linear-gradient(90deg, #7b1fa2 0%, #ba68c8 100%);--overlay-hover: #e8e8e8;--overlay-active: #e0e0e0;--overlay-selected: #d8d8d8;--overlay-backdrop: rgba(0, 0, 0, .5);--overlay-scrim: rgba(0, 0, 0, .32);--card-background: #ffffff;--card-background-hover: #fafafa;--card-border: rgba(0, 0, 0, .12);--card-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .06);--card-shadow-hover: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--table-background: #ffffff;--table-row-hover: #f0f0f0;--table-row-selected: rgba(123, 31, 162, .15);--table-border: rgba(0, 0, 0, .08);--table-header-bg: #fafafa;--menu-background: #ffffff;--menu-item-hover: rgba(123, 31, 162, .08);--menu-border: rgba(0, 0, 0, .12);--menu-shadow: 0 4px 16px rgba(0, 0, 0, .15);--input-background: #ffffff;--input-border: rgba(0, 0, 0, .23);--input-border-hover: rgba(0, 0, 0, .4);--input-border-focus: var(--color-primary);--input-text: #212121;--input-placeholder: rgba(0, 0, 0, .42);--button-text-color: rgba(0, 0, 0, .87);--button-hover-overlay: rgba(0, 0, 0, .04);--button-active-overlay: rgba(0, 0, 0, .08);--button-disabled-bg: rgba(0, 0, 0, .12);--button-disabled-text: rgba(0, 0, 0, .38);--scrollbar-track: rgba(0, 0, 0, .05);--scrollbar-thumb: rgba(0, 0, 0, .2);--scrollbar-thumb-hover: rgba(0, 0, 0, .35);--chip-background: rgba(0, 0, 0, .08);--chip-text: #666666;--chip-border: rgba(0, 0, 0, .12);--divider-color: rgba(0, 0, 0, .12);--divider-strong: rgba(0, 0, 0, .24);--focus-ring: 0 0 0 2px var(--color-focus);--focus-ring-offset: 0 0 0 4px rgba(123, 31, 162, .2);--panel-header-background: #7b1fa2;--panel-header-color: #ffffff;--panel-body-background: #ffffff;--panel-footer-background: #f5f5f5;--shadow-2dp: 0 2px 4px rgba(0, 0, 0, .1);--shadow-4dp: 0 4px 8px rgba(0, 0, 0, .12);--shadow-6dp: 0 6px 12px rgba(0, 0, 0, .12);--shadow-8dp: 0 8px 16px rgba(0, 0, 0, .12);--shadow-card: 0 1px 3px rgba(0, 0, 0, .12);--shadow-dialog: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14);--automation-card-background: #ffffff;--automation-card-hover-bg: #fdf5ff;--automation-header-color: #212121;--automation-icon-color: #7b1fa2;--automation-summary-color: #666666;--grid-row-hover-bg: rgba(0, 0, 0, .04);--grid-toolbar-background: #ffffff;--version-tab-bg: #fafafa;--version-tab-border: rgba(123, 31, 162, .3);--version-tab-hover-bg: rgba(123, 31, 162, .08);--version-tab-active-bg: rgba(123, 31, 162, .12);--version-tab-active-shadow: 0 0 4px rgba(123, 31, 162, .2)}:root[data-theme=light-orange]{--color-primary: #e65100;--color-primary-dark: #ac1900;--color-primary-light: #ffb74d;--color-primary-hover: rgba(230, 81, 0, .12);--color-primary-alt: #f57c00;--color-secondary: #ff9800;--color-secondary-dark: #e65100;--color-secondary-light: #ffb74d;--color-focus: #e65100;--color-background: #fafafa;--color-background-alt: #f5f5f5;--color-surface: #ffffff;--color-surface-variant: #f5f5f5;--color-sidebar: #ffffff;--color-text-primary: #37474f;--color-text-primary-alt: #263238;--color-text-secondary: #546e7a;--color-text-secondary-alt: #78909c;--color-text-disabled: #9e9e9e;--color-text-hint: rgba(0, 0, 0, .38);--color-text-high: rgba(0, 0, 0, .8);--color-text-medium: rgba(0, 0, 0, .6);--color-text-low: rgba(0, 0, 0, .38);--color-border-light: rgba(0, 0, 0, .08);--color-border-medium: rgba(0, 0, 0, .12);--color-border-dark: rgba(0, 0, 0, .24);--color-border-strong: #e65100;--color-divider: rgba(0, 0, 0, .12);--app-gradient: linear-gradient(135deg, #fafafa 0%, #fff3e0 100%);--header-gradient: linear-gradient(90deg, #e65100 0%, #ff9800 100%);--menu-gradient: linear-gradient(90deg, #e65100 0%, #ff9800 100%);--overlay-hover: #e8e8e8;--overlay-active: #e0e0e0;--overlay-selected: #d8d8d8;--overlay-backdrop: rgba(0, 0, 0, .5);--overlay-scrim: rgba(0, 0, 0, .32);--card-background: #ffffff;--card-background-hover: #fafafa;--card-border: rgba(0, 0, 0, .12);--card-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .06);--card-shadow-hover: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--table-background: #ffffff;--table-row-hover: #f0f0f0;--table-row-selected: rgba(230, 81, 0, .15);--table-border: rgba(0, 0, 0, .08);--table-header-bg: #fafafa;--menu-background: #ffffff;--menu-item-hover: rgba(230, 81, 0, .08);--menu-border: rgba(0, 0, 0, .12);--menu-shadow: 0 4px 16px rgba(0, 0, 0, .15);--input-background: #ffffff;--input-border: rgba(0, 0, 0, .23);--input-border-hover: rgba(0, 0, 0, .4);--input-border-focus: var(--color-primary);--input-text: #212121;--input-placeholder: rgba(0, 0, 0, .42);--button-text-color: rgba(0, 0, 0, .87);--button-hover-overlay: rgba(0, 0, 0, .04);--button-active-overlay: rgba(0, 0, 0, .08);--button-disabled-bg: rgba(0, 0, 0, .12);--button-disabled-text: rgba(0, 0, 0, .38);--scrollbar-track: rgba(0, 0, 0, .05);--scrollbar-thumb: rgba(0, 0, 0, .2);--scrollbar-thumb-hover: rgba(0, 0, 0, .35);--chip-background: rgba(0, 0, 0, .08);--chip-text: #666666;--chip-border: rgba(0, 0, 0, .12);--divider-color: rgba(0, 0, 0, .12);--divider-strong: rgba(0, 0, 0, .24);--focus-ring: 0 0 0 2px var(--color-focus);--focus-ring-offset: 0 0 0 4px rgba(230, 81, 0, .2);--panel-header-background: #e65100;--panel-header-color: #ffffff;--panel-body-background: #ffffff;--panel-footer-background: #f5f5f5;--shadow-2dp: 0 2px 4px rgba(0, 0, 0, .1);--shadow-4dp: 0 4px 8px rgba(0, 0, 0, .12);--shadow-6dp: 0 6px 12px rgba(0, 0, 0, .12);--shadow-8dp: 0 8px 16px rgba(0, 0, 0, .12);--shadow-card: 0 1px 3px rgba(0, 0, 0, .12);--shadow-dialog: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14);--automation-card-background: #ffffff;--automation-card-hover-bg: #fffaf5;--automation-header-color: #212121;--automation-icon-color: #e65100;--automation-summary-color: #666666;--grid-row-hover-bg: rgba(0, 0, 0, .04);--grid-toolbar-background: #ffffff;--version-tab-bg: #fafafa;--version-tab-border: rgba(230, 81, 0, .3);--version-tab-hover-bg: rgba(230, 81, 0, .08);--version-tab-active-bg: rgba(230, 81, 0, .12);--version-tab-active-shadow: 0 0 4px rgba(230, 81, 0, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);color:var(--primary-text-color);background-color:var(--primary-background-color);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-medium);line-height:var(--line-height-heading);color:var(--primary-text-color)}h1{font-size:var(--mdc-typography-headline3-font-size)}h2{font-size:var(--mdc-typography-headline4-font-size)}h3{font-size:var(--mdc-typography-headline5-font-size)}h4{font-size:var(--mdc-typography-headline6-font-size)}h5{font-size:var(--mdc-typography-body1-font-size)}h6{font-size:var(--mdc-typography-body2-font-size)}p{margin-bottom:var(--spacing-md)}a{color:var(--primary-color);text-decoration:none;transition:var(--transition-default)}a:hover{text-decoration:underline}ul,ol{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}code,pre{font-family:Monaco,Courier New,monospace;font-size:var(--font-size-small)}code{background-color:var(--secondary-background-color);padding:2px 6px;border-radius:var(--mdc-shape-small)}pre{background-color:var(--secondary-background-color);padding:var(--spacing-md);border-radius:var(--mdc-shape-medium);overflow-x:auto;margin-bottom:var(--spacing-md)}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}::selection{background-color:var(--primary-color);color:#fff}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-xxl{padding:var(--spacing-xxl)}.px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.py-xs{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.m-xxl{margin:var(--spacing-xxl)}.mx-xs{margin-left:var(--spacing-xs);margin-right:var(--spacing-xs)}.mx-sm{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.mx-md{margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.mx-lg{margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.my-xs{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.my-sm{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.my-md{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.my-lg{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.mt-auto{margin-top:auto}.mr-auto{margin-right:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.text-primary{color:var(--primary-text-color)}.text-secondary{color:var(--secondary-text-color)}.text-disabled{color:var(--disabled-text-color)}.text-error{color:var(--error-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-info{color:var(--info-color)}.text-xs{font-size:var(--font-size-small)}.text-sm{font-size:var(--mdc-typography-body2-font-size)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-large)}.text-xl{font-size:var(--font-size-xlarge)}.font-normal{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-bold{font-weight:var(--font-weight-bold)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.bg-primary{background-color:var(--primary-background-color)}.bg-secondary{background-color:var(--secondary-background-color)}.bg-card{background-color:var(--card-background-color)}.bg-sidebar{background-color:var(--sidebar-background-color)}.border{border:1px solid var(--divider-color)}.border-t{border-top:1px solid var(--divider-color)}.border-r{border-right:1px solid var(--divider-color)}.border-b{border-bottom:1px solid var(--divider-color)}.border-l{border-left:1px solid var(--divider-color)}.rounded-sm{border-radius:var(--mdc-shape-small)}.rounded{border-radius:var(--mdc-shape-medium)}.rounded-lg{border-radius:var(--ha-card-border-radius)}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:var(--shadow-elevation-2dp)}.shadow{box-shadow:var(--shadow-elevation-4dp)}.shadow-md{box-shadow:var(--shadow-elevation-8dp)}.shadow-lg{box-shadow:var(--shadow-elevation-16dp)}.shadow-none{box-shadow:none}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.w-full{width:100%}.h-full{height:100%}.w-auto{width:auto}.h-auto{height:auto}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.transition{transition:var(--transition-default)}.transition-none{transition:none}