html{--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #003737);--mat-sys-on-tertiary-container: light-dark(#004f4f, #00fbfb);--mat-sys-on-tertiary-fixed: light-dark(#002020, #002020);--mat-sys-on-tertiary-fixed-variant: light-dark(#004f4f, #004f4f);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#006a6a, #00dddd);--mat-sys-tertiary-container: light-dark(#00fbfb, #004f4f);--mat-sys-tertiary-fixed: light-dark(#00fbfb, #00fbfb);--mat-sys-tertiary-fixed-dim: light-dark(#00dddd, #00dddd);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--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 system-ui;--mat-sys-body-large-font: system-ui;--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 system-ui;--mat-sys-body-medium-font: system-ui;--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 system-ui;--mat-sys-body-small-font: system-ui;--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 system-ui;--mat-sys-display-large-font: system-ui;--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 system-ui;--mat-sys-display-medium-font: system-ui;--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 system-ui;--mat-sys-display-small-font: system-ui;--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 system-ui;--mat-sys-headline-large-font: system-ui;--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 system-ui;--mat-sys-headline-medium-font: system-ui;--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 system-ui;--mat-sys-headline-small-font: system-ui;--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 system-ui;--mat-sys-label-large-font: system-ui;--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 system-ui;--mat-sys-label-medium-font: system-ui;--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 system-ui;--mat-sys-label-small-font: system-ui;--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 system-ui;--mat-sys-title-large-font: system-ui;--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 system-ui;--mat-sys-title-medium-font: system-ui;--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 system-ui;--mat-sys-title-small-font: system-ui;--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}:root{--bg-space: #1a1714;--bg-app: transparent;--bg-sidebar: rgba(22, 18, 14, .28);--bg-card: rgba(22, 18, 14, .28);--bg-hover: rgba(255, 255, 255, .12);--bg-active: rgba(255, 255, 255, .18);--bg-glass: rgba(18, 14, 10, .28);--border: rgba(255, 255, 255, .2);--border-strong: rgba(255, 255, 255, .34);--text-primary: rgba(255, 255, 255, .96);--text-muted: rgba(255, 255, 255, .7);--accent: #f3eee8;--accent-strong: #ffffff;--glow: rgba(255, 236, 210, .4);--radius-lg: 28px;--radius-md: 20px;--radius-sm: 14px;--shadow-window: inset 0 1px 0 rgba(255, 255, 255, .22), 0 18px 48px rgba(0, 0, 0, .28);--blur: blur(48px) saturate(170%);--mobile-nav-height: 72px;--touch-min: 48px;--mat-sys-primary: #ece6de;--mat-sys-on-primary: #1a1612;--mat-sys-secondary: #d8d1c8;--mat-sys-on-secondary: #1a1612}html,body{height:100%;min-height:100dvh}html{background-color:var(--bg-space)}body{color-scheme:dark;color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;margin:0;-webkit-font-smoothing:antialiased;overflow-x:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background-color:var(--bg-space);background-image:linear-gradient(180deg,#0c0a0829,#0c0a085c),url("./media/wallpaper-5MRZ4RGZ.jpg");background-size:cover;background-position:center;background-repeat:no-repeat}*{box-sizing:border-box}button,input,textarea,select{font-size:16px}.mat-mdc-button,.mat-mdc-raised-button,.mat-mdc-outlined-button,.mat-mdc-unelevated-button{border-radius:999px!important;letter-spacing:.01em;min-height:var(--touch-min)}.mat-mdc-icon-button,.mat-mdc-fab,.mat-mdc-mini-fab{border-radius:50%!important}.mat-mdc-form-field{--mdc-outlined-text-field-outline-color: rgba(255, 255, 255, .32);--mdc-outlined-text-field-hover-outline-color: rgba(255, 255, 255, .5);--mdc-outlined-text-field-focus-outline-color: #fff;--mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, .72);--mdc-outlined-text-field-input-text-color: #fff;--mdc-outlined-text-field-caret-color: #fff}.mat-mdc-form-field .mdc-text-field--outlined{border-radius:var(--radius-sm)!important}.mat-mdc-unelevated-button,.mat-mdc-raised-button{--mdc-filled-button-container-color: rgba(255, 255, 255, .9);--mdc-filled-button-label-text-color: #1a1612;--mdc-protected-button-container-color: rgba(255, 255, 255, .9);--mdc-protected-button-label-text-color: #1a1612}.mat-mdc-card{border-radius:var(--radius-md)!important}.cdk-overlay-pane{max-width:100vw!important}.glass-dialog .mat-mdc-dialog-container,.mat-mdc-dialog-container{--mdc-dialog-container-color: transparent;--mat-dialog-container-color: transparent;border-radius:var(--radius-lg)!important;background:var(--bg-glass)!important;color:var(--text-primary)!important;border:1px solid var(--border);box-shadow:var(--shadow-window);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);padding:0!important;overflow:hidden}.glass-dialog .mat-mdc-dialog-surface,.mat-mdc-dialog-surface{background:transparent!important;box-shadow:none!important;border-radius:var(--radius-lg)!important;color:var(--text-primary)!important}.management-dialog-panel .mat-mdc-dialog-surface{overflow:hidden}.vision-window .mat-mdc-dialog-container{max-width:min(1120px,96vw)!important;max-height:min(860px,92dvh)!important;width:min(1120px,96vw)!important;height:min(860px,92dvh)!important}.cdk-overlay-dark-backdrop{background:#0c0a082e;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}.mat-mdc-snack-bar-container{border-radius:16px!important}.page-header{margin-bottom:20px}.page-header h1{margin:0 0 6px;font-size:1.7rem;font-weight:650;letter-spacing:-.045em;line-height:1.15}.page-header .subtitle{margin:0;color:var(--text-muted);font-size:.95rem;line-height:1.4}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-window);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.muted{color:var(--text-muted)}.range{-webkit-appearance:none;appearance:none;width:100%;height:32px;background:transparent;margin:0}.range::-webkit-slider-runnable-track{height:12px;border-radius:999px;background:var(--track, rgba(255, 255, 255, .16))}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:32px;height:32px;margin-top:-10px;border-radius:50%;background:#fff;border:none;box-shadow:0 2px 10px #00000059}.range::-moz-range-track{height:12px;border-radius:999px;background:var(--track, rgba(255, 255, 255, .16))}.range::-moz-range-thumb{width:32px;height:32px;border-radius:50%;background:#fff;border:none}@media (max-width: 768px){.page-header{margin-bottom:14px}.page-header h1{font-size:1.35rem}.mat-mdc-form-field{width:100%!important}.mat-mdc-icon-button{width:48px;height:48px;padding:10px}.cdk-overlay-pane.glass-dialog,.cdk-overlay-pane.vision-window,.cdk-overlay-pane.management-dialog-panel,.cdk-overlay-pane:has(.mat-mdc-dialog-container){width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;min-height:100dvh!important;margin:0!important;position:fixed!important;inset:0 auto auto 0!important}.vision-window .mat-mdc-dialog-container,.glass-dialog .mat-mdc-dialog-container,.mat-mdc-dialog-container{border-radius:0!important;max-width:100vw!important;max-height:100dvh!important;width:100vw!important;height:100dvh!important;border:none!important}.vision-window .mat-mdc-dialog-surface,.glass-dialog .mat-mdc-dialog-surface,.mat-mdc-dialog-surface{border-radius:0!important;width:100vw!important;height:100dvh!important;max-height:100dvh!important;display:flex;flex-direction:column}.mat-mdc-dialog-title{padding:calc(12px + env(safe-area-inset-top,0px)) 16px 8px!important;margin:0!important}.mat-mdc-dialog-content{max-height:none!important;flex:1}.mat-mdc-dialog-surface{display:flex;flex-direction:column}.mat-mdc-dialog-actions{padding:8px 16px calc(12px + env(safe-area-inset-bottom,0px))!important;min-height:64px;gap:8px;margin-top:auto;flex-shrink:0}.mat-mdc-dialog-actions .mat-mdc-button,.mat-mdc-dialog-actions .mat-mdc-unelevated-button,.mat-mdc-dialog-actions .mat-mdc-raised-button{min-height:48px}}
