:root{--app-brand: #84329b;--app-brand-hover: #6b2880;--app-brand-accent: #c084fc;--app-dark: #0a0a12;--app-brand-tint: rgba(132, 50, 155, .08);--app-brand-tint-strong: rgba(132, 50, 155, .16);--app-muted: #6b6878;--app-muted-strong: #4a4858;--app-subtle: #9895a3;--app-text: #272757;--app-on-brand: #ffffff;--app-bg: #f4f3f7;--app-surface: #ffffff;--app-surface-alt: #f8f7fa;--app-border: #e4e1ea;--app-border-strong: #c4c0cc;--app-divider: #ecebf0;--app-shadow: 0 1px 3px rgba(0, 0, 0, .06);--app-radius: 12px;--app-ok: #4caf50;--app-ok-bg: #e4f0e4;--app-ok-fg: #2f6b34;--app-bad: #f44336;--app-bad-bg: #fae7e3;--app-bad-fg: #a32f22;--app-warn: #ff9800;--app-warn-bg: #f7ecd8;--app-warn-fg: #855b16;--app-info-bg: #e3f2fd;--app-info-fg: #1565c0}html{height:100%;--mat-sys-background: light-dark(#fff7fb, #171118);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#faedf7, #352e35);--mat-sys-inverse-primary: light-dark(#f2afff, #8c3aa3);--mat-sys-inverse-surface: light-dark(#352e35, #ebdfe9);--mat-sys-on-background: light-dark(#201a20, #ebdfe9);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #55006b);--mat-sys-on-primary-container: light-dark(#711e89, #fcd7ff);--mat-sys-on-primary-fixed: light-dark(#340043, #340043);--mat-sys-on-primary-fixed-variant: light-dark(#711e89, #711e89);--mat-sys-on-secondary: light-dark(#ffffff, #43244b);--mat-sys-on-secondary-container: light-dark(#5c3b63, #fcd7ff);--mat-sys-on-secondary-fixed: light-dark(#2c0f35, #2c0f35);--mat-sys-on-secondary-fixed-variant: light-dark(#5c3b63, #5c3b63);--mat-sys-on-surface: light-dark(#201a20, #ebdfe9);--mat-sys-on-surface-variant: light-dark(#4f4350, #efdded);--mat-sys-on-tertiary: light-dark(#ffffff, #65002e);--mat-sys-on-tertiary-container: light-dark(#871845, #ffd9e1);--mat-sys-on-tertiary-fixed: light-dark(#3f001a, #3f001a);--mat-sys-on-tertiary-fixed-variant: light-dark(#871845, #871845);--mat-sys-outline: light-dark(#817381, #9b8c9b);--mat-sys-outline-variant: light-dark(#d2c1d1, #4f4350);--mat-sys-primary: light-dark(#8c3aa3, #f2afff);--mat-sys-primary-container: light-dark(#fcd7ff, #711e89);--mat-sys-primary-fixed: light-dark(#fcd7ff, #fcd7ff);--mat-sys-primary-fixed-dim: light-dark(#f2afff, #f2afff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#75527c, #e3b8e9);--mat-sys-secondary-container: light-dark(#fcd7ff, #5c3b63);--mat-sys-secondary-fixed: light-dark(#fcd7ff, #fcd7ff);--mat-sys-secondary-fixed-dim: light-dark(#e3b8e9, #e3b8e9);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fff7fb, #171118);--mat-sys-surface-bright: light-dark(#fff7fb, #3e373e);--mat-sys-surface-container: light-dark(#f7eaf4, #241e24);--mat-sys-surface-container-high: light-dark(#f1e5ee, #2f282f);--mat-sys-surface-container-highest: light-dark(#ebdfe9, #3a323a);--mat-sys-surface-container-low: light-dark(#fdf0fa, #201a20);--mat-sys-surface-container-lowest: light-dark(#ffffff, #120c13);--mat-sys-surface-dim: light-dark(#e3d6e0, #171118);--mat-sys-surface-tint: light-dark(#8c3aa3, #f2afff);--mat-sys-surface-variant: light-dark(#efdded, #4f4350);--mat-sys-tertiary: light-dark(#a6335c, #ffb1c4);--mat-sys-tertiary-container: light-dark(#ffd9e1, #871845);--mat-sys-tertiary-fixed: light-dark(#ffd9e1, #ffd9e1);--mat-sys-tertiary-fixed-dim: light-dark(#ffb1c4, #ffb1c4);--mat-sys-neutral-variant20: #382d39;--mat-sys-neutral10: #201a20;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--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}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--app-surface) inset;-webkit-text-fill-color:var(--app-text)}h1,h2,h3{font-weight:500}body{color-scheme:light;background-color:var(--mat-sys-surface);color:var(--app-text);font:var(--mat-sys-body-medium);font-size:17px;margin:0;height:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin:0 0 1.5rem;padding:0;min-height:40px}.page-header h2{margin:0;padding:0;font-size:1.6rem;font-weight:500;color:var(--app-text)}.mdc-dialog .mat-mdc-dialog-title{margin:0 0 1.5rem!important;padding:0!important;font-size:1.6rem;font-weight:500;color:var(--app-text)}.dialog-section-title{margin:1rem 0 .75rem;font-size:1rem;font-weight:600;color:var(--app-muted-strong)}.mat-mdc-raised-button.mat-primary,.mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color: var(--app-brand) !important;--mdc-filled-button-label-text-color: var(--app-on-brand) !important;background-color:var(--app-brand)!important;color:var(--app-on-brand)!important;border-radius:8px!important}.mat-mdc-raised-button.mat-primary:hover,.mat-mdc-unelevated-button.mat-primary:hover{background-color:var(--app-brand-hover)!important}.mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color: var(--app-brand) !important;--mdc-outlined-button-outline-color: var(--app-brand) !important;color:var(--app-brand)!important;border-color:var(--app-brand)!important;border-radius:8px!important}.mat-mdc-table .mat-mdc-icon-button{--mat-icon-button-icon-color: var(--app-muted)}.mat-mdc-table .mat-mdc-icon-button:hover{--mat-icon-button-icon-color: var(--app-brand)}.mat-mdc-table .mat-mdc-icon-button[color=warn]:hover{--mat-icon-button-icon-color: var(--app-bad)}.mat-mdc-tab-group{--mat-tab-active-indicator-color: var(--app-brand);--mat-tab-active-label-text-color: var(--app-brand);--mat-tab-active-hover-indicator-color: var(--app-brand);--mat-tab-active-focus-indicator-color: var(--app-brand);--mat-tab-active-hover-label-text-color: var(--app-brand);--mat-tab-active-focus-label-text-color: var(--app-brand);--mat-tab-active-ripple-color: var(--app-brand-tint);--mat-tab-inactive-label-text-color: var(--app-muted-strong)}.mat-mdc-tab-group .mat-mdc-tab-header{border-bottom:1px solid var(--app-border)}.mat-mdc-tab-group .mdc-tab{border-radius:8px 8px 0 0}.mat-mdc-tab-group .mdc-tab:hover{background:var(--app-surface-alt)}.mat-mdc-tab-group .mdc-tab.mdc-tab--active{background:var(--app-brand-tint)}.mat-mdc-tab-group .mdc-tab--active .mdc-tab__text-label{font-weight:600}.mat-button-toggle-group{--mat-button-toggle-background-color: var(--app-surface);--mat-button-toggle-text-color: var(--app-muted);--mat-button-toggle-selected-state-background-color: var(--app-brand-tint-strong);--mat-button-toggle-selected-state-text-color: var(--app-brand);--mat-button-toggle-divider-color: var(--app-border);--mat-button-toggle-shape: 8px;--mat-button-toggle-label-text-size: 13px;background:var(--app-surface);box-shadow:var(--app-shadow)}.mat-button-toggle-group .mat-button-toggle-label-content{line-height:32px;padding:0 12px}.mat-button-toggle-group .mat-button-toggle-checked .mat-button-toggle-label-content{font-weight:600}.mat-button-toggle-group .mat-icon{font-size:18px;width:18px;height:18px;vertical-align:middle}.name-link{text-decoration:none;color:var(--app-text);font-weight:500;white-space:nowrap}.name-link:hover{color:var(--app-brand);text-decoration:underline}.mat-mdc-card{background:var(--app-surface)!important;border:1px solid var(--app-border);border-radius:var(--app-radius)!important;box-shadow:var(--app-shadow)!important}.mat-mdc-table{--mat-table-row-item-outline-color: var(--app-border);background:var(--app-surface)!important;border:1px solid var(--app-border);border-radius:var(--app-radius);box-shadow:var(--app-shadow);overflow:hidden}.mat-mdc-row,.mat-mdc-header-row,.mat-mdc-footer-row{background:var(--app-surface)!important}.mat-mdc-dialog-container .mdc-dialog__surface{border-radius:14px!important;box-shadow:0 8px 32px #00000024!important;background:#fff!important}.mdc-dialog .mat-mdc-dialog-title{margin:0!important;padding:1.25rem 1.5rem!important;font-size:1.15rem!important;font-weight:500!important;color:var(--app-text)!important;border-bottom:1px solid var(--app-divider);letter-spacing:.01em}.mat-mdc-dialog-content{padding:1.5rem!important;max-height:65vh!important}.mat-mdc-dialog-actions{padding:.75rem 1.5rem 1.25rem!important;border-top:1px solid var(--app-divider);gap:.5rem}.mat-mdc-dialog-actions .mat-mdc-button:not(.mat-mdc-raised-button){color:var(--app-muted-strong)!important;border:1px solid var(--app-border-strong)!important}.mat-mdc-dialog-actions .mat-mdc-button:not(.mat-mdc-raised-button).cdk-program-focused>.mat-mdc-button-persistent-ripple:before{opacity:0}.mat-mdc-dialog-actions .mat-mdc-button:not(.mat-mdc-raised-button){border-radius:8px!important;padding:0 1.25rem!important;height:38px}.mat-mdc-dialog-actions .mat-mdc-button:not(.mat-mdc-raised-button):hover{background:var(--app-surface-alt)!important}.mat-mdc-dialog-actions .mat-mdc-raised-button{border-radius:8px!important;padding:0 1.5rem!important;height:38px;font-weight:600!important;box-shadow:none!important}.mat-mdc-dialog-content .mat-mdc-form-field{width:100%}.mat-mdc-dialog-content .mat-mdc-form-field .mdc-text-field--outlined{border-radius:8px!important}.mat-mdc-dialog-content .mat-mdc-form-field .mdc-notched-outline__leading{border-radius:8px 0 0 8px!important}.mat-mdc-dialog-content .mat-mdc-form-field .mdc-notched-outline__trailing{border-radius:0 8px 8px 0!important}.badge{display:inline-block;padding:.2rem .65rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.6;white-space:nowrap}.badge--up{background:var(--app-ok-bg);color:var(--app-ok-fg)}.badge--down{background:var(--app-bad-bg);color:var(--app-bad-fg)}.badge--unknown{background:var(--app-warn-bg);color:var(--app-warn-fg)}.flag-on{color:var(--app-brand)}.flag-off{color:var(--app-subtle)}.status-up{color:var(--app-ok)}.status-down{color:var(--app-bad)}.status-unknown{color:var(--app-warn)}.snack-warn{--mat-snack-bar-container-color: var(--app-surface);--mat-snack-bar-supporting-text-color: var(--app-muted-strong);--mat-snack-bar-button-color: var(--app-muted-strong)}.snack-warn .mdc-snackbar__surface{border:1px solid var(--app-border);border-left:10px solid var(--app-warn)}