html{--mat-sys-background: #161215;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #342f32;--mat-sys-inverse-primary: #a900a9;--mat-sys-inverse-surface: #e9e0e4;--mat-sys-on-background: #e9e0e4;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #5b005b;--mat-sys-on-primary-container: #ffd7f5;--mat-sys-on-primary-fixed: #380038;--mat-sys-on-primary-fixed-variant: #810081;--mat-sys-on-secondary: #3d2b3a;--mat-sys-on-secondary-container: #f7daef;--mat-sys-on-secondary-fixed: #271624;--mat-sys-on-secondary-fixed-variant: #554151;--mat-sys-on-surface: #e9e0e4;--mat-sys-on-surface-variant: #eedee7;--mat-sys-on-tertiary: #42008a;--mat-sys-on-tertiary-container: #ecdcff;--mat-sys-on-tertiary-fixed: #270057;--mat-sys-on-tertiary-fixed-variant: #5f00c0;--mat-sys-outline: #9a8d95;--mat-sys-outline-variant: #4e444b;--mat-sys-primary: #ffabf3;--mat-sys-primary-container: #810081;--mat-sys-primary-fixed: #ffd7f5;--mat-sys-primary-fixed-dim: #ffabf3;--mat-sys-scrim: #000000;--mat-sys-secondary: #dabfd2;--mat-sys-secondary-container: #554151;--mat-sys-secondary-fixed: #f7daef;--mat-sys-secondary-fixed-dim: #dabfd2;--mat-sys-shadow: #000000;--mat-sys-surface: #161215;--mat-sys-surface-bright: #3d383b;--mat-sys-surface-container: #231e22;--mat-sys-surface-container-high: #2d292c;--mat-sys-surface-container-highest: #383337;--mat-sys-surface-container-low: #1e1a1d;--mat-sys-surface-container-lowest: #110d10;--mat-sys-surface-dim: #161215;--mat-sys-surface-tint: #ffabf3;--mat-sys-surface-variant: #4e444b;--mat-sys-tertiary: #d5baff;--mat-sys-tertiary-container: #5f00c0;--mat-sys-tertiary-fixed: #ecdcff;--mat-sys-tertiary-fixed-dim: #d5baff;--mat-sys-neutral-variant20: #372e34;--mat-sys-neutral10: #1e1a1d;--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}.hrms-page{box-sizing:border-box;display:grid;gap:calc((16 / var(--vw-viewport)) * 100vw);min-width:0;padding:clamp(calc((16 / var(--vw-viewport)) * 100vw),2.4vw,calc((32 / var(--vw-viewport)) * 100vw));color:var(--Primary-Color)}.hrms-page *,.hrms-modal *{box-sizing:border-box}.hrms-page-head,.hrms-section-head,.hrms-toolbar,.heading-line,.heading-meta,.hrms-actions,.list-footer{display:flex;align-items:center;gap:calc((12 / var(--vw-viewport)) * 100vw)}.hrms-page-head,.hrms-section-head,.hrms-toolbar,.list-footer{justify-content:space-between}.hrms-page-head{align-items:flex-start;flex-wrap:wrap}.hrms-page-head h1,.hrms-section-head h2,.hrms-section-head h3,.hrms-page h2,.hrms-page h3{margin-block:0;color:var(--Primary-Color)}.hrms-page-head h1{font-size:clamp(calc((21.6 / var(--vw-viewport)) * 100vw),2vw,calc((28.8 / var(--vw-viewport)) * 100vw));line-height:1.25}.hrms-page-head p,.hrms-section-head p{margin-block:calc((6.4 / var(--vw-viewport)) * 100vw) 0;color:var(--Hrms-Color-1);line-height:1.55}.hrms-section-head{margin-block-end:calc((16 / var(--vw-viewport)) * 100vw)}.heading-line,.heading-meta{flex-wrap:wrap}.heading-meta p{margin-block:calc((4.8 / var(--vw-viewport)) * 100vw)}.hrms-card{min-width:0;padding:clamp(calc((16 / var(--vw-viewport)) * 100vw),1.8vw,calc((24 / var(--vw-viewport)) * 100vw));border:calc((1 / var(--vw-viewport)) * 100vw) solid var(--Hrms-Color-2);border-radius:calc((16 / var(--vw-viewport)) * 100vw);background:var(--Third-Color);box-shadow:var(--Hrms-Shadow-1)}.hrms-page form{width:100%;height:auto}.hrms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc((16 / var(--vw-viewport)) * 100vw)}.hrms-grid app-input{--group-input-gap: calc((10 / var(--vw-viewport)) * 100vw);--custom-input-height: calc((46 / var(--vw-viewport)) * 100vw)}.hrms-grid app-select{--group-input-gap: calc((10 / var(--vw-viewport)) * 100vw);--custom-select-height: calc((46 / var(--vw-viewport)) * 100vw)}.hrms-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.hrms-field{display:flex;min-width:0;flex-direction:column;gap:calc((7.2 / var(--vw-viewport)) * 100vw);color:var(--Hrms-Color-3);font-size:calc((15.04 / var(--vw-viewport)) * 100vw);font-weight:600}.hrms-field b{color:var(--Primary-error-color)}.hrms-field input,.hrms-field select,.hrms-field textarea,.hrms-search,.filter-field select{width:100%;min-width:0;min-height:calc((44.8 / var(--vw-viewport)) * 100vw);padding:calc((10.4 / var(--vw-viewport)) * 100vw) calc((12.8 / var(--vw-viewport)) * 100vw);border:calc((1 / var(--vw-viewport)) * 100vw) solid var(--Hrms-Color-4);border-radius:calc((10.4 / var(--vw-viewport)) * 100vw);outline:none;background:var(--Third-Color);color:var(--Primary-Color);font:inherit;font-weight:400}.hrms-field textarea{min-height:calc((96 / var(--vw-viewport)) * 100vw);resize:vertical}.hrms-field :focus-visible,.hrms-search:focus-visible,.filter-field select:focus-visible,.hrms-btn:focus-visible,.table-link:focus-visible,.hrms-tabs a:focus-visible,.hrms-tabs button:focus-visible,.employee-stepper button:focus-visible{outline:calc((3 / var(--vw-viewport)) * 100vw) solid var(--Hrms-Color-5);outline-offset:calc((2 / var(--vw-viewport)) * 100vw);border-color:var(--Secondry-Color)}.hrms-field :disabled,.hrms-field [readonly]{background:var(--Hrms-Color-6);color:var(--Hrms-Color-7);cursor:not-allowed}.hrms-field small,.hrms-muted{color:var(--Hrms-Color-8);font-size:calc((13.76 / var(--vw-viewport)) * 100vw);line-height:1.5}.hrms-toolbar{position:relative;z-index:3;align-items:flex-end;flex-wrap:wrap;margin-block-end:calc((16 / var(--vw-viewport)) * 100vw);gap:calc((40 / var(--vw-viewport)) * 100vw)}.hrms-toolbar app-input{--custom-input-width: calc((350 / var(--vw-viewport)) * 100vw)}.hrms-toolbar app-select{--custom-select-width: calc((350 / var(--vw-viewport)) * 100vw)}.hrms-toolbar>div:first-child{min-width:calc((192 / var(--vw-viewport)) * 100vw)}.hrms-search{max-width:calc((416 / var(--vw-viewport)) * 100vw)}.filter-field{display:grid;min-width:calc((192 / var(--vw-viewport)) * 100vw);gap:calc((5.6 / var(--vw-viewport)) * 100vw);color:var(--Hrms-Color-9);font-size:calc((14.08 / var(--vw-viewport)) * 100vw);font-weight:600}.hrms-table-wrap{width:100%;overflow-x:auto;border:calc((1 / var(--vw-viewport)) * 100vw) solid var(--Hrms-Color-2);border-radius:calc((12 / var(--vw-viewport)) * 100vw)}.hrms-table{width:100%;border-collapse:collapse;background:var(--Third-Color);text-align:start}.hrms-table th,.hrms-table td{padding:calc((13.6 / var(--vw-viewport)) * 100vw) calc((14.4 / var(--vw-viewport)) * 100vw);border-block-end:calc((1 / var(--vw-viewport)) * 100vw) solid var(--Hrms-Color-10);text-align:start;white-space:nowrap}.hrms-table th{background:var(--Hrms-Color-11);color:var(--Hrms-Color-12);font-size:calc((13.12 / var(--vw-viewport)) * 100vw);font-weight:700}.hrms-table tbody tr:last-child td{border-block-end:0}.hrms-table tbody tr:hover{background:var(--Hrms-Color-13)}.hrms-table a,.table-link{color:var(--Hrms-Color-14);font:inherit;font-weight:700;text-decoration:none}.hrms-table a:hover,.table-link:hover{text-decoration:underline}.table-link{padding:0;border:0;background:transparent;cursor:pointer}.row-actions{display:flex;align-items:center;gap:calc((6.4 / var(--vw-viewport)) * 100vw)}.hrms-btn,.hrms-page app-button button,.hrms-modal app-button button{display:inline-flex;min-height:calc((40 / var(--vw-viewport)) * 100vw);align-items:center;justify-content:center;gap:calc((6.4 / var(--vw-viewport)) * 100vw);padding:calc((9.28 / var(--vw-viewport)) * 100vw) calc((14.4 / var(--vw-viewport)) * 100vw);border:calc((1 / var(--vw-viewport)) * 100vw) solid var(--Hrms-Color-15);border-radius:calc((10.4 / var(--vw-viewport)) * 100vw);background:var(--Third-Color);color:var(--Primary-Color);cursor:pointer;font:inherit;font-size:calc((14.4 / var(--vw-viewport)) * 100vw);font-weight:650;line-height:1.2;text-decoration:none;transition:background-color .12s ease,border-color .12s ease,transform .12s ease}.hrms-btn:hover:not(:disabled),.hrms-page app-button button:hover:not(:disabled),.hrms-modal app-button button:hover:not(:disabled){border-color:var(--Secondry-Color);background:var(--Hrms-Color-16)}.hrms-btn.primary,.hrms-page app-button button,.hrms-modal app-button button{border-color:var(--Primary-Color);background:var(--Primary-Color);color:var(--Third-Color)}.hrms-btn.primary:hover:not(:disabled),.hrms-page app-button button:hover:not(:disabled),.hrms-modal app-button button:hover:not(:disabled){border-color:var(--Hrms-Color-17);background:var(--Hrms-Color-17);color:var(--Third-Color)}.hrms-btn.danger{border-color:var(--Hrms-Color-18);color:var(--Hrms-Color-19)}.hrms-btn:disabled,.hrms-page app-button button:disabled,.hrms-modal app-button button:disabled{opacity:.55;cursor:not-allowed}.hrms-actions{flex-wrap:wrap}.form-actions{justify-content:flex-end;margin-block-start:calc((16 / var(--vw-viewport)) * 100vw);padding-block-start:calc((16 / var(--vw-viewport)) * 100vw);border-block-start:calc((1 / var(--vw-viewport)) * 100vw) solid var(--Hrms-Color-20)}.list-footer{margin-block-start:calc((16 / var(--vw-viewport)) * 100vw);color:var(--Hrms-Color-8);font-size:calc((14.08 / var(--vw-viewport)) * 100vw)}.hrms-chip{display:inline-flex;min-height:calc((26.4 / var(--vw-viewport)) * 100vw);align-items:center;justify-content:center;padding:calc((3.68 / var(--vw-viewport)) * 100vw) calc((10.4 / var(--vw-viewport)) * 100vw);border:calc((1 / var(--vw-viewport)) * 100vw) solid var(--Hrms-Color-21);border-radius:calc((999 / var(--vw-viewport)) * 100vw);background:var(--Hrms-Color-22);color:var(--Hrms-Color-23);font-size:calc((12.48 / var(--vw-viewport)) * 100vw);font-weight:700;line-height:1.1;white-space:nowrap}.hrms-chip.active,.hrms-chip.completed{border-color:var(--Hrms-Color-24);background:var(--Hrms-Color-25);color:var(--Hrms-Color-26)}.hrms-chip.inactive,.hrms-chip.suspended,.hrms-chip.draft{border-color:var(--Hrms-Color-27);background:var(--Hrms-Color-28);color:var(--Hrms-Color-29)}.hrms-chip.closed,.hrms-chip.terminated,.hrms-chip.resigned,.hrms-chip.archived{border-color:var(--Hrms-Color-30);background:var(--Hrms-Color-31);color:var(--Hrms-Color-32)}.hrms-chip.onleave,.hrms-chip.onprobation,.hrms-chip.warning{border-color:var(--Hrms-Color-33);background:var(--Hrms-Color-34);color:var(--Hrms-Color-35)}.hrms-empty{padding:calc((40 / var(--vw-viewport)) * 100vw) calc((20 / var(--vw-viewport)) * 100vw);text-align:center;color:var(--Hrms-Color-36)}.hrms-empty h2,.hrms-empty h3{margin-block:0 calc((8 / var(--vw-viewport)) * 100vw)}.hrms-empty p{margin:0;line-height:1.6}.hrms-info-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0}.hrms-info-item{min-width:0;padding:calc((12.8 / var(--vw-viewport)) * 100vw) calc((5.6 / var(--vw-viewport)) * 100vw);border-block-end:calc((1 / var(--vw-viewport)) * 100vw) solid var(--Hrms-Color-37)}.hrms-info-item dt{margin-block-end:calc((5.6 / var(--vw-viewport)) * 100vw);color:var(--Hrms-Color-7);font-size:calc((13.28 / var(--vw-viewport)) * 100vw)}.hrms-info-item dd{margin:0;overflow-wrap:anywhere;color:var(--Hrms-Color-38);font-weight:650}.hrms-divider{width:100%;margin-block:calc((20 / var(--vw-viewport)) * 100vw);border:0;border-block-start:calc((1 / var(--vw-viewport)) * 100vw) solid var(--Hrms-Color-20)}.hrms-inline-note{margin-block-start:calc((16 / var(--vw-viewport)) * 100vw);padding:calc((12.8 / var(--vw-viewport)) * 100vw) calc((16 / var(--vw-viewport)) * 100vw);border-inline-start:calc((3 / var(--vw-viewport)) * 100vw) solid var(--Secondry-Color);border-radius:calc((8 / var(--vw-viewport)) * 100vw);background:var(--Hrms-Color-39);color:var(--Hrms-Color-40);line-height:1.55}.hrms-tabs{display:flex;align-items:center;gap:calc((5.6 / var(--vw-viewport)) * 100vw);overflow-x:auto;padding:calc((4.8 / var(--vw-viewport)) * 100vw);border-block-end:calc((1 / var(--vw-viewport)) * 100vw) solid var(--Hrms-Color-41)}.hrms-tabs a,.hrms-tabs button{flex:0 0 auto;padding:calc((11.2 / var(--vw-viewport)) * 100vw) calc((16 / var(--vw-viewport)) * 100vw);border:0;border-block-end:calc((2 / var(--vw-viewport)) * 100vw) solid transparent;background:transparent;color:var(--Hrms-Color-42);cursor:pointer;font:inherit;font-weight:650;text-decoration:none}.hrms-tabs .active,.hrms-tabs button.active{border-block-end-color:var(--Secondry-Color);color:var(--Primary-Color)}.hrms-avatar{display:inline-grid;width:calc((35.2 / var(--vw-viewport)) * 100vw);height:calc((35.2 / var(--vw-viewport)) * 100vw);flex:0 0 calc((35.2 / var(--vw-viewport)) * 100vw);place-items:center;border-radius:50%;background:var(--Hrms-Color-43);color:var(--Hrms-Color-44);font-weight:750}.manager-form,.status-form{display:flex;align-items:flex-end;gap:calc((13.6 / var(--vw-viewport)) * 100vw);flex-wrap:wrap}.manager-form .hrms-field,.status-form .hrms-field{flex:1 1 calc((256 / var(--vw-viewport)) * 100vw)}.current-manager{display:flex;align-items:center;gap:calc((10.4 / var(--vw-viewport)) * 100vw);min-height:calc((44.8 / var(--vw-viewport)) * 100vw)}.current-manager div{display:grid;gap:calc((2.4 / var(--vw-viewport)) * 100vw)}.current-manager small{color:var(--Hrms-Color-7)}.hrms-upload{display:flex;align-items:center;gap:calc((13.6 / var(--vw-viewport)) * 100vw);flex-wrap:wrap}.hrms-upload img,.company-logo-placeholder{display:grid;width:calc((72 / var(--vw-viewport)) * 100vw);height:calc((72 / var(--vw-viewport)) * 100vw);flex:0 0 calc((72 / var(--vw-viewport)) * 100vw);place-items:center;border:calc((1 / var(--vw-viewport)) * 100vw) solid var(--Hrms-Color-45);border-radius:calc((16 / var(--vw-viewport)) * 100vw);background:var(--Hrms-Color-16);object-fit:contain;color:var(--Hrms-Color-46);font-size:calc((24 / var(--vw-viewport)) * 100vw);font-weight:750}.company-logo-placeholder.small{width:calc((56 / var(--vw-viewport)) * 100vw);height:calc((56 / var(--vw-viewport)) * 100vw);flex-basis:calc((56 / var(--vw-viewport)) * 100vw);font-size:calc((19.2 / var(--vw-viewport)) * 100vw)}.hrms-modal-backdrop{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:calc((16 / var(--vw-viewport)) * 100vw);background:var(--Hrms-Color-47)}.hrms-modal{width:min(100%,calc((672 / var(--vw-viewport)) * 100vw));max-height:min(90vh,calc((832 / var(--vw-viewport)) * 100vw));overflow-y:auto;padding:clamp(calc((16 / var(--vw-viewport)) * 100vw),2vw,calc((24 / var(--vw-viewport)) * 100vw));border:calc((1 / var(--vw-viewport)) * 100vw) solid var(--Hrms-Color-48);border-radius:calc((16 / var(--vw-viewport)) * 100vw);background:var(--Third-Color);box-shadow:var(--Hrms-Shadow-2)}.hrms-modal .hrms-section-head{margin-block-end:calc((20 / var(--vw-viewport)) * 100vw)}.hrms-modal .hrms-field{margin-block-end:calc((16 / var(--vw-viewport)) * 100vw)}.availability-toggle{display:inline-flex;align-items:center;gap:calc((9.6 / var(--vw-viewport)) * 100vw);cursor:pointer}.availability-toggle input,.document-required input,.account-checkbox input{accent-color:var(--Secondry-Color)}.visually-hidden{position:absolute;width:calc((1 / var(--vw-viewport)) * 100vw);height:calc((1 / var(--vw-viewport)) * 100vw);overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}@media(max-width:53.125em){.hrms-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:40.625em){.hrms-page{gap:calc((12.8 / var(--vw-viewport)) * 100vw);padding:calc((14.4 / var(--vw-viewport)) * 100vw)}.hrms-grid,.hrms-grid.three,.hrms-info-list{grid-template-columns:minmax(0,1fr)}.hrms-page-head,.hrms-toolbar,.list-footer{align-items:stretch;flex-direction:column}.hrms-toolbar>*,.hrms-search,.filter-field,.hrms-page-head app-button{width:100%;max-width:none}.hrms-page-head .hrms-actions,.hrms-page-head .heading-line{width:100%}.hrms-page-head app-button button{width:100%}.hrms-card{padding:calc((16 / var(--vw-viewport)) * 100vw)}.row-actions{flex-wrap:wrap}.row-actions .hrms-btn{padding-inline:calc((10.4 / var(--vw-viewport)) * 100vw)}}html,body{height:100%}html::-webkit-scrollbar{width:auto}html::-webkit-scrollbar-track{background:var(--Third-Primary-Color);box-shadow:var(--Scroll-Shadow);border-radius:.2vw;border:calc((1 / var(--vw-viewport)) * 100vw) solid var(--Secondry-Color)}html::-webkit-scrollbar-thumb{background:var(--Fourth-Color);box-shadow:var(--Scroll-Shadow);border-radius:.2vw;cursor:pointer}body{margin:0;font-family:Dubai,Helvetica Neue,sans-serif}@font-face{font-family:Dubai;src:url(/Files/Fonts/Dubai-Regular.ttf) format("ttf");src:url(/Files/Fonts/Dubai-Regular.ttf) format("truetype");font-style:normal;font-display:swap}:root{--vw-viewport: 1920;--vh-viewport: 1080;--Primary-Color: #0d323d;--Secondry-Color: #19bfb6;--Third-Color: #ffffff;--Fourth-Color: #172a47;--Fifth-Color: #9191a1;--Sixs-Color: #f1fcfa;--Seventh-Color: #e6e6e6;--Eight-Color: #acecde;--Nine-Color: #051511;--Ten-Color: #a7b9bd;--Eleven-Color: #adadb8;--twelve-Color: #5e5e6e;--thirteen-Color: #e5eaf6;--Fourteen-Color: #ff941a;--fifteen-Color: #2a616f;--sixteen-Color: #f6a2a2;--seventeen-Color: #daecf1;--Eighteen-Color: #eafaf7;--Nineteen-Color: #030d17;--Tenth-Color: #23515b;--Primary-Table-border-color: #30367a80;--Dash-Settings-card-border-color: #30367a66;--Intro-BackGround-Color: #f9fefe;--SideNav-BackGround-Color: linear-gradient(180deg, #662279 0%, #30367a 100%);--Light-mode-BackGround-Color: #ffffff;--Dark-mode-BackGround-Color: #020617;--Secondry-BackGround-color: #eafaf7;--Rejected-BackGround-Color: #fde8e8;--Pending-BackGround-Color: #fff3e5;--First-Linear-Color: linear-gradient(0deg, #f9fefd00, #8bc9c2);--Second-Linear-Color: linear-gradient(0deg, #f9fefd00, #8bc9c2);--Third-Linear-Color: linear-gradient(0deg, #f9fefd00, #8bc9c2);--Fourth-Linear-Color: linear-gradient(0deg, #f9fefd00, #8bc9c2);--Primary-error-color: #f62b2b;--Hrms-Color-1: #6c8187;--Hrms-Color-2: #e4eeee;--Hrms-Color-3: #24434b;--Hrms-Color-4: #cfdddd;--Hrms-Color-5: rgba(25, 191, 182, .35);--Hrms-Color-6: #f3f7f7;--Hrms-Color-7: #71858a;--Hrms-Color-8: #70838a;--Hrms-Color-9: #536d73;--Hrms-Color-10: #e8eeee;--Hrms-Color-11: #f4faf9;--Hrms-Color-12: #557078;--Hrms-Color-13: #f9fdfc;--Hrms-Color-14: #087f7a;--Hrms-Color-15: #d3e1e1;--Hrms-Color-16: #f1fcfa;--Hrms-Color-17: #155563;--Hrms-Color-18: #f1c7c7;--Hrms-Color-19: #a53636;--Hrms-Color-20: #e7eeee;--Hrms-Color-21: #d4e7e4;--Hrms-Color-22: #eff9f7;--Hrms-Color-23: #315f63;--Hrms-Color-24: #b7e7d0;--Hrms-Color-25: #e9f8ef;--Hrms-Color-26: #1b7047;--Hrms-Color-27: #e4e7e8;--Hrms-Color-28: #f2f4f5;--Hrms-Color-29: #68787d;--Hrms-Color-30: #efd2d2;--Hrms-Color-31: #fff1f1;--Hrms-Color-32: #963e3e;--Hrms-Color-33: #f1dfb5;--Hrms-Color-34: #fff8e9;--Hrms-Color-35: #876115;--Hrms-Color-36: #617980;--Hrms-Color-37: #edf1f1;--Hrms-Color-38: #183d46;--Hrms-Color-39: #f2fbf9;--Hrms-Color-40: #44646a;--Hrms-Color-41: #e3eded;--Hrms-Color-42: #657d82;--Hrms-Color-43: #e5f7f4;--Hrms-Color-44: #156c66;--Hrms-Color-45: #dfebea;--Hrms-Color-46: #18736d;--Hrms-Color-47: rgba(6, 29, 35, .48);--Hrms-Color-48: #e1eceb;--Hrms-Shadow-1: 0 .35rem 1.3rem rgba(13, 50, 61, .055);--Hrms-Shadow-2: 0 1rem 3rem rgba(4, 29, 34, .2);--Hrms-Feature-Color-1: #f0fbf9;--Hrms-Feature-Color-2: #fff;--Hrms-Feature-Color-3: #e6eeee;--Hrms-Feature-Color-4: #6c8187;--Hrms-Feature-Color-5: #72858b;--Hrms-Feature-Color-6: #e8f8f5;--Hrms-Feature-Color-7: #13877f;--Hrms-Feature-Color-8: #70838a;--Hrms-Feature-Color-9: #d6f3ee;--Hrms-Feature-Color-10: #edf8f6;--Hrms-Feature-Color-11: #126761;--Hrms-Feature-Color-12: #f3fbf9;--Hrms-Feature-Color-13: #47716e;--Hrms-Feature-Color-14: #d8e9e7;--Hrms-Feature-Color-15: #eaf8f6;--Hrms-Feature-Color-16: #617980;--Hrms-Feature-Color-17: #829398;--Hrms-Feature-Color-18: #71858a;--Hrms-Feature-Color-19: #b8cecf;--Hrms-Feature-Color-20: #07353b;--Hrms-Feature-Color-21: #e2eded;--Hrms-Feature-Color-22: #fbfefe;--Hrms-Feature-Color-23: #f5fbfa;--Hrms-Feature-Color-24: #11968f;--Hrms-Feature-Shadow-1: 0 calc((3 / var(--vw-viewport)) * 100vw) calc((14 / var(--vw-viewport)) * 100vw) rgba(13, 50, 61, .1);--Primary-Shadow: 0 0 calc((10.9 / var(--vw-viewport)) * 100vw) 0 #8f8f8f26;--Secondry-Shadow: calc((4 / var(--vw-viewport)) * 100vw) calc((4 / var(--vw-viewport)) * 100vw) calc((18 / var(--vw-viewport)) * 100vw) calc((-4 / var(--vw-viewport)) * 100vw) #00000040;--Third-Shadow: 0px 0px 7.4px 0px #3d3d3d1a;--Fourth-Shadow: calc((-6 / var(--vw-viewport)) * 100vw) calc((-1 / var(--vw-viewport)) * 100vw) calc((35 / var(--vw-viewport)) * 100vw) calc((-1 / var(--vw-viewport)) * 100vw) #0000001f;--Fifth-Shadow: calc((-2 / var(--vw-viewport)) * 100vw) 0 calc((13 / var(--vw-viewport)) * 100vw) calc((12 / var(--vw-viewport)) * 100vw) #00000040;--Sixs-Shadow: calc((2 / var(--vw-viewport)) * 100vw) calc((4 / var(--vw-viewport)) * 100vw) calc((4 / var(--vw-viewport)) * 100vw) calc((-1 / var(--vw-viewport)) * 100vw) #00000040;--Seventh-Shadow: calc((2 / var(--vw-viewport)) * 100vw) calc((2 / var(--vw-viewport)) * 100vw) calc((8 / var(--vw-viewport)) * 100vw) calc((-3 / var(--vw-viewport)) * 100vw) #00000040;--Eight-Shadow: calc((2 / var(--vw-viewport)) * 100vw) calc((2 / var(--vw-viewport)) * 100vw) calc((4 / var(--vw-viewport)) * 100vw) 0 #00000040;--Nine-Shadow: calc((1 / var(--vw-viewport)) * 100vw) calc((1 / var(--vw-viewport)) * 100vw) calc((4 / var(--vw-viewport)) * 100vw) 0 #00000040;--Ten-Shadow: 0 calc((2 / var(--vw-viewport)) * 100vw) calc((4 / var(--vw-viewport)) * 100vw) 0 #00000040;--Eleven-Shadow: calc((4 / var(--vw-viewport)) * 100vw) calc((4 / var(--vw-viewport)) * 100vw) calc((10 / var(--vw-viewport)) * 100vw) 0 #00000040;--Twelve-Shadow: calc((4 / var(--vw-viewport)) * 100vw) calc((4 / var(--vw-viewport)) * 100vw) calc((8 / var(--vw-viewport)) * 100vw) calc((-3 / var(--vw-viewport)) * 100vw) #00000040;--Thirteen-Shadow: calc((4 / var(--vw-viewport)) * 100vw) calc((4 / var(--vw-viewport)) * 100vw) calc((10 / var(--vw-viewport)) * 100vw) calc((-2 / var(--vw-viewport)) * 100vw) #00000040;--Fourteen-Shadow: calc((2 / var(--vw-viewport)) * 100vw) calc((2 / var(--vw-viewport)) * 100vw) calc((8 / var(--vw-viewport)) * 100vw) 0 #00000040;--Fifteen-Shadow: calc((3 / var(--vw-viewport)) * 100vw) calc((3 / var(--vw-viewport)) * 100vw) calc((10 / var(--vw-viewport)) * 100vw) 0 #00000040;--Sixteen-Shadow: calc((4 / var(--vw-viewport)) * 100vw) calc((4 / var(--vw-viewport)) * 100vw) calc((8 / var(--vw-viewport)) * 100vw) calc((3 / var(--vw-viewport)) * 100vw) #00000040;--Seventeen-Shadow: calc((4 / var(--vw-viewport)) * 100vw) calc((4 / var(--vw-viewport)) * 100vw) calc((8 / var(--vw-viewport)) * 100vw) calc((2 / var(--vw-viewport)) * 100vw) #00000040;--Eighteen-Shadow: 0px 0px calc((10.9 / var(--vw-viewport)) * 100vw) 0px #8f8f8f26;--Nineteen-Shadow: 0px calc((2 / var(--vw-viewport)) * 100vw) calc((5 / var(--vw-viewport)) * 100vw) 0px #0a13091f;--Tenth-Shadow: 0px 0px calc((7.4 / var(--vw-viewport)) * 100vw) 0px #179b5b26}form,app-table{width:100%;height:100%}@media only screen and (max-width:1350px){:root{--vw-viewport: 1194;--vh-viewport: 1080}}@media only screen and (max-width:750px){:root{--vw-viewport: 390;--vh-viewport: 1080}}@font-face{font-family:Cairo;src:url(/Files/Fonts/Cairo/Cairo-VariableFont.woff2) format("truetype");font-style:normal;font-display:swap}:root{--First-font-family: Roboto;--Second-font-family: Cairo;--Primary-font-size: calc((30 / var(--vw-viewport)) * 100vw);--Secondry-font-size: calc((25 / var(--vw-viewport)) * 100vw);--Third-font-size: calc((24 / var(--vw-viewport)) * 100vw);--Fourth-font-size: calc((22 / var(--vw-viewport)) * 100vw);--Fifth-font-size: calc((20 / var(--vw-viewport)) * 100vw);--Sixs-font-size: calc((18 / var(--vw-viewport)) * 100vw);--Seventh-font-size: calc((16 / var(--vw-viewport)) * 100vw);--Eighth-font-size: calc((14 / var(--vw-viewport)) * 100vw);--Ninth-font-size: calc((10 / var(--vw-viewport)) * 100vw);--Tenth-font-size: calc((32 / var(--vw-viewport)) * 100vw);--Primary-line-height: calc((40 / var(--vw-viewport)) * 100vw);--Secondry-line-height: calc((30 / var(--vw-viewport)) * 100vw);--Third-line-height: calc((30 / var(--vw-viewport)) * 100vw);--Fourth-line-height: calc((28 / var(--vw-viewport)) * 100vw);--Fifth-line-height: calc((24 / var(--vw-viewport)) * 100vw);--Sixs-line-height: calc((20 / var(--vw-viewport)) * 100vw);--Seventh-line-height: calc((20 / var(--vw-viewport)) * 100vw);--Eighth-line-height: calc((16 / var(--vw-viewport)) * 100vw);--Ninth-line-height: calc((36 / var(--vw-viewport)) * 100vw)}@media only screen and (max-width:1350px){:root{--Primary-font-size: calc((30 / var(--vw-viewport)) * 100vw);--Secondry-font-size: calc((25 / var(--vw-viewport)) * 100vw);--Third-font-size: calc((24 / var(--vw-viewport)) * 100vw);--Fourth-font-size: calc((22 / var(--vw-viewport)) * 100vw);--Fifth-font-size: calc((20 / var(--vw-viewport)) * 100vw);--Sixs-font-size: calc((18 / var(--vw-viewport)) * 100vw);--Seventh-font-size: calc((16 / var(--vw-viewport)) * 100vw);--Eighth-font-size: calc((14 / var(--vw-viewport)) * 100vw);--Ninth-font-size: calc((10 / var(--vw-viewport)) * 100vw);--Tenth-font-size: calc((32 / var(--vw-viewport)) * 100vw);--Primary-line-height: calc((40 / var(--vw-viewport)) * 100vw);--Secondry-line-height: calc((30 / var(--vw-viewport)) * 100vw);--Third-line-height: calc((30 / var(--vw-viewport)) * 100vw);--Fourth-line-height: calc((28 / var(--vw-viewport)) * 100vw);--Fifth-line-height: calc((24 / var(--vw-viewport)) * 100vw);--Sixs-line-height: calc((20 / var(--vw-viewport)) * 100vw);--Seventh-line-height: calc((20 / var(--vw-viewport)) * 100vw);--Eighth-line-height: calc((16 / var(--vw-viewport)) * 100vw);--Ninth-line-height: calc((36 / var(--vw-viewport)) * 100vw)}}@media only screen and (max-width:750px){:root{--Primary-font-size: calc((30 / var(--vw-viewport)) * 100vw);--Secondry-font-size: calc((25 / var(--vw-viewport)) * 100vw);--Third-font-size: calc((24 / var(--vw-viewport)) * 100vw);--Fourth-font-size: calc((22 / var(--vw-viewport)) * 100vw);--Fifth-font-size: calc((20 / var(--vw-viewport)) * 100vw);--Sixs-font-size: calc((18 / var(--vw-viewport)) * 100vw);--Seventh-font-size: calc((16 / var(--vw-viewport)) * 100vw);--Eighth-font-size: calc((14 / var(--vw-viewport)) * 100vw);--Ninth-font-size: calc((10 / var(--vw-viewport)) * 100vw);--Tenth-font-size: calc((32 / var(--vw-viewport)) * 100vw);--Primary-line-height: calc((40 / var(--vw-viewport)) * 100vw);--Secondry-line-height: calc((30 / var(--vw-viewport)) * 100vw);--Third-line-height: calc((30 / var(--vw-viewport)) * 100vw);--Fourth-line-height: calc((28 / var(--vw-viewport)) * 100vw);--Fifth-line-height: calc((24 / var(--vw-viewport)) * 100vw);--Sixs-line-height: calc((20 / var(--vw-viewport)) * 100vw);--Seventh-line-height: calc((20 / var(--vw-viewport)) * 100vw);--Eighth-line-height: calc((16 / var(--vw-viewport)) * 100vw);--Ninth-line-height: calc((36 / var(--vw-viewport)) * 100vw)}}:root{--mat-sys-surface-container: var(--Secondry-BackGround-color);--mat-sidenav-container-background-color: transparent;--mat-sidenav-content-background-color: transparent;--mat-dialog-container-color: var(--Light-mode-BackGround-Color);--mat-snack-bar-button-color: var(--Fourth-Color);--mat-snack-bar-container-color: var(--Third-Color);--mat-snack-bar-supporting-text-color: var(--Fourth-Color);--mat-snack-bar-supporting-text-size: var(--Seventh-font-size);--mat-snack-bar-supporting-text-line-height: var(--Seventh-line-height);--mat-snack-bar-supporting-text-weight: 500;--mat-expansion-container-background-color: transparent}.dark-mode{--mat-dialog-container-color: var(--Dark-mode-BackGround-Color)}