:root:not([data-theme-style=standard]),html:not([data-theme-style=standard]){--background-image: url(./assets/set.svg);--background-set: url(./assets/set.svg);--background-size: contain;--background-position: bottom;--background-repeat: no-repeat;--border-radius: 12px;--button-border-radius: 12px;--card-padding: 12px;--standard-margin: 12px;--content-max-width: 1200px;--transparent: rgba(0, 0, 0, 0);--card-background: #f8fbff;--card-hover-background: rgba(0, 120, 194, .06);--card-border: 1px solid rgba(0, 120, 194, .12);--card-border-color: rgba(0, 120, 194, .12);--card-shadow: 0 4px 8px rgba(0, 0, 0, .08);--tab-background: var(--ion-tab-bar-background);--chart-background-item: rgba(0, 120, 194, .08);--chart-grid-color: rgba(128, 128, 128, .2);--chart-label-color: #666;--item-background: #ffffff;--item-background-hover: rgba(0, 120, 194, .08);--item-background-selected: var(--ion-color-item-background);--item-text-color: var(--ion-text-color);--item-text-color-selected: var(--ion-text-color);--item-border: 1px solid rgba(0, 120, 194, .12);--item-border-color: rgba(0, 120, 194, .12);--item-border-width: 1px;--item-border-width-selected: 2px;--item-border-radius: 10px;--item-padding: 8px 10px;--item-padding-mobile: 10px 16px;--item-padding-small: 8px 12px;--item-shadow: 0 4px 8px rgba(0, 0, 0, .08);--item-shadow-hover: 0 4px 16px rgba(0, 0, 0, .12);--item-shadow-selected: 0 4px 16px rgba(0, 0, 0, .16);--ion-color-primary: #0078c2;--ion-color-primary-rgb: 0, 120, 194;--ion-color-danger: #ef4444;--ion-color-danger-rgb: 235, 68, 90;--ion-color-warning: #f59e0b;--ion-color-warning-rgb: 255, 196, 9;--ion-color-success: #22c55e;--ion-color-success-rgb: 45, 211, 111;--ion-color-medium: #9ca3af;--ion-color-medium-rgb: 146, 148, 156;--latest-chart-gap: 12px;--latest-gauge-height: 200px;--latest-label-height: 60px;--latest-bar-height: 80px;--latest-radar-height: 300px;--latest-selector-height: 50px;--historical-chart-height: 300px;--historical-line-tension: .2;--historical-line-width: 3px;--historical-fill-enabled: 1;--electrical-status-normal: var(--item-background);--electrical-status-alarm: #fca5a5;--electrical-status-warning: #fef08a;--electrical-status-offline: #1f1c1c;--electrical-gradient-alarm: #fca5a5;--electrical-gradient-warning: #fef08a;--electrical-gradient-info: #dbeafe;--electrical-border-alarm: rgba(239, 68, 68, .6);--electrical-border-warning: rgba(245, 158, 11, .6);--contactor-trip-color: rgba(245, 158, 11, .6);--synoptic-text-color: var(--ion-color-primary);--synoptic-default-color: #333333;--synoptic-active-normal: #00FF73;--tag-color-success: var(--ion-color-success);--tag-color-primary: var(--ion-color-primary);--tag-color-warning: var(--ion-color-warning);--tag-color-danger: var(--ion-color-danger);--tag-color-disabled: #92949c;--tag-color-graph1: #3b82f6;--tag-color-graph2: #ec4899;--tag-color-graph3: #10b981;--tag-color-graph4: #f97316;--tag-color-graph5: #8b5cf6;--ion-safe-area-top: 0px;--page-background: linear-gradient(135deg, rgba(14, 165, 233, .08) 0%, rgba(59, 130, 246, .08) 50%, rgba(30, 64, 175, .08) 100%);--loading-container-background: linear-gradient(135deg, rgba(14, 165, 233, .08) 0%, rgba(59, 130, 246, .08) 50%, rgba(30, 64, 175, .08) 100%)}:root:not([data-theme-style=standard]) body.dark,html:not([data-theme-style=standard]) body.dark,:root:not([data-theme-style=standard]) .dark,html:not([data-theme-style=standard]) .dark{--electrical-status-normal: var(--item-background);--electrical-status-alarm: #450a0a;--electrical-status-warning: #431407;--synoptic-text-color: #0163aa;--synoptic-default-color: #ffffff;--electrical-gradient-alarm: #450a0a;--electrical-gradient-warning: #431407;--electrical-gradient-info: #1e3a5f;--electrical-border-alarm: rgba(239, 68, 68, .6);--electrical-border-warning: rgba(245, 158, 11, .6);--contactor-trip-color: rgba(245, 158, 11, .6);--card-background: #141920;--item-background: #0f1419;--card-hover-background: rgba(0, 120, 194, .12);--card-border: 1px solid rgba(0, 120, 194, .18);--card-border-color: rgba(0, 120, 194, .18);--item-background-hover: rgba(0, 120, 194, .12);--item-border: 1px solid rgba(0, 120, 194, .18);--item-border-color: rgba(0, 120, 194, .18);--chart-background-item: rgba(0, 120, 194, .12);--chart-grid-color: rgba(128, 128, 128, .25);--chart-label-color: #999;--tag-color-success: var(--ion-color-success);--tag-color-primary: var(--ion-color-primary);--tag-color-warning: var(--ion-color-warning);--tag-color-danger: var(--ion-color-danger);--tag-color-disabled: #6b7280;--tag-color-graph1: #60a5fa;--tag-color-graph2: #f472b6;--tag-color-graph3: #34d399;--tag-color-graph4: #fb923c;--tag-color-graph5: #a78bfa;--page-background: linear-gradient(135deg, rgba(30, 58, 138, .2) 0%, rgba(0, 0, 0, .2) 100%);--loading-container-background: linear-gradient(135deg, rgba(30, 58, 138, .08) 0%, rgba(0, 0, 0, .08) 100%)}:root[data-theme-style=standard],html[data-theme-style=standard]{--background-image: url(./assets/set.svg);--background-set: url(./assets/set.svg);--background-size: contain;--background-position: bottom;--background-repeat: no-repeat;--border-radius: 8px;--button-border-radius: 8px;--card-padding: 12px;--standard-margin: 12px;--content-max-width: 1200px;--transparent: rgba(0, 0, 0, 0);--card-background: #ffffff;--card-hover-background: rgba(125, 125, 125, .05);--card-border: 1px solid rgba(125, 125, 125, .15);--card-border-color: rgba(125, 125, 125, .15);--card-shadow: 0 2px 4px rgba(0, 0, 0, .1);--tab-background: var(--ion-tab-bar-background);--chart-background-item: rgba(125, 125, 125, .1);--chart-grid-color: rgba(128, 128, 128, .3);--chart-label-color: #666;--item-background: #fafafa;--item-background-hover: rgba(var(--ion-color-dark-rgb), .07);--item-background-selected: var(--ion-color-item-background);--item-text-color: var(--ion-text-color);--item-text-color-selected: var(--ion-text-color);--item-border: 1px solid rgba(var(--ion-color-dark-rgb), .15);--item-border-color: rgba(var(--ion-color-dark-rgb), .15);--item-border-width: 1px;--item-border-width-selected: 2px;--item-border-radius: 8px;--item-padding: 8px 10px;--item-padding-mobile: 10px 16px;--item-padding-small: 8px 12px;--item-shadow: 0 2px 4px rgba(0, 0, 0, .1);--item-shadow-hover: 0 4px 8px rgba(0, 0, 0, .15);--item-shadow-selected: 0 4px 8px rgba(0, 0, 0, .2);--ion-color-primary: #0078c2;--ion-color-primary-rgb: 0, 120, 194;--ion-color-danger: #eb445a;--ion-color-danger-rgb: 235, 68, 90;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-success: #2dd36f;--ion-color-success-rgb: 45, 211, 111;--ion-color-medium: #92949c;--ion-color-medium-rgb: 146, 148, 156;--latest-chart-gap: 12px;--latest-gauge-height: 200px;--latest-label-height: 60px;--latest-bar-height: 80px;--latest-radar-height: 300px;--latest-selector-height: 50px;--historical-chart-height: 300px;--historical-line-tension: .2;--historical-line-width: 3px;--historical-fill-enabled: 1;--electrical-status-normal: #f5f5f5;--electrical-status-alarm: #ffebee;--electrical-status-warning: #fff3e0;--electrical-status-offline: #1f1c1c;--electrical-gradient-alarm: #ffc6cd;--electrical-gradient-warning: #fff3e0;--electrical-gradient-info: #dbeafe;--electrical-border-alarm: rgba(255, 75, 99, .781);--electrical-border-warning: rgba(255, 196, 9, .5);--contactor-trip-color: rgba(255, 196, 9, .5);--synoptic-text-color: var(--ion-color-primary);--synoptic-default-color: #333333;--synoptic-active-normal: #2dd36f;--tag-color-success: var(--ion-color-success);--tag-color-primary: var(--ion-color-primary);--tag-color-warning: var(--ion-color-warning);--tag-color-danger: var(--ion-color-danger);--tag-color-disabled: #92949c;--tag-color-graph1: #3880ff;--tag-color-graph2: #d81b60;--tag-color-graph3: #0f766e;--tag-color-graph4: #ea580c;--tag-color-graph5: #7c3aed;--ion-safe-area-top: 0px;--page-background: #ffffff;--loading-container-background: #ffffff}:root[data-theme-style=standard] body.dark,html[data-theme-style=standard] body.dark,:root[data-theme-style=standard] .dark,html[data-theme-style=standard] .dark{--electrical-status-normal: #2d2d2d;--electrical-status-alarm: #450a0a;--electrical-status-warning: #431407;--synoptic-text-color: #3880ff;--synoptic-default-color: #ffffff;--electrical-gradient-alarm: #5c1515;--electrical-gradient-warning: #5c4c1c;--electrical-gradient-info: #1e3a5f;--electrical-border-alarm: rgba(235, 68, 68, .688);--electrical-border-warning: rgba(255, 196, 9, .6);--contactor-trip-color: rgba(255, 196, 9, .6);--card-background: #1e1e1e;--item-background: #2d2d2d;--card-hover-background: rgba(125, 125, 125, .1);--card-border: 1px solid rgba(125, 125, 125, .2);--card-border-color: rgba(125, 125, 125, .2);--item-background-hover: rgba(125, 125, 125, .1);--item-border: 1px solid rgba(125, 125, 125, .2);--item-border-color: rgba(125, 125, 125, .2);--chart-background-item: rgba(125, 125, 125, .1);--chart-grid-color: rgba(128, 128, 128, .3);--chart-label-color: #999;--tag-color-success: var(--ion-color-success);--tag-color-primary: var(--ion-color-primary);--tag-color-warning: var(--ion-color-warning);--tag-color-danger: var(--ion-color-danger);--tag-color-disabled: #6b7280;--tag-color-graph1: #5aa9ff;--tag-color-graph2: #ec4899;--tag-color-graph3: #14b8a6;--tag-color-graph4: #fb923c;--tag-color-graph5: #a78bfa;--page-background: #121212;--loading-container-background: #121212}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-animation{animation:spin 2s linear infinite}ion-card{--background: var(--card-background);background:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--card-shadow);border:var(--card-border);margin:var(--standard-margin);overflow:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);contain:paint}ion-card-header{padding:var(--card-padding)}ion-card-content{padding:var(--card-padding);--background: var(--card-background);background:var(--card-background)}ion-card-content ion-list{padding:0;margin:calc(var(--card-padding) * -1);margin-top:0;margin-bottom:0;transform:translateZ(0);-webkit-transform:translateZ(0);contain:paint}ion-button{border-radius:var(--border-radius);--padding-top: 10px;--padding-bottom: 10px;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;contain:paint}ion-item{--background: var(--card-background);background:var(--card-background);border-radius:var(--border-radius)}ion-list{--background: var(--card-background);background:var(--card-background)}ion-avatar img{border-radius:50%}.loading-container,.error-container{display:flex;justify-content:center;align-items:center;min-height:200px;text-align:center;padding:var(--card-padding);background:var(--loading-container-background, var(--ion-background-color))}body.dark .loading-container,body.dark .error-container,.dark .loading-container,.dark .error-container{background:var(--loading-container-background, var(--ion-background-color))}ion-refresher-content{--color: var(--ion-color-primary)}.chart-container{height:300px;padding:10px;width:100%}.app-footer{padding:var(--standard-margin);margin-top:var(--standard-margin);text-align:center}ion-grid{max-width:var(--content-max-width);margin:0 auto;transform:translateZ(0);-webkit-transform:translateZ(0)}.card-header-with-badge{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--card-padding)}ion-content{--padding-bottom: 100px}ion-popover ion-content,ion-modal ion-content{--padding-bottom: 0}ion-content:not(.login-page){--background: var(--page-background, var(--ion-background-color));-webkit-overflow-scrolling:touch;transform:translateZ(0);-webkit-transform:translateZ(0)}.page-with-tabs{padding-bottom:100px}@keyframes gradient-shift{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-card-animated{position:relative;overflow:hidden}.loading-card-animated:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,transparent 30%,rgba(var(--ion-color-primary-rgb),.15) 50%,transparent 70%,transparent 100%);background-size:200% 100%;animation:gradient-shift 3s ease-in-out infinite;pointer-events:none;z-index:0}.loading-card-animated ion-card-content{position:relative;z-index:1}:root:not([data-theme-style=standard]) .custom-tab-bar,html:not([data-theme-style=standard]) .custom-tab-bar{height:65px;padding-bottom:20px;--background: #e6f1fe;background:#e6f1fe!important}:root:not([data-theme-style=standard]) body.dark .custom-tab-bar,html:not([data-theme-style=standard]) body.dark .custom-tab-bar,:root:not([data-theme-style=standard]) .dark .custom-tab-bar,html:not([data-theme-style=standard]) .dark .custom-tab-bar{--background: #0d1117;background:#0d1117!important}:root[data-theme-style=standard] .custom-tab-bar,html[data-theme-style=standard] .custom-tab-bar{height:65px;padding-bottom:20px;--background: #ffffff;background:#fff!important}:root[data-theme-style=standard] body.dark .custom-tab-bar,html[data-theme-style=standard] body.dark .custom-tab-bar,:root[data-theme-style=standard] .dark .custom-tab-bar,html[data-theme-style=standard] .dark .custom-tab-bar{--background: #1f1f1f;background:#1f1f1f!important}:root:not([data-theme-style=standard]) ion-tab-bar,html:not([data-theme-style=standard]) ion-tab-bar{--background: #e6f1fe;background:#e6f1fe!important}:root:not([data-theme-style=standard]) body.dark ion-tab-bar,html:not([data-theme-style=standard]) body.dark ion-tab-bar,:root:not([data-theme-style=standard]) .dark ion-tab-bar,html:not([data-theme-style=standard]) .dark ion-tab-bar{--background: #0d1117;background:#0d1117!important}:root[data-theme-style=standard] ion-tab-bar,html[data-theme-style=standard] ion-tab-bar{--background: #ffffff;background:#fff!important}:root[data-theme-style=standard] body.dark ion-tab-bar,html[data-theme-style=standard] body.dark ion-tab-bar,:root[data-theme-style=standard] .dark ion-tab-bar,html[data-theme-style=standard] .dark ion-tab-bar{--background: #1f1f1f;background:#1f1f1f!important}.custom-tab-button{min-height:55px}.custom-tab-button ion-icon{font-size:24px;margin-bottom:4px}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:18px;color:var(--ion-color-primary);background:var(--loading-container-background, var(--ion-background-color))}body.dark .loading-spinner,.dark .loading-spinner{background:var(--loading-container-background, var(--ion-background-color))}