:root{--primary-50: #F2F6FD;--primary-100: #DCE8F9;--primary-200: #B0CAF2;--primary-300: #69A3FC;--primary-400: #0666F9;--primary-500: #033786;--primary-600: #022D6E;--primary-700: #02255A;--primary-800: #021D46;--primary-900: #011432;--secondary-50: #F2FCFD;--secondary-100: #DBF8FA;--secondary-200: #AFEFF3;--secondary-300: #67F5FE;--secondary-400: #01EFFE;--secondary-500: #01BFCB;--secondary-600: #01A7B2;--secondary-700: #01949D;--secondary-800: #018189;--secondary-900: #016E75;--gray-50: #F9FAFB;--gray-100: #F4F5F6;--gray-200: #E8EAED;--gray-300: #D1D5DB;--gray-400: #A4ABB7;--gray-500: #768293;--gray-600: #555F6D;--gray-700: #3F4650;--gray-800: #282D33;--gray-900: #191B1F;--success-50: #EEFCF3;--success-500: #1CA64F;--success-600: #13863D;--success-700: #0C642C;--warning-50: #FEF7EB;--warning-500: #F59F0A;--warning-600: #CB7B0B;--warning-700: #99560A;--danger-50: #FDECEC;--danger-500: #D32222;--danger-600: #AA1818;--danger-700: #881111;--info-50: #ECF5FE;--info-500: #137FEC;--info-600: #0F66BD;--info-700: #0B4C8E;--surface-canvas: var(--gray-50);--surface-default: #FFFFFF;--surface-elevated: #FFFFFF;--surface-subtle: var(--gray-100);--surface-sunken: var(--gray-200);--surface-overlay: rgba(25, 27, 31, .6);--text-primary: var(--gray-800);--text-secondary: var(--gray-600);--text-tertiary: var(--gray-500);--text-disabled: var(--gray-400);--text-inverse: #FFFFFF;--text-link: var(--info-600);--text-brand: var(--primary-500);--border-subtle: var(--gray-200);--border-default: var(--gray-300);--border-strong: var(--gray-400);--border-focus: var(--primary-400);--border-brand: var(--primary-500);--button-primary-bg: var(--primary-500);--button-primary-bg-hover: var(--primary-600);--button-primary-bg-active: var(--primary-700);--button-primary-text: #FFFFFF;--button-secondary-bg: var(--secondary-700);--button-secondary-bg-hover: var(--secondary-800);--button-secondary-bg-active: var(--secondary-900);--button-secondary-text: #FFFFFF;--button-ghost-bg: transparent;--button-ghost-bg-hover: var(--gray-100);--button-ghost-text: var(--text-primary);--button-danger-bg: var(--danger-500);--button-danger-bg-hover: var(--danger-600);--button-danger-text: #FFFFFF;--feedback-success-bg: var(--success-50);--feedback-success-text: var(--success-700);--feedback-warning-bg: var(--warning-50);--feedback-warning-text: var(--warning-700);--feedback-danger-bg: var(--danger-50);--feedback-danger-text: var(--danger-700);--feedback-info-bg: var(--info-50);--feedback-info-text: var(--info-700);--gradient-brand: linear-gradient(135deg, var(--primary-500) 0%, var(--secondary-500) 100%);--gradient-brand-soft: linear-gradient(135deg, var(--primary-50) 0%, var(--secondary-50) 100%);--shadow-sm: 0 1px 2px rgba(25, 27, 31, .05);--shadow-md: 0 4px 12px rgba(25, 27, 31, .08);--shadow-lg: 0 12px 28px rgba(25, 27, 31, .12);--focus-ring: 0 0 0 2px #FFFFFF, 0 0 0 4px var(--border-focus)}*,*:before,*:after{box-sizing:border-box}.mdc-tooltip.system-shell__tooltip,.system-shell__tooltip .mdc-tooltip__surface{background:var(--secondary-700, #01949d)!important;color:#fff!important;font-size:.8125rem!important;font-weight:500!important;letter-spacing:.01em!important;padding:.375rem .75rem!important;border-radius:.5rem!important;box-shadow:0 4px 12px #01bfcb2e!important}.app-toast{--mdc-snackbar-container-color: #0f172a;--mdc-snackbar-supporting-text-color: #ffffff;--mat-snack-bar-button-color: #ffffff;font-weight:500}.app-toast--success{--mdc-snackbar-container-color: #047857}.app-toast--error{--mdc-snackbar-container-color: var(--feedback-danger-text, #b91c1c)}.app-toast--warning{--mdc-snackbar-container-color: #b45309}.app-toast--info{--mdc-snackbar-container-color: var(--secondary-700, #01949d)}.mat-mdc-table{--mat-table-background-color: #ffffff;--mat-table-row-item-container-color: #ffffff;--mat-table-header-container-color: #ffffff;background-color:#fff!important}.mat-mdc-header-row,.mat-mdc-row{background-color:#fff!important}.status-dot{display:inline-block;width:.625rem;height:.625rem;border-radius:50%;flex-shrink:0;margin-right:.375rem;vertical-align:middle}.status-dot--active{background:#047857}.status-dot--expiring_soon{background:#d97706}.status-dot--expired{background:#dc2626}.status-chip{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.status-chip--active{color:#047857;background:#ecfdf5}.status-chip--active .status-dot{background:#047857}.status-chip--expiring_soon{color:#d97706;background:#fffbeb}.status-chip--expiring_soon .status-dot{background:#d97706}.status-chip--expired{color:#dc2626;background:#fee2e2}.status-chip--expired .status-dot{background:#dc2626}.priority-dot{display:inline-block;width:.625rem;height:.625rem;border-radius:50%;flex-shrink:0;margin-right:.375rem;vertical-align:middle}.priority-dot--low{background:#64748b}.priority-dot--normal{background:#0284c7}.priority-dot--high{background:#d97706}.priority-dot--urgent{background:#dc2626}.priority-chip{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.priority-chip--low{color:#64748b;background:#f1f5f9}.priority-chip--low .priority-dot{background:#64748b}.priority-chip--normal{color:#0284c7;background:#e0f2fe}.priority-chip--normal .priority-dot{background:#0284c7}.priority-chip--high{color:#d97706;background:#fffbeb}.priority-chip--high .priority-dot{background:#d97706}.priority-chip--urgent{color:#dc2626;background:#fee2e2}.priority-chip--urgent .priority-dot{background:#dc2626}.btn-danger.mat-mdc-button-base{color:var(--feedback-danger-text, #b91c1c)!important}.btn-danger.mat-mdc-button-base .mdc-button__label,.btn-danger.mat-mdc-button-base .mat-mdc-button-touch-target~.mdc-button__label{color:var(--feedback-danger-text, #b91c1c)!important}.btn-danger.mat-mdc-button-base .mat-icon,.btn-danger.mat-mdc-button-base .mat-mdc-button-persistent-ripple:before{color:var(--feedback-danger-text, #b91c1c)!important}.btn-danger.mat-mdc-button-base.mat-mdc-outlined-button{border-color:var(--feedback-danger-border, #fecaca)!important}.btn-danger.mat-mdc-button-base:hover:not(:disabled){background:var(--feedback-danger-surface, #fef2f2)!important}.btn-danger.mat-mdc-button-base .mat-mdc-button-ripple,.btn-danger.mat-mdc-button-base .mat-mdc-button-persistent-ripple{--mat-mdc-button-persistent-ripple-color: rgba(185, 28, 28, .12);--mat-mdc-button-ripple-color: rgba(185, 28, 28, .16)}html{height:100%;--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 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}body{color-scheme:light;background-color:var(--surface-canvas);color:var(--text-primary);font:var(--mat-sys-body-medium);margin:0;height:100%}.mat-mdc-menu-panel.bell-menu{background:var(--surface-default, #ffffff)!important;border-radius:.75rem!important;overflow:hidden;max-width:none!important;box-shadow:0 12px 32px #0f172a24,0 0 0 1px #0f172a0f!important}.mat-mdc-menu-panel.bell-menu .mat-mdc-menu-content{padding:0!important}