html{--mat-sys-background: ;--mat-sys-error: ;--mat-sys-error-container: ;--mat-sys-inverse-on-surface: ;--mat-sys-inverse-primary: #006676;--mat-sys-inverse-surface: ;--mat-sys-on-background: ;--mat-sys-on-error: ;--mat-sys-on-error-container: ;--mat-sys-on-primary: #003544;--mat-sys-on-primary-container: #b8d8ed;--mat-sys-on-primary-fixed: #001f2a;--mat-sys-on-primary-fixed-variant: #004d5b;--mat-sys-on-secondary: ;--mat-sys-on-secondary-container: ;--mat-sys-on-secondary-fixed: ;--mat-sys-on-secondary-fixed-variant: ;--mat-sys-on-surface: ;--mat-sys-on-surface-variant: ;--mat-sys-on-tertiary: #003544;--mat-sys-on-tertiary-container: #b8d8ed;--mat-sys-on-tertiary-fixed: #001f2a;--mat-sys-on-tertiary-fixed-variant: #004d5b;--mat-sys-outline: ;--mat-sys-outline-variant: ;--mat-sys-primary: #8ab3cc;--mat-sys-primary-container: #004d5b;--mat-sys-primary-fixed: #b8d8ed;--mat-sys-primary-fixed-dim: #8ab3cc;--mat-sys-scrim: ;--mat-sys-secondary: ;--mat-sys-secondary-container: ;--mat-sys-secondary-fixed: ;--mat-sys-secondary-fixed-dim: ;--mat-sys-shadow: ;--mat-sys-surface: ;--mat-sys-surface-bright: ;--mat-sys-surface-container: ;--mat-sys-surface-container-high: ;--mat-sys-surface-container-highest: ;--mat-sys-surface-container-low: ;--mat-sys-surface-container-lowest: ;--mat-sys-surface-dim: ;--mat-sys-surface-tint: #8ab3cc;--mat-sys-surface-variant: ;--mat-sys-tertiary: #8ab3cc;--mat-sys-tertiary-container: #004d5b;--mat-sys-tertiary-fixed: #b8d8ed;--mat-sys-tertiary-fixed-dim: #8ab3cc;--mat-sys-neutral-variant20: ;--mat-sys-neutral10: ;--mat-sys-level0: 0px 0px 0px 0px , 0px 0px 0px 0px , 0px 0px 0px 0px ;--mat-sys-level1: 0px 2px 1px -1px , 0px 1px 1px 0px , 0px 1px 3px 0px ;--mat-sys-level2: 0px 3px 3px -2px , 0px 3px 4px 0px , 0px 1px 8px 0px ;--mat-sys-level3: 0px 3px 5px -1px , 0px 6px 10px 0px , 0px 1px 18px 0px ;--mat-sys-level4: 0px 5px 5px -3px , 0px 8px 10px 1px , 0px 3px 14px 2px ;--mat-sys-level5: 0px 7px 8px -4px , 0px 12px 17px 2px , 0px 5px 22px 4px ;--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;--mat-button-filled-container-shape: 8px;--mat-button-filled-label-text-weight: 500;--mat-button-tonal-container-shape: 8px;--mat-button-tonal-label-text-weight: 500;--mat-button-outlined-container-shape: 8px;--mat-button-outlined-label-text-weight: 500;--mat-button-text-container-shape: 8px;--mat-button-text-label-text-weight: 500;--mat-button-protected-container-shape: 8px;--mat-icon-button-container-shape: 50%;--mat-fab-container-shape: 16px;--mat-fab-small-container-shape: 12px;--mat-menu-container-shape: 8px;--mat-menu-container-color: rgba(38, 51, 57, .95);--mat-select-panel-background-color: rgba(38, 51, 57, .95);--mat-datepicker-calendar-container-background-color: rgba(38, 51, 57, .95);--mat-snack-bar-container-color: rgba(38, 51, 57, .95);--mat-timepicker-container-background-color: rgba(38, 51, 57, .95);--mat-form-field-filled-container-shape: 8px;--mat-form-field-outlined-container-shape: 8px;--mat-form-field-filled-container-color: rgba(43, 58, 68, .35);--mat-form-field-hover-state-layer-opacity: .08;--mat-form-field-focus-state-layer-opacity: .12;--mat-form-field-outlined-outline-color: rgba(255, 255, 255, .3);--mat-form-field-outlined-focus-outline-color: #6490A6;--sd-background-color: linear-gradient(135deg, rgba(43, 58, 68, .35) 0%, rgba(31, 43, 47, .3) 100%);--sd-background-color-light: linear-gradient(135deg, rgba(43, 58, 68, .25) 0%, rgba(31, 43, 47, .2) 100%);--sd-background-color-lighter: linear-gradient(135deg, rgba(43, 58, 68, .18) 0%, rgba(31, 43, 47, .15) 100%);--sd-border-color: rgba(255, 255, 255, .35);--sd-border-style: 1px solid var(--sd-border-color);--sd-backdrop-filter: blur(18px);--sd-text-primary: rgba(255, 255, 255, .95);--sd-text-secondary: rgba(255, 255, 255, .7);--sd-text-tertiary: rgba(255, 255, 255, .5);--sd-overlay-dark: linear-gradient(180deg, rgba(31, 43, 47, .25) 0%, rgba(31, 43, 47, .35) 100%);--sd-card-background: linear-gradient(135deg, rgba(43, 58, 68, .25) 0%, rgba(31, 43, 47, .2) 100%);--sd-shadow: 0 8px 32px rgba(31, 43, 47, .25);--sd-shadow-hover: 0 8px 30px rgba(42, 106, 143, .35);--sd-glow-hover: 0 0 0 1px rgba(255, 232, 179, .5), 0 8px 30px rgba(42, 106, 143, .35);--sd-sky-primary: #6490A6;--sd-sky-accent: #2A6A8F;--sd-sky-deep: #344854;--sd-sun-accent: #F4DFA5;--sd-warm-highlight: #FFE8B3;--sd-primary: var(--sd-sky-primary);--sd-secondary: var(--sd-sky-accent);--sd-accent: var(--sd-sun-accent);--sd-status-online: #66bb6a;--sd-status-offline: #ef5350;--sd-status-error: var(--sd-status-offline);--sd-status-ok: #43d15c;--sd-status-warning: #ffa726;--sd-status-battery-full: var(--sd-status-ok);--sd-status-battery-good: #ffd600;--sd-status-battery-medium: var(--sd-status-warning);--sd-status-battery-low: var(--sd-status-offline);--mat-sys-primary: var(--sd-sky-primary);--mat-sys-on-primary: #ffffff;--mat-sys-primary-container: var(--sd-sky-accent);--mat-sys-on-primary-container: #ffffff;--mat-sys-secondary: var(--sd-sky-accent);--mat-sys-on-secondary: #ffffff;--mat-sys-tertiary: var(--sd-sky-deep);--mat-sys-on-tertiary: #ffffff}html,body{height:100%;margin:0}body{font-family:Roboto,Helvetica Neue,sans-serif;color-scheme:dark;color:var(--sd-text-primary);font:var(--mat-sys-body-medium);background:radial-gradient(circle at 20% 30%,rgba(244,223,165,.15) 0%,transparent 40%),radial-gradient(circle at 80% 10%,rgba(100,144,166,.12) 0%,transparent 45%),url("./media/night_city_skyline-OMM7GQ3U.png") no-repeat center center fixed;background-size:cover}body[data-theme=light]{color-scheme:light;background:radial-gradient(circle at 20% 30%,rgba(255,232,179,.4) 0%,transparent 40%),radial-gradient(circle at 80% 10%,rgba(191,230,255,.35) 0%,transparent 45%),url("./media/vibrant_city_skyline-A47ZG3EF.png") no-repeat center center fixed;background-size:cover;--mat-menu-container-color: rgba(255, 255, 255, .92);--mat-select-panel-background-color: rgba(255, 255, 255, .92);--mat-datepicker-calendar-container-background-color: rgba(255, 255, 255, .92);--mat-snack-bar-container-color: rgba(255, 255, 255, .92);--mat-timepicker-container-background-color: rgba(255, 255, 255, .92);--mat-form-field-filled-container-color: rgba(255, 255, 255, .45);--mat-form-field-outlined-outline-color: rgba(31, 43, 47, .25);--mat-form-field-outlined-focus-outline-color: #6490A6;--sd-background-color: rgba(255, 255, 255, .18);--sd-background-color-light: rgba(255, 255, 255, .15);--sd-background-color-lighter: rgba(255, 255, 255, .12);--sd-border-color: rgba(255, 255, 255, .35);--sd-text-primary: #1F2B2F;--sd-text-secondary: rgba(31, 43, 47, .7);--sd-text-tertiary: rgba(31, 43, 47, .5);--sd-overlay-dark: linear-gradient(180deg, rgba(207, 231, 243, .3) 0%, rgba(207, 231, 243, .4) 100%);--sd-card-background: rgba(255, 255, 255, .22)}body[data-theme=dark]{color-scheme:dark}main{background:var(--sd-overlay-dark);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}mat-card.glass-card{backdrop-filter:var(--sd-backdrop-filter);-webkit-backdrop-filter:var(--sd-backdrop-filter);background:var(--sd-background-color);border-radius:16px;border:var(--sd-border-style);box-shadow:var(--sd-shadow);transition:all .3s ease}mat-card.entity-card{backdrop-filter:var(--sd-backdrop-filter);-webkit-backdrop-filter:var(--sd-backdrop-filter);background:var(--sd-background-color);border-radius:16px;border:var(--sd-border-style);box-shadow:var(--sd-shadow);transition:all .3s ease}mat-card.entity-card mat-card-header{padding-top:8px;padding-bottom:8px;color:var(--sd-primary)}mat-card.entity-card mat-card-header .mat-mdc-card-avatar{margin-bottom:0;background:transparent;width:40px;height:40px;display:flex;align-items:center;justify-content:center}mat-card.entity-card mat-card-header .mat-mdc-card-avatar mat-icon{background:linear-gradient(135deg,var(--sd-sky-primary),var(--sd-sky-accent));background-clip:text;-webkit-background-clip:text;color:transparent;font-size:24px;width:24px;height:24px;text-shadow:0 2px 8px rgba(42,106,143,.3)}mat-card.entity-card mat-card-header mat-card-title{padding-bottom:1rem;color:var(--sd-text-primary)}mat-card.entity-card mat-card-header .mat-mdc-card-header-text{display:flex;flex:1;align-items:start}mat-card.entity-card mat-card-header .mat-mdc-card-header-text mat-card-title.informative{display:flex;flex:1}mat-card.entity-card mat-card-header .mat-mdc-card-header-text span.spacer{flex:1}mat-card.entity-card mat-card-content{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;padding-top:1rem;padding-bottom:1rem;background:var(--sd-card-background);-webkit-backdrop-filter:var(--sd-backdrop-filter);backdrop-filter:var(--sd-backdrop-filter);color:var(--sd-text-primary)}mat-card.entity-card mat-card-content .column{display:flex;flex-direction:column;gap:.5rem}mat-card.entity-card mat-card-content .row{display:flex;flex-direction:row;gap:.5rem;flex-wrap:wrap}mat-card.entity-card mat-card-content .label{margin-right:10px;color:var(--sd-text-tertiary);font-weight:500}mat-card.entity-card mat-card-actions{display:flex;flex-direction:row;gap:1rem;justify-content:end;background:var(--sd-card-background);-webkit-backdrop-filter:var(--sd-backdrop-filter);backdrop-filter:var(--sd-backdrop-filter)}.primary{color:var(--sd-primary)}.primary-button{background:linear-gradient(135deg,var(--sd-sky-primary),var(--sd-sky-accent));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:var(--sd-shadow)}.primary-button:hover{box-shadow:var(--sd-glow-hover);transform:translateY(-2px)}.primary-button:active{transform:translateY(0)}.primary-button:disabled{opacity:.5;cursor:not-allowed;transform:none}button[matButton],a[matButton]{transition:all .3s ease}button[matButton][matButton=filled],a[matButton][matButton=filled]{background:linear-gradient(135deg,var(--sd-sky-primary),var(--sd-sky-accent))!important;box-shadow:var(--sd-shadow)}button[matButton][matButton=filled]:hover:not(:disabled),a[matButton][matButton=filled]:hover:not(:disabled){background:linear-gradient(135deg,color-mix(in srgb,var(--sd-sky-primary) 85%,white),color-mix(in srgb,var(--sd-sky-accent) 85%,white))!important;box-shadow:var(--sd-glow-hover);transform:translateY(-1px)}button[matButton][matButton=filled]:disabled,a[matButton][matButton=filled]:disabled{background:var(--sd-text-tertiary)!important;color:var(--sd-text-secondary)!important;box-shadow:none;border:1px solid var(--sd-border-color)}button[matButton][matButton=tonal],a[matButton][matButton=tonal]{box-shadow:var(--sd-shadow)}button[matButton][matButton=tonal]:hover:not(:disabled),a[matButton][matButton=tonal]:hover:not(:disabled){box-shadow:var(--sd-glow-hover);transform:translateY(-1px)}button[matButton][matButton=tonal]:disabled,a[matButton][matButton=tonal]:disabled{background:var(--sd-text-tertiary)!important;color:var(--sd-text-secondary)!important;border:1px solid var(--sd-border-color)}button[matButton][matButton=outlined]:hover:not(:disabled),a[matButton][matButton=outlined]:hover:not(:disabled){box-shadow:0 0 0 1px var(--sd-sun-accent);transform:translateY(-1px)}button[matButton][matButton=elevated],a[matButton][matButton=elevated]{box-shadow:var(--sd-shadow-hover)}button[matButton][matButton=elevated]:hover:not(:disabled),a[matButton][matButton=elevated]:hover:not(:disabled){box-shadow:var(--sd-glow-hover);transform:translateY(-2px)}button[matButton][matButton=elevated]:disabled,a[matButton][matButton=elevated]:disabled{background:var(--sd-text-tertiary)!important;color:var(--sd-text-secondary)!important;box-shadow:none;border:1px solid var(--sd-border-color)}button[matIconButton],a[matIconButton]{transition:all .2s ease}button[matFab],a[matFab]{background:linear-gradient(135deg,var(--sd-sky-primary),var(--sd-sky-accent))!important;transition:all .3s ease}button[matFab]:hover:not(:disabled),a[matFab]:hover:not(:disabled){background:linear-gradient(135deg,color-mix(in srgb,var(--sd-sky-primary) 85%,white),color-mix(in srgb,var(--sd-sky-accent) 85%,white))!important;box-shadow:var(--sd-glow-hover);transform:translateY(-2px)}button[matFab]:disabled,a[matFab]:disabled{background:var(--sd-text-tertiary)!important;color:var(--sd-text-secondary)!important;box-shadow:none}button[matMiniFab],a[matMiniFab]{background:linear-gradient(135deg,var(--sd-sky-primary),var(--sd-sky-accent))!important;transition:all .3s ease}button[matMiniFab]:hover:not(:disabled),a[matMiniFab]:hover:not(:disabled){background:linear-gradient(135deg,color-mix(in srgb,var(--sd-sky-primary) 85%,white),color-mix(in srgb,var(--sd-sky-accent) 85%,white))!important;box-shadow:var(--sd-glow-hover);transform:translateY(-1px)}button[matMiniFab]:disabled,a[matMiniFab]:disabled{background:var(--sd-text-tertiary)!important;color:var(--sd-text-secondary)!important;box-shadow:none}