html{color-scheme:light;--mat-sys-background: #fcf8fb;--mat-sys-error: #b81f1d;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f3f0f3;--mat-sys-inverse-primary: #b9c3ff;--mat-sys-inverse-surface: #313033;--mat-sys-on-background: #1c1b1e;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #38437a;--mat-sys-on-primary-fixed: #08154c;--mat-sys-on-primary-fixed-variant: #38437a;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #273d9d;--mat-sys-on-secondary-fixed: #001258;--mat-sys-on-secondary-fixed-variant: #273d9d;--mat-sys-on-surface: #1c1b1e;--mat-sys-on-surface-variant: #46464c;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #6d3a00;--mat-sys-on-tertiary-fixed: #2e1500;--mat-sys-on-tertiary-fixed-variant: #6d3a00;--mat-sys-outline: #77767d;--mat-sys-outline-variant: #c7c5cd;--mat-sys-primary: #505b93;--mat-sys-primary-container: #dde1ff;--mat-sys-primary-fixed: #dde1ff;--mat-sys-primary-fixed-dim: #b9c3ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #4256b7;--mat-sys-secondary-container: #dee1ff;--mat-sys-secondary-fixed: #dee1ff;--mat-sys-secondary-fixed-dim: #b9c3ff;--mat-sys-shadow: #000000;--mat-sys-surface: #fcf8fb;--mat-sys-surface-bright: #fcf8fb;--mat-sys-surface-container: #f0edf0;--mat-sys-surface-container-high: #eae7ea;--mat-sys-surface-container-highest: #e5e1e5;--mat-sys-surface-container-low: #f6f2f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dcd9dc;--mat-sys-surface-tint: #505b93;--mat-sys-surface-variant: #e3e1e9;--mat-sys-tertiary: #8f4e00;--mat-sys-tertiary-container: #ffdcc2;--mat-sys-tertiary-fixed: #ffdcc2;--mat-sys-tertiary-fixed-dim: #ffb77a;--mat-sys-neutral-variant20: #303036;--mat-sys-neutral10: #1c1b1e;--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 Inter Tight;--mat-sys-body-large-font: Inter Tight;--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 Inter Tight;--mat-sys-body-medium-font: Inter Tight;--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 Inter Tight;--mat-sys-body-small-font: Inter Tight;--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 Raleway;--mat-sys-display-large-font: Raleway;--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 Raleway;--mat-sys-display-medium-font: Raleway;--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 Raleway;--mat-sys-display-small-font: Raleway;--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 Raleway;--mat-sys-headline-large-font: Raleway;--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 Raleway;--mat-sys-headline-medium-font: Raleway;--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 Raleway;--mat-sys-headline-small-font: Raleway;--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: 600 .875rem / 1.25rem Inter Tight;--mat-sys-label-large-font: Inter Tight;--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: 600;--mat-sys-label-large-weight-prominent: 900;--mat-sys-label-medium: 600 .75rem / 1rem Inter Tight;--mat-sys-label-medium-font: Inter Tight;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 600;--mat-sys-label-medium-weight-prominent: 900;--mat-sys-label-small: 600 .688rem / 1rem Inter Tight;--mat-sys-label-small-font: Inter Tight;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 600;--mat-sys-title-large: 400 1.375rem / 1.75rem Raleway;--mat-sys-title-large-font: Raleway;--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: 600 1rem / 1.5rem Inter Tight;--mat-sys-title-medium-font: Inter Tight;--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: 600;--mat-sys-title-small: 600 .875rem / 1.25rem Inter Tight;--mat-sys-title-small-font: Inter Tight;--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: 600;--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-card-outlined-container-color: var(--mat-sys-surface-container);--mat-card-subtitle-text-size: var(--mat-sys-label-medium-size)}html .lightbox-dialog{--mat-dialog-container-color: none;--mat-dialog-container-max-width: 95vh}html .grid-container{--mat-card-outlined-container-color: var(--mat-sys-surface-container);--mat-card-subtitle-text-color: var(--mat-sys-primary);--mat-card-title-text-size: var(--mat-sys-title-medium-size);--mat-card-subtitle-text-size: var(--mat-sys-title-small-size)}html{--mat-sidenav-container-background-color: var(--mat-sys-surface-container);--mat-sidenav-container-divider-color: var(--mat-sys-outline-variant)}html .mat-sidenav{--mat-list-list-item-label-text-size: var(--mat-sys-label-large-size);--mat-list-list-item-hover-leading-icon-color: var(--mat-sys-primary);--mat-list-list-item-hover-label-text-color: var(--mat-sys-primary)}html .mat-sidenav .sidenav-link-active{background-color:var(--mat-sys-primary)!important;color:var(--mat-sys-on-primary)!important}html .mat-sidenav .sidenav-link-active .mat-icon,html .mat-sidenav .sidenav-link-active h3{color:var(--mat-sys-on-primary)!important}html .mat-sidenav .subheader{color:var(--mat-sys-primary)}html .card{--mat-list-list-item-label-text-size: var(--mat-sys-label-large-size);--mat-list-list-item-label-text-color: var(--mat-sys-on-surface);--mat-list-list-item-supporting-text-size: var(--mat-sys-label-small-size);--mat-list-list-item-supporting-text-color: var(--mat-sys-primary);--mat-list-list-item-leading-icon-color: var(--mat-sys-primary)}html{--mat-toolbar-container-background-color: var(--mat-sys-surface-container);--mat-paginator-container-background-color: var(--mat-sys-surface-container);--mat-expansion-container-background-color: var(--mat-sys-surface-container);--mat-dialog-container-color: var(--mat-sys-surface-container-high);--mat-dialog-container-elevation-shadow: var(--mat-sys-level5);--mat-dialog-subhead-color: var(--mat-sys-primary);--mat-dialog-content-padding: 50px 0;--mat-table-background-color: var(--mat-sys-surface-container-high);--mat-table-row-item-outline-color: var(--mat-sys-outline-variant);--mat-table-header-headline-color: var(--mat-sys-primary)}html .menu-card{height:200px;cursor:pointer}html .menu-card .mat-icon{font-size:50px;height:50px;width:50px;color:var(--mat-sys-primary)}html .menu-card{font-size:var(--mat-sys-title-medium-size);font-family:var(--mat-sys-title-medium-font)}html .search-bar{--mat-form-field-outlined-focus-outline-color: var(--mat-sys-tertiary);--mat-form-field-outlined-container-shape: 30px;--mat-form-field-container-vertical-padding: 8px;--mat-form-field-container-height: 38px;--mat-form-field-container-text-size: var(--mat-sys-body-medium-size);--mat-icon-color: var(--mat-sys-tertiary)}html{--mat-progress-bar-active-indicator-color: var(--mat-sys-primary);--mat-progress-bar-active-indicator-height: 1px;--mat-progress-bar-track-height: 1px;--mat-button-outlined-label-text-color: var(--mat-sys-on-primary);--mat-icon-button-icon-color: var(--mat-sys-primary);--mat-button-filled-container-color: var(--mat-sys-primary);--mat-button-filled-label-text-color: var(--mat-sys-on-primary);--mat-button-outlined-outline-color: var(--mat-sys-primary);--mat-button-outlined-label-text-color: var(--mat-sys-primary);--mat-form-field-outlined-container-shape: 16px;--mat-form-field-outlined-label-text-size: 14px}html.dark-theme{color-scheme:dark;--mat-sys-background: #131315;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #313033;--mat-sys-inverse-primary: #505b93;--mat-sys-inverse-surface: #e5e1e5;--mat-sys-on-background: #e5e1e5;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #202c62;--mat-sys-on-primary-container: #dde1ff;--mat-sys-on-primary-fixed: #08154c;--mat-sys-on-primary-fixed-variant: #38437a;--mat-sys-on-secondary: #052387;--mat-sys-on-secondary-container: #dee1ff;--mat-sys-on-secondary-fixed: #001258;--mat-sys-on-secondary-fixed-variant: #273d9d;--mat-sys-on-surface: #e5e1e5;--mat-sys-on-surface-variant: #e3e1e9;--mat-sys-on-tertiary: #4c2700;--mat-sys-on-tertiary-container: #ffdcc2;--mat-sys-on-tertiary-fixed: #2e1500;--mat-sys-on-tertiary-fixed-variant: #6d3a00;--mat-sys-outline: #919097;--mat-sys-outline-variant: #46464c;--mat-sys-primary: #b9c3ff;--mat-sys-primary-container: #38437a;--mat-sys-primary-fixed: #dde1ff;--mat-sys-primary-fixed-dim: #b9c3ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #b9c3ff;--mat-sys-secondary-container: #273d9d;--mat-sys-secondary-fixed: #dee1ff;--mat-sys-secondary-fixed-dim: #b9c3ff;--mat-sys-shadow: #000000;--mat-sys-surface: #131315;--mat-sys-surface-bright: #39393b;--mat-sys-surface-container: #201f22;--mat-sys-surface-container-high: #2a2a2c;--mat-sys-surface-container-highest: #353437;--mat-sys-surface-container-low: #1c1b1e;--mat-sys-surface-container-lowest: #0e0e10;--mat-sys-surface-dim: #131315;--mat-sys-surface-tint: #b9c3ff;--mat-sys-surface-variant: #46464c;--mat-sys-tertiary: #ffb77a;--mat-sys-tertiary-container: #6d3a00;--mat-sys-tertiary-fixed: #ffdcc2;--mat-sys-tertiary-fixed-dim: #ffb77a;--mat-sys-neutral-variant20: #303036;--mat-sys-neutral10: #1c1b1e;--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 Inter Tight;--mat-sys-body-large-font: Inter Tight;--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 Inter Tight;--mat-sys-body-medium-font: Inter Tight;--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 Inter Tight;--mat-sys-body-small-font: Inter Tight;--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 Raleway;--mat-sys-display-large-font: Raleway;--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 Raleway;--mat-sys-display-medium-font: Raleway;--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 Raleway;--mat-sys-display-small-font: Raleway;--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 Raleway;--mat-sys-headline-large-font: Raleway;--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 Raleway;--mat-sys-headline-medium-font: Raleway;--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 Raleway;--mat-sys-headline-small-font: Raleway;--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: 600 .875rem / 1.25rem Inter Tight;--mat-sys-label-large-font: Inter Tight;--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: 600;--mat-sys-label-large-weight-prominent: 900;--mat-sys-label-medium: 600 .75rem / 1rem Inter Tight;--mat-sys-label-medium-font: Inter Tight;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 600;--mat-sys-label-medium-weight-prominent: 900;--mat-sys-label-small: 600 .688rem / 1rem Inter Tight;--mat-sys-label-small-font: Inter Tight;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 600;--mat-sys-title-large: 400 1.375rem / 1.75rem Raleway;--mat-sys-title-large-font: Raleway;--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: 600 1rem / 1.5rem Inter Tight;--mat-sys-title-medium-font: Inter Tight;--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: 600;--mat-sys-title-small: 600 .875rem / 1.25rem Inter Tight;--mat-sys-title-small-font: Inter Tight;--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: 600;--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-divider-color: var(--mat-sys-outline-variant)}html.dark-theme .mat-sidenav{--mat-list-list-item-label-text-size: var(--mat-sys-label-large-size);--mat-list-list-item-hover-leading-icon-color: var(--mat-sys-tertiary);--mat-list-list-item-hover-label-text-color: var(--mat-sys-tertiary)}html.dark-theme .mat-sidenav .sidenav-link-active{background-color:var(--mat-sys-tertiary)!important;color:var(--mat-sys-on-tertiary)!important}html.dark-theme .mat-sidenav .sidenav-link-active .mat-icon,html.dark-theme .mat-sidenav .sidenav-link-active h3{color:var(--mat-sys-on-tertiary)!important}html.dark-theme .subheader{color:var(--mat-sys-tertiary)}html.dark-theme .grid-container{--mat-card-subtitle-text-color: var(--mat-sys-tertiary)}html.dark-theme .menu-card .mat-icon{color:var(--mat-sys-tertiary)}html.dark-theme{--mat-dialog-subhead-color: var(--mat-sys-tertiary);--mat-dialog-supporting-text-color: var(--mat-sys-secondary);--mat-button-filled-container-color: var(--mat-sys-secondary);--mat-button-filled-label-text-color: var(--mat-sys-on-secondary);--mat-button-outlined-outline-color: var(--mat-sys-secondary);--mat-button-outlined-label-text-color: var(--mat-sys-secondary);--mat-icon-button-icon-color: var(--mat-sys-tertiary)}html.dark-theme .primary{--mat-icon-color: var(--mat-sys-primary)}html.dark-theme .secondary{--mat-button-tonal-container-color: var(--mat-sys-secondary);--mat-button-tonal-label-text-color: var(--mat-sys-on-secondary);--mat-button-tonal-ripple-color: var(--mat-sys-on-secondary-container);--mat-icon-color: var(--mat-sys-secondary)}html.dark-theme .tertiary{--mat-button-tonal-container-color: var(--mat-sys-tertiary);--mat-button-tonal-label-text-color: var(--mat-sys-on-tertiary);--mat-button-tonal-ripple-color: var(--mat-sys-on-tertiary-container);--mat-icon-color: var(--mat-sys-on-tertiary)}html.dark-theme .error{--mat-button-tonal-container-color: var(--mat-sys-error-container);--mat-button-tonal-label-text-color: var(--mat-sys-on-error-container);--mat-button-tonal-ripple-color: var(--mat-sys-on-error);--mat-button-outlined-label-text-color: var(--mat-sys-on-error-container);--mat-button-outlined-ripple-color: var(--mat-sys-on-error);--mat-button-text-label-text-color: var(--mat-sys-error);--mat-icon-color: var(--mat-sys-error)}html.dark-theme{--mat-form-field-filled-container-color: none}*{scrollbar-width:thin;scrollbar-color:var(--mat-sys-background)!important}body{margin:0;font-family:Inter Tight}.grid-container{display:grid;grid-auto-rows:auto;gap:16px}.grid-container .mat-mdc-card .mat-mdc-card-content{flex:1}.tab-container{padding:16px}.mat-divider.space{margin:20px 0}.mat-divider.space-bottom{margin-bottom:20px}.table-nilai{width:100%;border-bottom:1px solid var(--mat-sys-outline-variant);border-right:1px solid var(--mat-sys-outline-variant);border-spacing:0!important}.table-nilai thead{position:sticky;top:0;background-color:var(--mat-sys-surface-container)}.table-nilai thead tr th{border-top:1px solid var(--mat-sys-outline-variant);border-bottom:1px solid var(--mat-sys-outline-variant);border-left:1px solid var(--mat-sys-outline-variant);color:var(--mat-sys-on-surface);padding:10px 16px;font-size:14px;text-align:center}.table-nilai thead tr th.nilai input{background-color:var(--mat-sys-surface-container);border:none;color:var(--mat-sys-on-surface);width:30px;border-width:thin}.table-nilai tbody tr{border:none}.table-nilai tbody tr .peserta{text-align:left;min-width:350px;font-weight:700}.table-nilai tbody tr .peserta a{color:var(--mat-sys-on-surface);cursor:pointer}.table-nilai tbody tr td{border-top:1px solid var(--mat-sys-outline-variant);border-left:1px solid var(--mat-sys-outline-variant);padding:10px 16px;font-size:14px;text-align:right}.table-nilai tbody tr td.nilai{padding:0;width:50px}.table-nilai tbody tr td.nilai span input{background-color:transparent;border:none;color:var(--mat-sys-on-surface);width:30px;padding:10px 16px;text-align:right}.table-nilai tbody tr td.nilai span input:focus-visible{outline:none}.table-nilai tbody tr td.angka,.table-nilai tbody tr td.mutu{width:50px;font-weight:700}.table-nilai tbody tr td.nim{width:70px;font-weight:700}.table-nilai tbody tr td.nim a{color:var(--mat-sys-on-surface);cursor:pointer}.table-nilai tbody tr .huruf-mutu{text-align:center}.table-nilai tbody tr:hover{background-color:var(--mat-sys-background-focused-button)}.table-nilai tbody tr.ng-invalid{background-color:var(--mat-sys-error)}quill-editor{display:inline-block;width:100%}sim-menu-panel{background-color:var(--mat-sys-surface);padding:10px}.notice{border:thin solid;border-radius:4px;padding:16px;margin:16px 0}.notice.danger{border-color:var(--mat-sys-on-error-container);color:var(--mat-sys-on-error-container);background-color:var(--mat-sys-error-container)}.notice.warning{border-color:var(--mat-sys-on-tertiary-container);color:var(--mat-sys-on-tertiary-container);background-color:var(--mat-sys-tertiary-container)}.notice.info{border-color:var(--mat-sys-on-primary-container);color:var(--mat-sys-on-primary-container);background-color:var(--mat-sys-primary-container)}.full-screen-modal{max-width:100vw!important}.full-screen-modal .mat-mdc-dialog-container{max-width:100vw;max-height:100vh}.full-screen-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{background-color:var(--mat-sys-surface-container);border-top:thin solid var(--mat-sys-outline-variant);border-bottom:thin solid var(--mat-sys-outline-variant);max-height:100vh;height:calc(100vh - 141px)}.full-screen-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.no-padding{padding:0!important}.a{color:var(--mat-sys-primary-700)}.b{color:var(--mat-sys-primary-100)}.c{color:var(--mat-sys-accent-700)}.d{color:var(--mat-sys-warn-100)}.e{color:var(--mat-sys-warn-500)}*::-webkit-scrollbar{width:6px}*::-webkit-scrollbar-track:hover{background:#c1c1c1}*::-webkit-scrollbar-thumb{background-color:#039be5;border-radius:10px}.ql-toolbar{background-color:var(--mat-sys-surface-container);border-color:var(--mat-sys-outline-variant)}.ql-container{background-color:var(--mat-sys-surface-container);color:var(--mat-sys-on-surface)}.ql-toolbar{background-color:var(--mat-sys-surface-container);border-color:var(--mat-sys-primary)}.ql-toolbar .ql-picker,.ql-toolbar .ql-picker-label,.ql-toolbar .ql-picker-item{color:var(--mat-sys-on-surface)}.ql-toolbar .ql-picker-item:hover,.ql-toolbar .ql-active{background-color:var(--mat-sys-primary)}.ql-editor::placeholder{color:var(--mat-sys-on-surface)!important}.ql-editor.ql-blank:before{color:var(--mat-sys-on-surface)!important}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{background:var(--mat-sys-surface-container)!important}:host .ql-bold .ql-fill svg,:host .ql-italic .ql-fill svg{fill:var(--mat-sys-on-surface)!important}.ql-snow .ql-stroke{stroke:var(--mat-sys-on-surface)!important}.ql-snow .ql-fill{fill:var(--mat-sys-on-surface)!important}.clickable{cursor:pointer}.warn{--mat-chip-label-text-color: var(--mat-sys-error);--mat-chip-outline-color: var(--mat-sys-error);--mat-chip-selected-trailing-icon-color: var(--mat-sys-error);--mat-chip-elevated-selected-container-color: var(--mat-sys-error);--mat-button-text-label-text-color: var(--mat-sys-error);--mat-button-text-ripple-color: var(--mat-sys-error)}.warn .mat-icon{color:var(--mat-sys-error)}.accent{--mat-chip-label-text-color: var(--mat-sys-tertiary);--mat-chip-outline-color: var(--mat-sys-tertiary);--mat-chip-selected-trailing-icon-color: var(--mat-sys-tertiary);--mat-button-text-label-text-color: var(--mat-sys-tertiary);--mat-button-text-ripple-color: var(--mat-sys-tertiary)}.accent .mat-icon{color:var(--mat-sys-tertiary)}.primary{--mat-chip-label-text-color: var(--mat-sys-primary);--mat-chip-outline-color: var(--mat-sys-primary);--mat-chip-selected-trailing-icon-color: var(--mat-sys-primary);--mat-button-text-label-text-color: var(--mat-sys-primary);--mat-button-text-ripple-color: var(--mat-sys-primary)}.primary .mat-icon{color:var(--mat-sys-primary)}.cuti{--mat-chip-label-text-color: var(--mat-sys-warning);--mat-chip-outline-color: var(--mat-sys-warning);--mat-chip-selected-trailing-icon-color: var(--mat-sys-warning)}.material-symbols-outlined{font-family:Material Symbols Outlined;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-style:normal;font-weight:400;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-fill{width:100%}.flex-space-between{justify-content:space-between}.align-center{align-items:center}.align-right{text-align:right}.full-height{height:100%}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.dashboard-cards-row{display:flex;flex-direction:row;gap:16px}.dashboard-cards-row>*{flex:1;min-width:0}@media(max-width:768px){.dashboard-cards-row{flex-direction:column}}.dashboard-card{border-radius:12px}.dashboard-item-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-ranking-item{gap:12px;padding:10px 12px;border-radius:8px;transition:background-color .2s ease}.dashboard-ranking-item:hover{background-color:var(--mat-sys-surface-container)}.dashboard-rank-badge{width:28px;height:28px;border-radius:50%;background-color:var(--mat-sys-primary);color:var(--mat-sys-on-primary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.dashboard-rank-name{flex:1;font-size:14px;color:var(--mat-sys-on-surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-count-badge{background-color:var(--mat-sys-primary);color:var(--mat-sys-on-primary);padding:4px 10px;border-radius:12px;font-size:12px;font-weight:700;flex-shrink:0}.dashboard-trend-item{gap:16px;padding:6px 0;border-bottom:1px solid var(--mat-sys-outline-variant)}.dashboard-trend-item:last-child{border-bottom:none}.dashboard-trend-month{min-width:80px;font-size:13px;font-weight:600;color:var(--mat-sys-on-surface)}.dashboard-bar-container{flex:1;height:8px;background-color:var(--mat-sys-surface-container);border-radius:4px;overflow:hidden}.dashboard-bar-fill{height:100%;background-color:var(--mat-sys-primary);border-radius:4px;transition:width .5s ease;min-width:2px}.lightbox-backdrop{background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.table-container::-webkit-scrollbar,mat-dialog-content::-webkit-scrollbar{width:6px;height:6px}.table-container::-webkit-scrollbar-track,mat-dialog-content::-webkit-scrollbar-track{background:#ffffff05}.table-container::-webkit-scrollbar-thumb,mat-dialog-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.sim-import-dialog{display:flex;flex-direction:column;background:var(--mat-sys-surface);color:var(--mat-sys-on-surface)}.sim-import-dialog .dialog-header{padding:24px 24px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;border-bottom:1px solid var(--mat-sys-outline-variant);position:relative}.sim-import-dialog .dialog-header .header-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ef6c001a;border-radius:50%;margin-bottom:12px;color:#ef6c00}.sim-import-dialog .dialog-header .header-icon mat-icon{font-size:24px;width:24px;height:24px}.sim-import-dialog .dialog-header h2[mat-dialog-title]{margin:0 0 6px!important;padding:0!important;font-size:1.25rem;font-weight:600;color:var(--mat-sys-on-surface);line-height:1.3}.sim-import-dialog .dialog-header .dialog-subtitle{margin:0;font-size:.875rem;color:var(--mat-sys-on-surface-variant)}.sim-import-dialog mat-dialog-content{padding:24px!important;margin:0!important;max-height:60vh;overflow-y:auto}.sim-import-dialog .info-guide{background:#2196f31a;border-left:4px solid #2196f3;color:var(--mat-sys-on-surface);padding:12px 16px;border-radius:0 8px 8px 0;font-size:.875rem;line-height:1.5;margin:0 0 20px}.sim-import-dialog .warning-banner{background:#ff98001a;border-left:4px solid #ff9800;color:var(--mat-sys-on-surface);padding:12px 16px;border-radius:0 8px 8px 0;font-size:.875rem;line-height:1.5;display:flex;align-items:center;gap:12px;margin-bottom:20px}.sim-import-dialog .warning-banner mat-icon{font-size:24px;width:24px;height:24px;margin:0}.sim-import-dialog .error-message{display:flex;align-items:center;gap:10px;background:#f443361a;border:1px solid rgba(244,67,54,.2);color:#f44336;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.875rem}.sim-import-dialog .error-message mat-icon{font-size:20px;width:20px;height:20px}.sim-import-dialog .progress-section{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.sim-import-dialog .progress-section .progress-label{font-size:.85rem;color:var(--mat-sys-on-surface-variant)}.sim-import-dialog .upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--mat-sys-outline-variant);background:var(--mat-sys-surface-container-low);border-radius:12px;padding:40px 24px;text-align:center;transition:.2s;margin-bottom:8px}.sim-import-dialog .upload-area:hover{border-color:#ef6c00;background:#ef6c0008}.sim-import-dialog .upload-area .upload-icon{font-size:48px;width:48px;height:48px;color:var(--mat-sys-on-surface-variant);opacity:.6;margin-bottom:16px}.sim-import-dialog .upload-area h3{margin:0 0 4px;font-size:1.1rem;font-weight:500;color:var(--mat-sys-on-surface)}.sim-import-dialog .upload-area p{margin:0 0 20px;font-size:.85rem;color:var(--mat-sys-on-surface-variant)}.sim-import-dialog .upload-area button{margin:6px;min-width:160px;border-radius:8px}.sim-import-dialog .preview-section{display:flex;flex-direction:column;gap:12px}.sim-import-dialog .preview-section .preview-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--mat-sys-on-surface)}.sim-import-dialog button[mat-raised-button],.sim-import-dialog button[mat-stroked-button]{border-radius:8px;height:40px;font-weight:500;display:inline-flex;align-items:center;gap:8px}.sim-import-dialog button[mat-raised-button] mat-icon,.sim-import-dialog button[mat-stroked-button] mat-icon{margin:0!important}.sim-import-dialog .stat-card{background:var(--mat-sys-surface-container-low);border:1px solid var(--mat-sys-outline-variant);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:6px}.sim-import-dialog .stat-card .label{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--mat-sys-on-surface-variant);font-weight:600}.sim-import-dialog .stat-card .value{font-size:1.75rem;font-weight:700}.sim-import-dialog .stat-card.success{border-left:4px solid #4caf50}.sim-import-dialog .stat-card.success .value{color:#4caf50}.sim-import-dialog .stat-card.warn{border-left:4px solid #f44336}.sim-import-dialog .stat-card.warn .value{color:#f44336}.sim-import-dialog .table-container{max-height:350px;overflow:auto;border-radius:8px;border:1px solid var(--mat-sys-outline-variant);background:var(--mat-sys-surface-container-low)}.sim-import-dialog .table-container table{width:100%;background:transparent;border-collapse:collapse}.sim-import-dialog .table-container table th{background:var(--mat-sys-surface-container-high);color:var(--mat-sys-on-surface-variant);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;border-bottom:1px solid var(--mat-sys-outline-variant)}.sim-import-dialog .table-container table td{padding:12px 16px;color:var(--mat-sys-on-surface);font-size:.875rem;border-bottom:1px solid var(--mat-sys-outline-variant);vertical-align:middle}.sim-import-dialog .status-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sim-import-dialog .status-badge.pending{background:#ffc10726;color:#ffc107}.sim-import-dialog .status-badge.success{background:#4caf5026;color:#4caf50}.sim-import-dialog .status-badge.error{background:#f4433626;color:#f44336}.sim-import-dialog .status-error-container{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.sim-import-dialog .status-error-container .error-text{font-size:.75rem;color:#f44336;max-width:250px;word-break:break-word}.sim-import-dialog .dialog-actions{padding:16px 24px!important;margin:0!important;border-top:1px solid var(--mat-sys-outline-variant);display:flex;gap:12px;justify-content:flex-end;background:var(--mat-sys-surface-container-low)}.sim-import-dialog .dialog-actions button{border-radius:8px;min-width:100px;height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.sim-import-dialog .dialog-actions button mat-icon{font-size:20px;width:20px;height:20px;margin:0!important}.sim-kemahasiswaan-table-container .table-card{margin-top:16px;background:var(--mat-sys-surface-container-low);border-radius:12px;box-shadow:0 4px 12px #0000000d;border:1px solid var(--mat-sys-outline-variant);overflow:hidden}.sim-kemahasiswaan-table-container .table-container{overflow-x:auto;padding:0!important}.sim-kemahasiswaan-table-container .kegiatan-table,.sim-kemahasiswaan-table-container .kejuaraan-table,.sim-kemahasiswaan-table-container .seminar-table{background:transparent;width:100%}.sim-kemahasiswaan-table-container mat-header-row{background:var(--mat-sys-surface-container);border-bottom:2px solid var(--mat-sys-outline-variant);min-height:52px}.sim-kemahasiswaan-table-container mat-header-cell{color:var(--mat-sys-on-surface-variant)!important;font-weight:600;font-size:.875rem;letter-spacing:.5px;text-transform:uppercase}.sim-kemahasiswaan-table-container mat-row{border-bottom:1px solid var(--mat-sys-outline-variant);min-height:72px;transition:background-color .2s}.sim-kemahasiswaan-table-container mat-row:hover{background-color:var(--mat-sys-surface-container-high)!important}.sim-kemahasiswaan-table-container mat-cell,.sim-kemahasiswaan-table-container mat-header-cell{padding:12px 16px;align-items:center}.sim-kemahasiswaan-table-container .col-no{flex:0 0 60px;max-width:60px;justify-content:center;text-align:center;font-weight:500;color:var(--mat-sys-on-surface-variant)}.sim-kemahasiswaan-table-container .col-nama{flex:2 1 320px;min-width:270px;align-items:flex-start;flex-direction:column;justify-content:center}.sim-kemahasiswaan-table-container .col-org{flex:1.2 1 200px;min-width:160px}.sim-kemahasiswaan-table-container .col-region{flex:0 0 130px;min-width:110px;justify-content:center}.sim-kemahasiswaan-table-container .col-tgl{flex:0 0 190px;min-width:170px}.sim-kemahasiswaan-table-container .col-sk{flex:1 1 180px;min-width:140px}.sim-kemahasiswaan-table-container .col-action,.sim-kemahasiswaan-table-container .col-aksi{flex:0 0 100px;min-width:90px;justify-content:center}.sim-kemahasiswaan-table-container .cell-kegiatan,.sim-kemahasiswaan-table-container .cell-kejuaraan,.sim-kemahasiswaan-table-container .cell-seminar{display:flex;flex-direction:column;gap:4px;width:100%}.sim-kemahasiswaan-table-container .kegiatan-title,.sim-kemahasiswaan-table-container .kejuaraan-title,.sim-kemahasiswaan-table-container .seminar-title{font-weight:600;color:var(--mat-sys-on-surface);font-size:.95rem;line-height:1.4;word-break:break-word}.sim-kemahasiswaan-table-container .kegiatan-subtitle,.sim-kemahasiswaan-table-container .kejuaraan-subtitle,.sim-kemahasiswaan-table-container .seminar-subtitle{display:inline-flex;align-items:center;font-size:.8rem;color:var(--mat-sys-on-surface-variant);gap:4px;margin-top:2px}.sim-kemahasiswaan-table-container .kegiatan-subtitle .inline-icon,.sim-kemahasiswaan-table-container .kejuaraan-subtitle .inline-icon,.sim-kemahasiswaan-table-container .seminar-subtitle .inline-icon{font-size:14px;width:14px;height:14px;color:var(--mat-sys-primary);margin-right:2px}.sim-kemahasiswaan-table-container .cell-org{font-weight:500;color:var(--mat-sys-on-surface);font-size:.9rem}.sim-kemahasiswaan-table-container .region-chip{font-size:.75rem!important;font-weight:600!important;height:24px!important;border-radius:4px!important}.sim-kemahasiswaan-table-container .cell-tanggal{display:flex;flex-direction:column;font-size:.85rem;color:var(--mat-sys-on-surface);gap:2px}.sim-kemahasiswaan-table-container .cell-tanggal .tgl-main{font-weight:500;white-space:nowrap}.sim-kemahasiswaan-table-container .cell-tanggal .tgl-separator{color:var(--mat-sys-outline);font-size:.75rem;line-height:1;margin:1px 0}.sim-kemahasiswaan-table-container .sk-text{font-size:.85rem;color:var(--mat-sys-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sim-kemahasiswaan-table-container .action-buttons{display:flex;gap:4px;align-items:center}.sim-kemahasiswaan-table-container .action-buttons button{width:32px;height:32px;line-height:32px;display:inline-flex;align-items:center;justify-content:center;background:var(--mat-sys-surface-container);border-radius:6px;transition:background .2s}.sim-kemahasiswaan-table-container .action-buttons button:hover{background:var(--mat-sys-surface-container-high)}.sim-kemahasiswaan-table-container .action-buttons button mat-icon{font-size:18px;width:18px;height:18px}.sim-kemahasiswaan-table-container .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--mat-sys-on-surface-variant)}.sim-kemahasiswaan-table-container .empty-state .empty-icon{font-size:48px;width:48px;height:48px;margin-bottom:16px;color:var(--mat-sys-primary);opacity:.6}.sim-kemahasiswaan-table-container .empty-state h3{margin:0 0 8px;color:var(--mat-sys-on-surface);font-size:1.1rem;font-weight:500}.sim-kemahasiswaan-table-container .empty-state p{margin:0;font-size:.9rem}.tiptap{outline:none;color:var(--mat-sys-on-surface, inherit);min-height:100%}.tiptap p{margin:0 0 8px;line-height:1.6}.tiptap h1,.tiptap h2,.tiptap h3,.tiptap h4{margin:16px 0 8px;font-weight:600;line-height:1.25;color:var(--mat-sys-on-surface, inherit)}.tiptap h1{font-size:1.8rem}.tiptap h2{font-size:1.5rem}.tiptap h3{font-size:1.25rem}.tiptap h4{font-size:1.1rem}.tiptap ul,.tiptap ol{padding-left:24px;margin-bottom:12px}.tiptap ul li,.tiptap ol li{margin-bottom:4px}.tiptap blockquote{border-left:4px solid var(--mat-sys-primary, #1e3c72);padding-left:16px;margin:12px 0;color:var(--mat-sys-on-surface-variant, #64748b);font-style:italic}.tiptap table{border-collapse:collapse;table-layout:fixed;width:100%;margin:16px 0;overflow:hidden}.tiptap table td,.tiptap table th{min-width:1em;border:1px solid var(--mat-sys-outline-variant, #cbd5e1);padding:8px 10px;vertical-align:top;box-sizing:border-box;position:relative}.tiptap table td>*,.tiptap table th>*{margin-bottom:0}.tiptap table th{font-weight:700;text-align:left;background-color:var(--mat-sys-surface-container-high, #f1f5f9)}.tiptap table .selectedCell:after{z-index:2;position:absolute;content:"";inset:0;background:#1e3c7214;pointer-events:none}.tiptap table .column-resize-handle{position:absolute;right:-2px;top:0;bottom:0;width:4px;z-index:20;background-color:var(--mat-sys-primary, #1e3c72);pointer-events:none}