@font-face{font-family:Okta Neue Extended;src:url(/fonts/OktaNeueExtended-Regular.woff2) format("woff2"),url(/fonts/OktaNeueExtended-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Okta Neue Extended;src:url(/fonts/OktaNeueExtended-Medium.woff2) format("woff2"),url(/fonts/OktaNeueExtended-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Okta Neue Extended;src:url(/fonts/OktaNeueExtended-SemiBold.woff2) format("woff2"),url(/fonts/OktaNeueExtended-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Okta Neue Extended;src:url(/fonts/OktaNeueExtended-Bold.woff2) format("woff2"),url(/fonts/OktaNeueExtended-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--brand-blue: #0072da;--brand-turquoise: #64ccc9;--brand-yellow: #f2eda8;--brand-dark: #231f20;--brand-grey: #e6e7e8;--page-max: 1440px;--brand-gradient: linear-gradient(135deg, #0072da 0%, #1a8fd0 52%, #64ccc9 100%);--brand-gradient-deep: linear-gradient(135deg, #0072da 0%, #1a3a6b 55%, #231f20 100%);--brand-gradient-bar: linear-gradient(95deg, #0072da 0%, #0a86d2 55%, #2bb0c4 100%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--notif-default: #0072da;--notif-time: #0072da;--notif-vacation: #14a8a0;--notif-news: #eaa221;--notif-birthday: #e85d8f;--notif-feedback: #6366f1}html{color-scheme:light;--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #004f4f;--mat-sys-on-tertiary-fixed: #002020;--mat-sys-on-tertiary-fixed-variant: #004f4f;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #006a6a;--mat-sys-tertiary-container: #00fbfb;--mat-sys-tertiary-fixed: #00fbfb;--mat-sys-tertiary-fixed-dim: #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 "Okta Neue Extended", Montserrat, system-ui, sans-serif;--mat-sys-body-large-font: "Okta Neue Extended", Montserrat, system-ui, sans-serif;--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 "Okta Neue Extended", Montserrat, system-ui, sans-serif;--mat-sys-body-medium-font: "Okta Neue Extended", Montserrat, system-ui, sans-serif;--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 "Okta Neue Extended", Montserrat, system-ui, sans-serif;--mat-sys-body-small-font: "Okta Neue Extended", Montserrat, system-ui, sans-serif;--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 "Okta Neue Extended", Montserrat, system-ui, sans-serif;--mat-sys-display-large-font: "Okta Neue Extended", Montserrat, system-ui, sans-serif;--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 "Okta Neue Extended", Montserrat, system-ui, sans-serif;--mat-sys-display-medium-font: "Okta Neue Extended", Montserrat, system-ui, sans-serif;--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 "Okta Neue Extended", Montserrat, system-ui, sans-serif;--mat-sys-display-small-font: "Okta Neue Extended", Montserrat, system-ui, sans-serif;--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 "Okta Neue Extended", Montserrat, system-ui, sans-serif;--mat-sys-headline-large-font: "Okta Neue Extended", Montserrat, system-ui, sans-serif;--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 "Okta Neue Extended", Montserrat, system-ui, sans-serif;--mat-sys-headline-medium-font: "Okta Neue Extended", Montserrat, system-ui, sans-serif;--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 "Okta Neue Extended", Montserrat, system-ui, sans-serif;--mat-sys-headline-small-font: "Okta Neue Extended", Montserrat, system-ui, sans-serif;--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 "Okta Neue Extended", Montserrat, system-ui, sans-serif;--mat-sys-label-large-font: "Okta Neue Extended", Montserrat, system-ui, sans-serif;--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 "Okta Neue Extended", Montserrat, system-ui, sans-serif;--mat-sys-label-medium-font: "Okta Neue Extended", Montserrat, system-ui, sans-serif;--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 "Okta Neue Extended", Montserrat, system-ui, sans-serif;--mat-sys-label-small-font: "Okta Neue Extended", Montserrat, system-ui, sans-serif;--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 "Okta Neue Extended", Montserrat, system-ui, sans-serif;--mat-sys-title-large-font: "Okta Neue Extended", Montserrat, system-ui, sans-serif;--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 "Okta Neue Extended", Montserrat, system-ui, sans-serif;--mat-sys-title-medium-font: "Okta Neue Extended", Montserrat, system-ui, sans-serif;--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 "Okta Neue Extended", Montserrat, system-ui, sans-serif;--mat-sys-title-small-font: "Okta Neue Extended", Montserrat, system-ui, sans-serif;--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-sys-primary: #0072da;--mat-sys-on-primary: #ffffff;--mat-sys-primary-container: #d6e9ff;--mat-sys-on-primary-container: #00305f;--mat-sys-tertiary: #64ccc9;--mat-sys-on-tertiary: #231f20;--app-bg: #ffffff;--app-surface: #ffffff;--app-text: #231f20;--app-muted: #52606d;--app-faint: #9aa5b1;--app-avatar-bg: #e6e7e8;--app-toolbar: #0072da;--app-positive: #2e7d32;--app-negative: #c0392b;--app-warning: #b45309;--app-holiday: #f2c14e;--app-on-brand: #ffffff}html.dark{color-scheme:dark;--mat-sys-background: #121316;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #2f3033;--mat-sys-inverse-primary: #005cbb;--mat-sys-inverse-surface: #e3e2e6;--mat-sys-on-background: #e3e2e6;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #002f65;--mat-sys-on-primary-container: #d7e3ff;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #283041;--mat-sys-on-secondary-container: #dae2f9;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #e3e2e6;--mat-sys-on-surface-variant: #e0e2ec;--mat-sys-on-tertiary: #003737;--mat-sys-on-tertiary-container: #00fbfb;--mat-sys-on-tertiary-fixed: #002020;--mat-sys-on-tertiary-fixed-variant: #004f4f;--mat-sys-outline: #8e9099;--mat-sys-outline-variant: #44474e;--mat-sys-primary: #abc7ff;--mat-sys-primary-container: #00458f;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #bec6dc;--mat-sys-secondary-container: #3e4759;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #121316;--mat-sys-surface-bright: #38393c;--mat-sys-surface-container: #1f2022;--mat-sys-surface-container-high: #292a2c;--mat-sys-surface-container-highest: #343537;--mat-sys-surface-container-low: #1a1b1f;--mat-sys-surface-container-lowest: #0d0e11;--mat-sys-surface-dim: #121316;--mat-sys-surface-tint: #abc7ff;--mat-sys-surface-variant: #44474e;--mat-sys-tertiary: #00dddd;--mat-sys-tertiary-container: #004f4f;--mat-sys-tertiary-fixed: #00fbfb;--mat-sys-tertiary-fixed-dim: #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-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-sys-primary: #4aa3ff;--mat-sys-on-primary: #00264d;--mat-sys-primary-container: #0a3a66;--mat-sys-on-primary-container: #d6e9ff;--mat-sys-tertiary: #64ccc9;--mat-sys-on-tertiary: #08312f;--app-bg: #14161b;--app-surface: #1e2128;--app-text: #e6e7e8;--app-muted: #9aa5b1;--app-faint: #6b7480;--app-avatar-bg: #2a2f3a;--app-toolbar: #0a3a66;--app-positive: #66bb6a;--app-negative: #f2867a;--app-warning: #e0a800;--app-holiday: #f2c14e;--app-on-brand: #ffffff}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Okta Neue Extended,Montserrat,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--app-bg);color:var(--app-text)}app-root,app-account,app-portal,app-home,app-dashboard,app-login,app-callback,app-bad-request,app-people-list,app-news-feed,app-timelog-shell,app-timelog-reports,app-timelog-requests,app-project-report,app-general-report,app-accountant-report,app-projects-list,app-my-report,app-teams-list,app-permissions,app-my-profile,app-user-profile,app-user-admin-edit,app-profile-view,app-profile-edit,app-feedback,app-project-detail,app-team-detail,app-company,app-vacations,app-calendar,app-pre-sales-list,app-pre-sale-detail,app-pre-sale-create,app-pre-sale-edit,app-statistics,app-snake,app-notifications,app-project-create,app-project-edit,app-team-create,app-team-edit,app-feature-placeholder{display:block;width:100%}router-outlet+*{display:block;width:100%}.mat-mdc-unelevated-button:not(:disabled),.mat-mdc-raised-button:not(:disabled){background-image:var(--brand-gradient-bar);color:#fff!important;--mdc-filled-button-label-text-color: #fff;border:none}.mat-mdc-unelevated-button:not(:disabled) .mat-icon,.mat-mdc-unelevated-button:not(:disabled) .mdc-button__label,.mat-mdc-raised-button:not(:disabled) .mat-icon,.mat-mdc-raised-button:not(:disabled) .mdc-button__label{color:#fff;position:relative}.mat-mdc-unelevated-button:not(:disabled):hover,.mat-mdc-raised-button:not(:disabled):hover{filter:brightness(1.06);box-shadow:0 6px 16px -8px #00305f99}.mat-mdc-outlined-button:not(:disabled){--mdc-outlined-button-label-text-color: var(--brand-blue);border-color:color-mix(in srgb,var(--brand-blue) 45%,transparent)!important}.mat-mdc-outlined-button:not(:disabled) .mat-icon{color:var(--brand-blue)}html.dark .NgxEditor__MenuBar{background-color:var(--app-surface);border-bottom:1px solid rgba(255,255,255,.12)}html.dark .NgxEditor{background-color:var(--app-surface);border-color:#ffffff24;color:var(--app-text)}html.dark .NgxEditor__Content,html.dark .NgxEditor .ProseMirror{color:var(--app-text)}html.dark .NgxEditor__Placeholder{color:var(--app-faint)}html.dark .NgxEditor__MenuItem--Icon{color:var(--app-text)}html.dark .NgxEditor__MenuItem--Icon svg{fill:currentColor}html.dark .NgxEditor__MenuItem--Icon:hover{background-color:#ffffff14}html.dark .NgxEditor__MenuItem--Active,html.dark .NgxEditor__MenuItem.NgxEditor__MenuItem--Active{background-color:#4aa3ff38;color:var(--brand-turquoise)}html.dark .NgxEditor__Seperator{border-left-color:#ffffff24}html.dark .NgxEditor__Dropdown{background-color:var(--app-surface);color:var(--app-text)}.mat-mdc-dialog-container{--mdc-dialog-container-color: var(--app-surface);color:var(--app-text)}.mat-mdc-dialog-container .mdc-dialog__surface{background-color:var(--app-surface)}.mat-mdc-form-field-subscript-dynamic-size{min-height:.85rem}.notif-menu .mat-mdc-menu-content{padding:0}.notif-menu.mat-mdc-menu-panel{max-width:none;border-radius:18px;overflow:hidden;box-shadow:0 22px 60px -24px #00305f8c,0 8px 22px -14px #00000047}.notif{width:min(394px,94vw);display:flex;flex-direction:column;background:var(--app-surface);--kind: var(--notif-default)}.notif__head{display:flex;align-items:center;gap:.5rem;padding:.85rem .6rem .85rem 1.1rem;background:var(--brand-gradient-bar);color:#fff;position:relative;overflow:hidden}.notif__head:after{content:"";position:absolute;inset:0;background:radial-gradient(130% 150% at 88% -30%,rgba(255,255,255,.4),transparent 58%);pointer-events:none}.notif__heading{font-weight:700;letter-spacing:.01em;flex:1 1 auto;position:relative}.notif__count{font-size:.72rem;font-weight:800;color:#fff;background:#ffffff3d;border:1px solid rgba(255,255,255,.42);border-radius:999px;padding:.08rem .5rem;position:relative;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.notif__mark{font-size:.78rem;position:relative;color:#fff!important;--mdc-text-button-label-text-color: #fff;opacity:.92}.notif__mark:hover{opacity:1;background:#ffffff29}.notif__list{max-height:56vh;overflow-y:auto;padding:.4rem;display:flex;flex-direction:column;gap:.2rem;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--brand-blue) 32%,transparent) transparent}.notif__list::-webkit-scrollbar{width:9px}.notif__list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--brand-blue) 28%,transparent);border-radius:999px;border:2.5px solid transparent;background-clip:padding-box}.notif__item{display:flex;align-items:flex-start;gap:.7rem;padding:.62rem .7rem;border-radius:13px;position:relative;transition:background .18s ease,transform .18s ease;animation:notif-in .34s cubic-bezier(.2,.7,.3,1) both}.notif__item:hover{background:color-mix(in srgb,var(--kind) 9%,transparent);transform:translate(2px)}.notif__item[data-kind=time]{--kind: var(--notif-time)}.notif__item[data-kind=vacation]{--kind: var(--notif-vacation)}.notif__item[data-kind=news]{--kind: var(--notif-news)}.notif__item[data-kind=birthday]{--kind: var(--notif-birthday)}.notif__item[data-kind=feedback]{--kind: var(--notif-feedback)}.notif__item:nth-child(1){animation-delay:.02s}.notif__item:nth-child(2){animation-delay:.06s}.notif__item:nth-child(3){animation-delay:.1s}.notif__item:nth-child(4){animation-delay:.14s}.notif__item:nth-child(5){animation-delay:.18s}.notif__item:nth-child(6){animation-delay:.22s}.notif__item:nth-child(n+7){animation-delay:.26s}.notif__item--unread{background:color-mix(in srgb,var(--kind) 8%,transparent)}.notif__item--unread:before{content:"";position:absolute;left:0;top:.55rem;bottom:.55rem;width:3px;border-radius:999px;background:var(--kind)}.notif__icon{flex:0 0 auto;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:var(--kind);background:linear-gradient(140deg,color-mix(in srgb,var(--kind) 24%,transparent),color-mix(in srgb,var(--kind) 7%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kind) 26%,transparent)}.notif__icon .mat-icon{font-size:20px;width:20px;height:20px}.notif__body{flex:1 1 auto;min-width:0}.notif__title{font-weight:600;font-size:.9rem;color:var(--app-text)}.notif__text{font-size:.82rem;color:var(--app-muted);margin-top:.12rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif__date{font-size:.71rem;color:var(--app-faint);margin-top:.28rem;font-variant-numeric:tabular-nums}.notif__pulse{flex:0 0 auto;width:8px;height:8px;margin-top:.45rem;border-radius:50%;background:var(--kind);animation:notif-pulse 2.2s ease-out infinite}.notif__all{display:flex;align-items:center;justify-content:center;gap:.3rem;width:100%;border-top:1px solid var(--mat-sys-outline-variant, rgba(0, 0, 0, .1));border-radius:0;font-weight:700;background:linear-gradient(95deg,var(--brand-blue),var(--brand-turquoise));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;transition:background-color .18s ease}.notif__all:hover{background-color:color-mix(in srgb,var(--brand-blue) 9%,transparent)}.notif__empty{display:grid;place-items:center;gap:.6rem;padding:2.4rem 1rem;color:var(--app-muted)}.notif__empty .mat-icon{width:58px;height:58px;font-size:30px;display:grid;place-items:center;border-radius:50%;color:var(--brand-blue);background:linear-gradient(140deg,color-mix(in srgb,var(--brand-turquoise) 30%,transparent),color-mix(in srgb,var(--brand-blue) 14%,transparent))}@keyframes notif-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes notif-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--kind) 55%,transparent)}70%{box-shadow:0 0 0 7px color-mix(in srgb,var(--kind) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--kind) 0%,transparent)}}@media(prefers-reduced-motion:reduce){.notif__item,.notif__pulse{animation:none}}.status-chip{--chip: var(--app-faint);display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;border-radius:999px;font-size:.78rem;font-weight:600;line-height:1.6;white-space:nowrap;color:var(--chip);background:color-mix(in srgb,var(--chip) 12%,transparent);border:1px solid color-mix(in srgb,var(--chip) 40%,transparent)}.status-chip .mat-icon{font-size:15px;width:15px;height:15px}.status-chip.is-positive{--chip: var(--app-positive)}.status-chip.is-terminal{--chip: var(--app-negative)}.status-chip.is-warning{--chip: var(--app-warning)}.status-chip.is-neutral{--chip: var(--app-faint)}.toast-error{--mdc-snackbar-container-color: #b3261e;--mdc-snackbar-supporting-text-color: #fff;--mat-snack-bar-button-color: #fff}