app-staff,app-settings,app-sync,app-permissions,app-vertical-tabs,app-syncs,app-table,.mat-drawer:not(.staff-drawer),.mat-drawer:not(.staff-drawer) .mat-drawer-inner-container,.mat-drawer-container,.mat-drawer-content{background:var(--tui-background-base, #fff);color:var(--tui-text-primary, inherit)}.staff-drawer .mat-drawer-inner-container,app-sidebar,app-employee-bar,app-employee-card,app-employee-form{background:transparent!important}.mat-mdc-form-field,.mat-mdc-outlined-form-field{--mdc-outlined-text-field-label-text-color: var(--tui-text-secondary, #666);--mdc-outlined-text-field-hover-label-text-color: var(--tui-text-primary, inherit);--mdc-outlined-text-field-focus-label-text-color: var(--tui-text-action, #526ed3);--mdc-outlined-text-field-input-text-color: var(--tui-text-primary, inherit);--mdc-outlined-text-field-caret-color: var(--tui-text-primary, inherit);--mdc-outlined-text-field-container-color: transparent;--mdc-outlined-text-field-outline-color: var(--tui-border-normal, #e3e5ef);--mdc-outlined-text-field-hover-outline-color: var(--tui-border-hover, #c5c9d5);--mdc-outlined-text-field-focus-outline-color: var(--tui-text-action, #526ed3);--mdc-outlined-text-field-disabled-input-text-color: var(--tui-text-tertiary, #888);--mdc-outlined-text-field-disabled-label-text-color: var(--tui-text-tertiary, #888);--mdc-outlined-text-field-disabled-outline-color: var(--tui-border-normal, #e3e5ef);--mat-form-field-focus-select-arrow-color: var(--tui-text-action, #526ed3);--mat-form-field-enabled-select-arrow-color: var(--tui-text-secondary, #666);--mat-select-enabled-trigger-text-color: var(--tui-text-primary, inherit);--mat-select-placeholder-text-color: var(--tui-text-secondary, inherit);--mat-select-enabled-arrow-color: var(--tui-text-secondary, inherit);--mat-select-focused-arrow-color: var(--tui-text-action, #526ed3);--mdc-form-field-label-text-color: var(--tui-text-primary, inherit);--mdc-filled-text-field-container-color: var(--tui-background-neutral-1, #f5f5f5);--mdc-filled-text-field-input-text-color: var(--tui-text-primary, inherit);--mdc-filled-text-field-label-text-color: var(--tui-text-secondary, #666);--mat-datepicker-toggle-icon-color: var(--tui-text-primary, inherit);--mat-datepicker-toggle-disabled-state-icon-color: var(--tui-text-tertiary, inherit);--mdc-icon-button-icon-color: var(--tui-text-primary, inherit);--mat-icon-button-icon-color: var(--tui-text-primary, inherit)}.mat-datepicker-toggle,.mat-datepicker-toggle .mat-mdc-icon-button,.mat-datepicker-toggle mat-icon,.mat-datepicker-toggle .mat-icon,.mat-mdc-form-field-icon-suffix,.mat-mdc-form-field-icon-prefix{color:var(--tui-text-primary, inherit)}.mat-datepicker-toggle svg{fill:currentColor}.mat-mdc-form-field input.mat-mdc-input-element,.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-value-text{color:var(--tui-text-primary, inherit)}.mat-mdc-form-field .mdc-notched-outline__notch{background:transparent!important}.staff-drawer .mat-stepper-vertical,.staff-drawer .mat-stepper-horizontal,.staff-drawer .mat-vertical-content-container,.staff-drawer .mat-horizontal-content-container,.staff-drawer .mat-vertical-content,.staff-drawer .mat-vertical-stepper-content{--mat-stepper-container-color: transparent;background:transparent;color:var(--tui-text-primary, inherit)}.staff-drawer .mat-expansion-panel,.staff-drawer .mat-mdc-expansion-panel{--mat-expansion-container-background-color: transparent;background:transparent}.mat-stepper-vertical,.mat-stepper-horizontal,.mat-vertical-content-container,.mat-horizontal-content-container,.mat-vertical-content,.mat-vertical-stepper-content{--mat-stepper-container-color: var(--tui-background-base, #fff);--mat-stepper-line-color: var(--tui-border-normal, #e3e5ef);--mat-stepper-header-label-text-color: var(--tui-text-secondary, #666);--mat-stepper-header-selected-state-label-text-color: var(--tui-text-primary, inherit);--mat-stepper-header-icon-background-color: var(--tui-background-neutral-2, #eee);--mat-stepper-header-icon-foreground-color: var(--tui-text-primary, inherit);--mat-stepper-header-selected-state-icon-background-color: var( --tui-background-accent-1, var(--theme-primary-500, #526ed3) );--mat-stepper-header-selected-state-icon-foreground-color: var( --tui-text-primary-on-accent, var(--theme-primary-contrast-500, #fff) );background:var(--tui-background-base, #fff);color:var(--tui-text-primary, inherit)}.mat-mdc-dialog-container,.mdc-dialog__surface{--mdc-dialog-container-color: var(--tui-background-elevation-1, var(--tui-background-base, #fff));--mdc-dialog-subhead-color: var(--tui-text-primary, inherit);--mdc-dialog-supporting-text-color: var(--tui-text-secondary, inherit);background:var(--tui-background-elevation-1, var(--tui-background-base, #fff));color:var(--tui-text-primary, inherit)}.mat-mdc-tab-header{--mat-tab-header-inactive-label-text-color: var(--tui-text-secondary, inherit);--mat-tab-header-active-label-text-color: var(--tui-text-primary, inherit);--mat-tab-header-active-hover-label-text-color: var(--tui-text-primary, inherit);--mat-tab-header-inactive-hover-label-text-color: var(--tui-text-primary, inherit);--mat-tab-header-pagination-icon-color: var(--tui-text-primary, inherit)}.mdc-tab:hover .mdc-tab__text-label,.mat-mdc-tab:hover .mdc-tab__text-label{color:var(--tui-text-primary, inherit)!important}.mat-mdc-tab-header-pagination{background:transparent;box-shadow:none}.mat-mdc-tab-header-pagination-chevron{border-color:var(--tui-text-primary, currentColor)}.mat-mdc-table,.mat-mdc-header-row,.mat-mdc-row,.mat-mdc-header-cell,.mat-mdc-cell{background:var(--tui-background-base, #fff);color:var(--tui-text-primary, inherit);border-color:var(--tui-border-normal, #e3e5ef)}.mat-expansion-panel,.mat-mdc-expansion-panel{--mat-expansion-container-background-color: var(--tui-background-base, #fff);--mat-expansion-container-text-color: var(--tui-text-primary, inherit);--mat-expansion-header-text-color: var(--tui-text-primary, inherit);--mat-expansion-header-description-color: var(--tui-text-secondary, inherit);--mat-expansion-header-indicator-color: var(--tui-text-primary, inherit);background:var(--tui-background-base, #fff);color:var(--tui-text-primary, inherit)}.mat-expansion-panel-content,.mat-expansion-panel-body{color:var(--tui-text-primary, inherit)}.mat-mdc-checkbox{--mdc-checkbox-unselected-icon-color: var(--tui-text-secondary, inherit);--mdc-checkbox-unselected-hover-icon-color: var(--tui-text-primary, inherit);--mdc-checkbox-selected-icon-color: var(--tui-background-accent-1, var(--theme-primary-500, #526ed3));--mdc-checkbox-selected-checkmark-color: var(--tui-text-primary-on-accent, #fff);--mdc-checkbox-selected-focus-icon-color: var(--tui-background-accent-1, var(--theme-primary-500, #526ed3));--mat-checkbox-label-text-color: var(--tui-text-primary, inherit)}.mat-mdc-radio-button{--mdc-radio-unselected-icon-color: var(--tui-text-secondary, inherit);--mdc-radio-selected-icon-color: var(--tui-background-accent-1, var(--theme-primary-500, #526ed3));--mat-radio-label-text-color: var(--tui-text-primary, inherit)}.mat-mdc-slide-toggle{--mdc-switch-unselected-track-color: var(--tui-background-neutral-2, #ccc);--mdc-switch-selected-track-color: var(--tui-background-accent-1, var(--theme-primary-500, #526ed3));--mat-slide-toggle-label-text-color: var(--tui-text-primary, inherit)}.mat-datepicker-content,.mat-calendar{--mat-datepicker-calendar-container-background-color: var( --tui-background-elevation-1, var(--tui-background-base, #fff) );--mat-datepicker-calendar-container-text-color: var(--tui-text-primary, inherit);--mat-datepicker-calendar-date-text-color: var(--tui-text-primary, inherit);--mat-datepicker-calendar-period-button-text-color: var(--tui-text-primary, inherit);--mat-datepicker-calendar-navigation-button-icon-color: var(--tui-text-primary, inherit);background:var(--tui-background-elevation-1, var(--tui-background-base, #fff));color:var(--tui-text-primary, inherit)}.cdk-overlay-container .mat-datepicker-content,.cdk-overlay-container .mat-datepicker-content-container,.cdk-overlay-container .mat-calendar,.cdk-overlay-pane.ais-datepicker-panel .mat-datepicker-content{--mat-datepicker-calendar-container-background-color: var(--tui-background-elevation-1, #fff);--mat-datepicker-calendar-container-text-color: var(--tui-text-primary, #191919);--mat-datepicker-calendar-date-text-color: var(--tui-text-primary, #191919);--mat-datepicker-calendar-period-button-text-color: var(--tui-text-primary, #191919);--mat-datepicker-calendar-navigation-button-icon-color: var(--tui-text-primary, #191919);background:var(--tui-background-elevation-1, #fff)!important;color:var(--tui-text-primary, #191919)!important}html.demo-dark .cdk-overlay-container .mat-datepicker-content,html.demo-dark .cdk-overlay-container .mat-datepicker-content-container,html.demo-dark .cdk-overlay-container .mat-calendar,html.demo-dark .cdk-overlay-pane.ais-datepicker-panel,html.demo-dark .cdk-overlay-pane.ais-datepicker-panel .mat-datepicker-content,html:has(tui-root.demo-dark) .cdk-overlay-container .mat-datepicker-content,html:has(tui-root.demo-dark) .cdk-overlay-container .mat-datepicker-content-container,html:has(tui-root.demo-dark) .cdk-overlay-container .mat-calendar,html:has(tui-root.demo-dark) .cdk-overlay-pane.ais-datepicker-panel .mat-datepicker-content,html:has(tui-root[tuiTheme=dark]) .cdk-overlay-container .mat-datepicker-content,html:has(tui-root[tuiTheme=dark]) .cdk-overlay-container .mat-datepicker-content-container,html:has(tui-root[tuiTheme=dark]) .cdk-overlay-container .mat-calendar,html:has(tui-root[tuiTheme=dark]) .cdk-overlay-pane.ais-datepicker-panel .mat-datepicker-content{--mat-datepicker-calendar-container-background-color: #292929;--mat-datepicker-calendar-container-text-color: #fff;--mat-datepicker-calendar-date-text-color: #fff;--mat-datepicker-calendar-date-hover-state-layer-color: rgba(255, 255, 255, .08);--mat-datepicker-calendar-date-disabled-state-text-color: rgba(255, 255, 255, .38);--mat-datepicker-calendar-period-button-text-color: #fff;--mat-datepicker-calendar-period-button-icon-color: #fff;--mat-datepicker-calendar-navigation-button-icon-color: #fff;--mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, .7);--mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, .16);--mat-datepicker-calendar-date-today-outline-color: #fff;--mat-datepicker-calendar-date-selected-state-background-color: #fff;--mat-datepicker-calendar-date-selected-state-text-color: #191919;background:#292929!important;background-color:#292929!important;color:#fff!important}html.demo-dark .cdk-overlay-container .mat-datepicker-content .mat-calendar-body-label,html.demo-dark .cdk-overlay-container .mat-datepicker-content .mat-calendar-table-header th,html.demo-dark .cdk-overlay-container .mat-datepicker-content .mat-calendar-body-cell-content,html.demo-dark .cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button,html.demo-dark .cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button,html.demo-dark .cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button,html:has(tui-root.demo-dark) .cdk-overlay-container .mat-datepicker-content .mat-calendar-body-label,html:has(tui-root.demo-dark) .cdk-overlay-container .mat-datepicker-content .mat-calendar-table-header th,html:has(tui-root.demo-dark) .cdk-overlay-container .mat-datepicker-content .mat-calendar-body-cell-content,html:has(tui-root.demo-dark) .cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button,html:has(tui-root.demo-dark) .cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button,html:has(tui-root.demo-dark) .cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button,html:has(tui-root[tuiTheme=dark]) .cdk-overlay-container .mat-datepicker-content .mat-calendar-body-label,html:has(tui-root[tuiTheme=dark]) .cdk-overlay-container .mat-datepicker-content .mat-calendar-table-header th,html:has(tui-root[tuiTheme=dark]) .cdk-overlay-container .mat-datepicker-content .mat-calendar-body-cell-content,html:has(tui-root[tuiTheme=dark]) .cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button,html:has(tui-root[tuiTheme=dark]) .cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button,html:has(tui-root[tuiTheme=dark]) .cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button{color:#fff!important}html.demo-dark .cdk-overlay-container .mat-datepicker-content .mat-calendar-body-selected,html:has(tui-root.demo-dark) .cdk-overlay-container .mat-datepicker-content .mat-calendar-body-selected,html:has(tui-root[tuiTheme=dark]) .cdk-overlay-container .mat-datepicker-content .mat-calendar-body-selected{background-color:#fff!important;color:#191919!important}.mat-mdc-snack-bar-container,.snack-bar{--mdc-snackbar-container-color: var(--tui-background-accent-1, var(--theme-primary-500, #526ed3));--mdc-snackbar-supporting-text-color: var(--tui-text-primary-on-accent, #fff)}.cdk-overlay-container .ais-visible-mode-menu.mat-mdc-menu-panel,.cdk-overlay-container .menu.ais-visible-mode-menu{--mdc-menu-surface-container-color: var(--tui-background-elevation-1, #fff);--mat-menu-container-color: var(--tui-background-elevation-1, #fff);--mat-menu-item-label-text-color: var(--tui-text-primary, #191919);--mat-radio-label-text-color: var(--tui-text-primary, #191919);--mdc-form-field-label-text-color: var(--tui-text-primary, #191919);--mdc-radio-unselected-icon-color: var(--tui-text-secondary, #666);--mdc-radio-unselected-hover-icon-color: var(--tui-text-primary, #191919);--mdc-radio-selected-icon-color: var(--tui-background-accent-1, #526ed3);--mdc-radio-selected-hover-icon-color: var(--tui-background-accent-1, #526ed3);margin-top:20px;box-shadow:none;border:1px solid var(--tui-border-normal, #e3e5ef);background:var(--tui-background-elevation-1, #fff)!important;background-color:var(--tui-background-elevation-1, #fff)!important;color:var(--tui-text-primary, #191919)!important}.cdk-overlay-container .ais-visible-mode-menu .menu__title,.cdk-overlay-container .ais-visible-mode-menu .menu__modes,.cdk-overlay-container .ais-visible-mode-menu .mat-mdc-radio-button,.cdk-overlay-container .ais-visible-mode-menu .mdc-label,.cdk-overlay-container .ais-visible-mode-menu .mdc-form-field{color:var(--tui-text-primary, #191919)!important}html.demo-dark .cdk-overlay-container .ais-visible-mode-menu.mat-mdc-menu-panel,html.demo-dark .cdk-overlay-container .menu.ais-visible-mode-menu,html:has(tui-root.demo-dark) .cdk-overlay-container .ais-visible-mode-menu.mat-mdc-menu-panel,html:has(tui-root.demo-dark) .cdk-overlay-container .menu.ais-visible-mode-menu,html:has(tui-root[tuiTheme=dark]) .cdk-overlay-container .ais-visible-mode-menu.mat-mdc-menu-panel,html:has(tui-root[tuiTheme=dark]) .cdk-overlay-container .menu.ais-visible-mode-menu{--mdc-menu-surface-container-color: #292929;--mat-menu-container-color: #292929;--mat-menu-item-label-text-color: #fff;--mat-radio-label-text-color: #fff;--mdc-form-field-label-text-color: #fff;--mdc-radio-unselected-icon-color: rgba(255, 255, 255, .7);--mdc-radio-unselected-hover-icon-color: #fff;--mdc-radio-selected-icon-color: #fff;--mdc-radio-selected-hover-icon-color: #fff;background:#292929!important;background-color:#292929!important;color:#fff!important;border-color:#ffffff29}html.demo-dark .cdk-overlay-container .ais-visible-mode-menu .menu__title,html.demo-dark .cdk-overlay-container .ais-visible-mode-menu .menu__modes,html.demo-dark .cdk-overlay-container .ais-visible-mode-menu .mat-mdc-radio-button,html.demo-dark .cdk-overlay-container .ais-visible-mode-menu .mdc-label,html.demo-dark .cdk-overlay-container .ais-visible-mode-menu .mdc-form-field,html:has(tui-root.demo-dark) .cdk-overlay-container .ais-visible-mode-menu .menu__title,html:has(tui-root.demo-dark) .cdk-overlay-container .ais-visible-mode-menu .menu__modes,html:has(tui-root.demo-dark) .cdk-overlay-container .ais-visible-mode-menu .mat-mdc-radio-button,html:has(tui-root.demo-dark) .cdk-overlay-container .ais-visible-mode-menu .mdc-label,html:has(tui-root.demo-dark) .cdk-overlay-container .ais-visible-mode-menu .mdc-form-field,html:has(tui-root[tuiTheme=dark]) .cdk-overlay-container .ais-visible-mode-menu .menu__title,html:has(tui-root[tuiTheme=dark]) .cdk-overlay-container .ais-visible-mode-menu .menu__modes,html:has(tui-root[tuiTheme=dark]) .cdk-overlay-container .ais-visible-mode-menu .mat-mdc-radio-button,html:has(tui-root[tuiTheme=dark]) .cdk-overlay-container .ais-visible-mode-menu .mdc-label,html:has(tui-root[tuiTheme=dark]) .cdk-overlay-container .ais-visible-mode-menu .mdc-form-field{color:#fff!important}.mat-mdc-tooltip .mdc-tooltip__surface{background:var(--tui-background-accent-opposite, #333);color:var(--tui-text-primary-on-accent, #fff)}