.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-popover{background:none;border:none;padding:0;outline:0;overflow:visible;position:fixed;pointer-events:none;white-space:normal;color:inherit;text-decoration:none;width:100%;height:100%;inset:0 auto auto 0}.cdk-overlay-popover::backdrop{display:none}.cdk-overlay-popover .cdk-overlay-backdrop{position:fixed;z-index:auto}:root,[data-theme=light]{--color-primary: #20A2D1;--color-primary-hover: #2563eb;--color-secondary: #64748b;--color-background: #F8FAFC;--color-surface: #FFFFFF;--color-header: #FFFFFF;--color-header-bottom: #DFF2F8;--color-table: #FFFFFF;--color-header-table: #F7FCFD;--color-boxshadow-header: #20A2D180;--color-text: #3B4651;--color-text-secondary: #7E8896;--color-text-header: #7E8896;--color-border: #e8eaeb;--color-error: #FF474D;--color-success: #10b981;--color-warning: #f59e0b;--color-yellow: #FF9A04;--background-color-yellow: #FF9A0433;--color-orange: #FF813C;--color-red: #FF3238;--color-green: #089256;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .03);--shadow-md: 0 2px 8px -2px rgb(0 0 0 / .06);--shadow-lg: 0 6px 16px -4px rgb(0 0 0 / .08);--table-header-bg: #E8EDF5;--container-background: #ffffff;--container-border: #e8eaeb;--color-second-border: #E0F2F7;--icon-border-color: #e8eaeb;--icon-background-color: #ffffff;--request-card-shadow: 0px 1px 4px 0px rgba(0, 0, 0, .04);--request-card-background: #ffffff;--status-approved: #089256;--status-pending: #7e8896;--status-rejected: #ff3238;--status-approved-background: #0892561A;--status-pending-background: #3B46511A;--status-rejected-background: #FF323833;--text-icon: #3b4651;--sidebar-border: #dff2f8;--hover-text-color: #7e8896;--selection-highlight: #EBEDEE;--background-boxcontainer: #EBEDEE;--text-clock: #D1D3D4;--backgroundcolor-second: #FFFFFF;--container-second: #D1D3D4;--sidebar-shadow: 0 1px 3px 0 rgba(0, 0, 0, .04);--background-container-second: #FFFFFF;--border-container-second: #E0F2F7;--day-cell-today: #E3E9F3;--sidebar-hover-color: #E0F2F7;--button: linear-gradient(90deg, #2B7FFF 0%, #00B8DB 100%);--background-header-content-section: #DFF2F833;--calender-today-primary: #20A2D1;--calender-boarder: #FFFFFF;--calender-today-bg: #C9ECFA;--calender-absence-bg: #FFE2D9;--dialog-background: #FFFFFF;--color-badge: #FF3238;--color-start: #94A3B8;--background-color-start: #EBEDEE;--color-icon: #3B4651;--color-background-card: #F5F5F5;--comment-background-color: #FAFAFA;--comment-border-color: #E8EAEB;--comment-text-background-color: #FFFFFF;--color-background-header: #E0F2F7;--background-color-approved: #DDEFE9;--background-color-absence: #FFE2D9;--background-color-late: #FFF0D7;--background-color-vacation: #E0F2F7;--border-gradient: linear-gradient(90deg, #2B7FFF 0%, #00B8DB 100%);--background-color-close: #20A2D11A;--border-color-close: #20A2D11A;--weekend-background: #BABBBC;--wheel-background: #E9F6FB;--background-color-review: #DFF2F8;--color-pending-background: #E0F2F7;--profile-details-background: #F2FAFC }[data-theme=dark]{--color-primary: #60a5fa;--color-primary-hover: #3b82f6;--color-secondary: #94a3b8;--color-background: #0F172A;--color-surface: #0F192E;--color-header: #131C34;--color-header-bottom: #22325B;--color-table: #22325B;--color-header-table: #0F192E;--color-boxshadow-header: #20A2D199;--color-text: #EDEDED;--color-text-secondary: #94A3B8;--color-text-header: #EDEDED;--color-border: #22325B;--color-second-border: #22325B;--color-error: #FF474D;--color-success: #34d399;--color-warning: #fbbf24;--color-yellow: #ED930C;--background-color-yellow: #FF9A0433;--color-orange: #FF813C;--color-red: #FF474D;--color-green: #00B86B;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .15);--shadow-md: 0 2px 8px -2px rgb(0 0 0 / .2);--shadow-lg: 0 6px 16px -4px rgb(0 0 0 / .25);--table-header-bg: #1e293b;--container-background: #141F39;--container-border: #22325B;--icon-border-color: #22325B;--icon-background-color: #22325B;--request-card-shadow: 0px 1px 4px 0px rgba(0, 0, 0, .12);--request-card-background: #131D35;--status-approved: #00b86b;--status-pending: #828282;--status-rejected: #ff474d;--status-approved-background: #0892561A;--status-pending-background: #0F172A;--status-rejected-background: #FF323833;--text-icon: #ededed;--sidebar-border: #333333;--hover-text-color: #94a3b8;--selection-highlight: #141F39;--text-clock: #94A3B8;--backgroundcolor-second: #141F39;--background-boxcontainer: #0F172A;--container-second: #22325B;--sidebar-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12);--background-container-second: #0C1322;--border-container-second: #0C1322;--day-cell-today: #202F55;--sidebar-hover-color: #192543;--button: linear-gradient(90deg, #2B7FFF 0%, #00B8DB 100%);--background-header-content-section: #0F192E;--calender-today-primary: #38ACD6;--calender-boarder: #22325B;--calender-today-bg: #082936;--calender-absence-bg: #481304;--dialog-background: #131D35;--color-badge: #C20A10;--color-start: #7E8896;--background-color-start: #22325B;--color-icon: #94A3B8;--color-background-card: #141F39;--comment-background-color: #0F192E;--comment-border-color: #0F192E;--comment-text-background-color: #0F172A;--color-background-header: #141F39;--background-color-approved: #1A332A;--background-color-absence: #481304;--background-color-late: #3F2803;--background-color-vacation: #131D35;--border-gradient: #22325B;--background-color-close: #141F39;--border-color-close: #22325B;--weekend-background: #0F172A;--wheel-background: #141F39;--background-color-review: #0F192E;--color-pending-background: #0F172A;--profile-details-background: #141F39}*{margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Almarai,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--color-background);color:var(--color-text);line-height:1.6;transition:background-color .3s ease,color .3s ease}[dir=rtl]{direction:rtl;text-align:right}[dir=ltr]{direction:ltr;text-align:left}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--color-text);margin-bottom:.5rem}h1{font-size:clamp(1.75rem,4vw,2.5rem)}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:clamp(1.25rem,2.5vw,1.75rem)}h4{font-size:clamp(1.125rem,2vw,1.5rem)}h5{font-size:clamp(1rem,1.5vw,1.25rem)}h6{font-size:clamp(.875rem,1.25vw,1rem)}p{margin-bottom:1rem;color:var(--color-text-secondary)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.container{max-width:640px;padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.375rem;border:1px solid transparent;cursor:pointer;transition:all .2s ease;background-color:var(--color-primary);color:#fff}.btn:hover{background-color:var(--color-primary-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,border-color .2s ease}@media(max-width:639px){.hide-mobile{display:none!important}}@media(min-width:640px){.show-mobile{display:none!important}}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.transparent-dialog .mat-mdc-dialog-container,.transparent-dialog .mdc-dialog__surface{background:transparent!important;box-shadow:none!important;padding:0!important;border-radius:24px!important;overflow:hidden!important}.cdk-global-scrollblock{overflow-y:scroll!important}.custom-backdrop{background-color:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.time-update-menu{background:transparent!important;box-shadow:none!important;min-width:unset!important;border-radius:16px!important;overflow:visible!important}.time-update-menu .mat-mdc-menu-content{padding:0!important}.table-container{flex:1;width:100%;border-radius:12px;border:1px solid var(--color-second-border);display:flex;flex-direction:column;overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-width:thin;scrollbar-color:var(--color-primary) rgba(32,162,209,.1)}.table-container::-webkit-scrollbar{width:0;height:6px}.table-container::-webkit-scrollbar-track{background:#20a2d11a}.table-container::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:10px}.table-container .table{min-width:900px;width:100%;display:flex;flex-direction:column;flex:1;background-color:var(--backgroundcolor-second);border-radius:12px}.table-container .table thead{display:block;width:100%;flex-shrink:0;background-color:var(--color-header-table);border-top-left-radius:12px;border-top-right-radius:12px;position:sticky;top:0;z-index:2}.table-container .table tbody{display:block;flex:1;width:100%;overflow-y:auto;max-height:calc(100vh - 300px);overflow-x:hidden}.table-container .table tbody::-webkit-scrollbar{width:0;height:0}.table-container .table tbody{scrollbar-width:none}.table-container .table tr{display:flex;width:100%;text-align:center}.table-container .table tr:last-child td{border-bottom:none}.table-container .table th,.table-container .table td{flex:1 1 0;min-width:0;display:flex;align-items:center;padding:8px 18px;min-height:52px;justify-content:center;box-sizing:border-box;border-bottom:1px solid var(--color-second-border);color:var(--color-text);font-size:1rem;word-break:break-word}.table-container .table th{font-weight:400;white-space:nowrap}.table-container .table td{font-weight:500}.table-container .table tbody tr{transition:background-color .2s ease}.table-container .table tbody tr:hover{background-color:#20a2d10d}.table-container .table .status-badge{padding:.25rem .625rem;border-radius:4px;font-size:14px;font-weight:400;min-width:100px;text-align:center}.table-container .table .status-badge.status-approved{background-color:color-mix(in srgb,var(--status-approved) 10%,transparent);color:var(--status-approved)}.table-container .table .status-badge.status-rejected{background-color:color-mix(in srgb,var(--status-rejected) 10%,transparent);color:var(--status-rejected)}.table-container .table .status-badge.status-pending{background-color:#94a3b81a;color:var(--color-text-secondary)}.table-container .table .col-employee{flex:2;justify-content:start}.table-container .load-more-spinner{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:var(--color-surface);border:1px solid var(--color-second-border);box-shadow:var(--shadow-md);border-radius:30px;z-index:10;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 16px;color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.table-container .load-more-spinner .spinner{width:20px;height:20px;border:2px solid rgba(32,162,209,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}