html{--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: #ffffff;--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: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--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: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f}html{--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)}html{--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)}html{--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)}html{--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)}html{--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)}html{--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)}html{--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}html{--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}html{--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}html,body{height:100%}body{font-family:Roboto,Helvetica Neue,sans-serif;margin:0;padding:0;color:#334155;background-color:#f9fafb;line-height:1.5;font-size:1rem}h1,h2,h3,h4,h5,h6{font-family:Roboto,Helvetica Neue,sans-serif;margin-top:0;margin-bottom:1rem;font-weight:500;line-height:1.2;color:#1e293b}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}.text-center{text-align:center!important}.mat-drawer{width:280px;background:linear-gradient(180deg,#1e293b,#111827);color:#fff;padding:1rem;box-sizing:border-box;transition:width .3s ease;overflow-x:hidden;border-right:1px solid rgba(255,255,255,.05)}input#phoneNumber,input#workingExperience{max-width:-webkit-fill-available}.mat-drawer nav{padding:0}.mat-drawer nav a{display:flex;align-items:center;padding:1rem 1.5rem;margin-bottom:.5rem;text-decoration:none;color:#fffc;border-radius:.5rem;transition:all .2s ease}.mat-drawer nav a i{margin-right:1rem;font-size:1.125rem;width:24px;text-align:center}.mat-drawer nav a:hover{background-color:#ffffff1a;color:#fff}.mat-drawer nav a.active{background-color:#4a6cf7;color:#fff;font-weight:500;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.mat-drawer-content{flex:1;padding:2rem;box-sizing:border-box;overflow-y:auto;display:flex;flex-direction:column;align-items:stretch}.dashboard-card{background-color:#fff;padding:25px;border-radius:10px;box-shadow:0 4px 16px #00000014;max-width:1400px;margin:0 auto 20px}.card-header{margin-bottom:20px}.card-header h2{color:#333;margin-top:0;margin-bottom:10px;font-weight:600;border-bottom:1px solid #eee;padding-bottom:15px;font-size:1.8rem}.card-header .text-muted{color:#718096;margin-top:5px;margin-bottom:25px;font-size:1rem}.card{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem;margin-bottom:1.5rem}table{width:100%;border-collapse:separate;border-spacing:0;margin-bottom:2rem;background-color:#fff;border-radius:.5rem;overflow:hidden;border:1px solid #e2e8f0}table th,table td{border:none;padding:1rem 1.5rem;text-align:left}table th{background-color:#f8fafc;font-weight:600;color:#334155;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .15s ease}table tbody tr:last-child{border-bottom:none}table tbody tr:nth-child(2n){background-color:#fafafa}table tbody tr:hover{background-color:#f8fafc}form{margin-bottom:2rem;padding:2rem;background-color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;width:100%}form div{margin-bottom:20px}label{display:block;margin-bottom:.5rem;font-weight:500;color:#334155;font-size:.875rem}input[type=text],input[type=email],input[type=password],input[type=date],textarea,select{width:100%;padding:1rem;border:1px solid #e2e8f0;border-radius:.5rem;box-sizing:border-box;font-size:1rem;font-family:Roboto,Helvetica Neue,sans-serif;transition:all .2s ease;background-color:#f8fafc}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=date]:focus,textarea:focus,select:focus{outline:none;border-color:#4a6cf7;box-shadow:0 0 0 3px #4a6cf726}textarea{resize:vertical;min-height:100px}button{background-color:#4a6cf7;color:#fff;padding:1rem 1.5rem;border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease;box-shadow:0 1px 3px #0000001a;display:inline-flex;align-items:center;justify-content:center}button:hover{background-color:#3651d4;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}button:active{transform:translateY(0)}button:disabled{background-color:#94a3b8;cursor:not-allowed;transform:none}.text-primary{color:#4a6cf7}.text-success{color:#10b981}.text-warning{color:#f59e0b}.text-danger{color:#ef4444}.text-muted{color:#94a3b8}.bg-primary{background-color:#4a6cf7}.bg-success{background-color:#10b981}.bg-warning{background-color:#f59e0b}.bg-danger{background-color:#ef4444}.bg-light{background-color:#f8fafc}.badge{display:inline-block;padding:.25rem .5rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-primary{background-color:#eef2ff;color:#4a6cf7}.badge-success{background-color:#10b98126;color:#10b981}.badge-warning{background-color:#f59e0b26;color:#f59e0b}.badge-danger{background-color:#ef444426;color:#ef4444}.error-message{color:#ef4444;margin-bottom:1rem;padding:1rem;background-color:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:.5rem;display:flex;align-items:center}@media screen and (max-width: 768px){.mat-drawer-content,form{padding:1.5rem}h2{font-size:1.5rem!important}}@media screen and (max-width: 480px){.card-header .text-muted{font-size:.9rem}.card-header .subtitle{font-size:.9rem!important}.dashboard-card{margin-bottom:45px!important}.dashboard-tabs{display:-webkit-inline-box!important;overflow:auto;overflow-wrap:anywhere}i.fa.fa-eye{display:none}.mat-drawer-content,form{padding:1rem}table th,table td{padding:.5rem}form div{margin-bottom:10px}.badge{font-size:.75rem;padding:2px 6px}.leave-requests-section{overflow:auto}.tab-button{font-size:14px;padding:10px 16px!important}.section-header h3{font-size:1.2rem!important}.view-all-leaves,.form-progress{display:none!important}.section-title{display:none}.radio-card{padding:10px}.form-control{font-size:.8rem!important}.form-actions{display:math!important;justify-content:center!important}.btn-reset{margin-bottom:14px!important}.data-table td{padding:10px!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn .3s ease}.slide-down{animation:slideDown .3s ease}.leave-type-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:500;white-space:nowrap;text-transform:capitalize}.leave-type-annual{background-color:#e8f5e9;color:#2e7d32}.leave-type-sick{background-color:#e3f2fd;color:#1565c0}.leave-type-maternity{background-color:#f3e5f5;color:#7b1fa2}.leave-type-emergency{background-color:#fff4e5;color:#e67700}.duration-value{font-weight:500}.duration-type{font-size:.85rem;color:#6c757d}.status-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-approved{background-color:#dcf5e8;color:#28a745;border:1px solid #28a745}.status-rejected{background-color:#ffebee;color:#dc3545;border:1px solid #dc3545}.status-pending{background-color:#fff3cd;color:#856404;border:1px solid #ffc107}.status-cancelled{background-color:#f5f5f5;color:#6c757d}.action-by{font-size:.85rem}.no-action{color:#adb5bd}.reason-content{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-tooltip{position:relative;cursor:help;display:inline-flex;align-items:center;transition:transform .2s ease}.info-tooltip i{color:#718096;transition:all .3s ease;font-size:.9rem;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#7180961a;animation:tooltipPulse 2s infinite;animation-delay:1s}@keyframes tooltipPulse{0%{box-shadow:0 0 #4a6cf766}70%{box-shadow:0 0 0 6px #4a6cf700}to{box-shadow:0 0 #4a6cf700}}.info-tooltip:hover i{color:#4a6cf7;background-color:#4a6cf71a}.info-tooltip[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%);z-index:1000;width:750%;background:linear-gradient(145deg,#2d3748fa,#1e293bfa);color:#fff;font-size:.75rem;padding:10px 14px;border-radius:8px;white-space:normal;box-shadow:0 6px 16px #00000040,0 0 0 1px #ffffff0d;pointer-events:none;font-weight:400;letter-spacing:.01em;line-height:1.6;text-align:center;animation:tooltipFadeIn .3s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.info-tooltip[data-tooltip]:hover:before{content:"";position:absolute;bottom:125%;left:50%;transform:translate(-50%) rotate(45deg);margin-bottom:-6px;width:12px;height:12px;background:linear-gradient(145deg,#2d3748fa,#1e293bfa);z-index:999;pointer-events:none;box-shadow:2px 2px 5px #0000001a;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media screen and (max-width: 768px){.info-tooltip[data-tooltip]:hover:after,.info-tooltip.tooltip-focused:after{max-width:90vw;width:auto;font-size:.75rem;padding:8px 12px;white-space:normal}.info-tooltip{-webkit-tap-highlight-color:transparent}.info-tooltip i{width:22px;height:22px;font-size:1rem}}.info-tooltip[title]:hover:after,.info-tooltip[title]:hover:before{display:none}.info-tooltip.tooltip-focused:after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%);z-index:1000;width:750%;background:linear-gradient(145deg,#2d3748fa,#1e293bfa);color:#fff;font-size:.75rem;padding:10px 14px;border-radius:8px;white-space:normal;box-shadow:0 6px 16px #00000040,0 0 0 1px #ffffff0d;pointer-events:none;font-weight:400;letter-spacing:.01em;line-height:1.6;text-align:center;animation:tooltipFadeIn .3s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.info-tooltip.tooltip-focused:before{content:"";position:absolute;bottom:125%;left:50%;transform:translate(-50%) rotate(45deg);margin-bottom:-6px;width:12px;height:12px;background:linear-gradient(145deg,#2d3748fa,#1e293bfa);z-index:999;pointer-events:none;box-shadow:2px 2px 5px #0000001a;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.info-tooltip:focus{outline:none}.info-tooltip:focus i{color:#4a6cf7;background-color:#4a6cf71a}.field-label .info-tooltip[data-tooltip]:hover:after,.field-label .info-tooltip.tooltip-focused:after{bottom:150%;width:300%;left:0;transform:translate(0)}.field-label .info-tooltip[data-tooltip]:hover:before,.field-label .info-tooltip.tooltip-focused:before{bottom:150%;left:10px;transform:rotate(45deg)}.leave-indicator.info-tooltip[data-tooltip]:hover:after,.leave-indicator.info-tooltip.tooltip-focused:after{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;width:150px;font-size:.75rem;padding:6px 10px;text-transform:capitalize;z-index:99999;bottom:130%}.leave-indicator.info-tooltip[data-tooltip]:hover:before,.leave-indicator.info-tooltip.tooltip-focused:before{bottom:130%;z-index:1000}.display-message-container{position:fixed;top:20px;right:20px;z-index:9999;animation:slideInRight .4s cubic-bezier(.175,.885,.32,1.275) forwards;max-width:90vw}@media (max-width: 480px){.display-message-container{top:8px;right:8px;left:8px;width:calc(100vw - 16px);max-width:none;animation:slideInTop .3s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes slideInTop{0%{transform:translateY(-100%) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes slideOutTop{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-100%) scale(.98);opacity:0}}.display-card{width:100%;flex-direction:row;border-left:none;border-top:3px solid #4caf50;border-radius:8px;box-shadow:0 4px 20px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;min-height:auto;padding:0}.display-card.success-message{border-top-color:#4caf50;box-shadow:0 4px 20px #4caf5033}.display-card.error-message{border-top-color:#f44336;box-shadow:0 4px 20px #f4433633}.display-card.info-message{border-top-color:#2196f3;box-shadow:0 4px 20px #2196f333}.display-card:hover{transform:none}.display-icon-wrapper{padding:12px 10px;display:flex;align-items:center;justify-content:center;background:none!important;flex-shrink:0}.display-icon-circle{width:32px;height:32px;font-size:14px;box-shadow:0 3px 8px #0003}.display-content{flex:1;padding:12px 12px 12px 0;min-height:auto}.display-header{margin-bottom:4px;justify-content:space-between;align-items:center}.display-header h4{font-size:14px;font-weight:600;letter-spacing:.2px;margin:0}.display-close-btn{position:static;background:none;width:24px;height:24px;font-size:12px;flex-shrink:0;margin-left:8px}.display-close-btn:hover{background:#0000000d}.display-body{margin-bottom:8px}.display-body p{font-size:13px;line-height:1.4;color:#555;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.display-actions{justify-content:flex-start;gap:8px;margin-top:8px}.display-actions button{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;min-width:60px;touch-action:manipulation;height:28px}.display-progress{position:absolute;bottom:0;left:0;right:0;margin:0;height:2px;border-radius:0 0 8px 8px;background:#00000008}.display-card:before{display:none}.display-card{max-height:80px;overflow:hidden}.display-card:has(.display-actions[style*=flex]){max-height:100px}}@keyframes slideInRight{0%{transform:translate(110%) translateY(-10px);opacity:0}to{transform:translate(0) translateY(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(110%);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}.display-card{background-color:#fff;border-radius:12px;box-shadow:0 8px 25px #00000026;display:flex;overflow:hidden;width:380px;border-left:5px solid #4caf50;animation:shake .5s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative}.display-card:hover{box-shadow:0 12px 30px #0003;transform:translateY(-2px)}.display-card.success-message{border-left-color:#4caf50;box-shadow:0 8px 25px #4caf5040}.display-card.error-message{border-left-color:#f44336;box-shadow:0 8px 25px #f4433640}.display-card.info-message{border-left-color:#2196f3;box-shadow:0 8px 25px #2196f340}.display-icon-wrapper{padding:20px 15px;display:flex;align-items:center;justify-content:center}.success-message .display-icon-wrapper{background-color:#4caf501a}.error-message .display-icon-wrapper{background-color:#f443361a}.info-message .display-icon-wrapper{background-color:#2196f31a}.display-icon-circle{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;box-shadow:0 4px 10px #0003}.display-icon-circle.success-icon{background:linear-gradient(135deg,#4caf50,#2e7d32);animation:pulse 2s infinite}.display-icon-circle.error-icon{background:linear-gradient(135deg,#f44336,#c62828)}.display-icon-circle.info-icon{background:linear-gradient(135deg,#2196f3,#1565c0)}@keyframes pulse{0%{box-shadow:0 0 #4caf50b3;transform:scale(1)}50%{transform:scale(1.05)}70%{box-shadow:0 0 0 10px #4caf5000;transform:scale(1)}to{box-shadow:0 0 #4caf5000;transform:scale(1)}}.display-content{flex:1;padding:18px 20px}.display-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.display-header h4{margin:0;font-weight:600;font-size:16px;letter-spacing:.3px}.success-message .display-header h4{color:#2e7d32}.error-message .display-header h4{color:#c62828}.info-message .display-header h4{color:#1565c0}.display-close-btn{background:none;border:none;color:#aaa;cursor:pointer;font-size:16px;padding:5px;transition:all .2s ease;height:28px;width:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}.display-close-btn:hover{background-color:#0000000d}.success-message .display-close-btn:hover{color:#2e7d32}.error-message .display-close-btn:hover{color:#c62828}.info-message .display-close-btn:hover{color:#1565c0}.display-body{margin-bottom:10px}.display-body p{margin:0;color:#444;font-size:14px;line-height:1.5}.display-actions{display:flex;justify-content:flex-end;gap:8px}.display-actions button{border:none;padding:6px 12px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.success-message .display-actions button.primary-action{background-color:#4caf50;color:#fff}.success-message .display-actions button.primary-action:hover{background-color:#2e7d32}.error-message .display-actions button.primary-action{background-color:#f44336;color:#fff}.error-message .display-actions button.primary-action:hover{background-color:#c62828}.info-message .display-actions button.primary-action{background-color:#2196f3;color:#fff}.info-message .display-actions button.primary-action:hover{background-color:#1565c0}.display-actions button.secondary-action{background-color:transparent}.success-message .display-actions button.secondary-action{color:#4caf50}.success-message .display-actions button.secondary-action:hover{background-color:#4caf501a}.error-message .display-actions button.secondary-action{color:#f44336}.error-message .display-actions button.secondary-action:hover{background-color:#f443361a}.info-message .display-actions button.secondary-action{color:#2196f3}.info-message .display-actions button.secondary-action:hover{background-color:#2196f31a}.display-progress{height:4px;margin-top:10px;width:100%;background-color:#0000000d;border-radius:2px;overflow:hidden;position:relative}.display-progress .progress-bar{position:absolute;height:100%;width:100%;left:0;top:0;transform:translate(-100%);animation:progress-animation 5s linear forwards}.success-message .display-progress .progress-bar{background-color:#4caf50}.error-message .display-progress .progress-bar{background-color:#f44336}.info-message .display-progress .progress-bar{background-color:#2196f3}@keyframes progress-animation{0%{transform:translate(-100%)}to{transform:translate(0)}}.error-message-container{position:fixed;top:20px;right:20px;z-index:9999;animation:slideInRight2 .3s ease-out forwards}@keyframes slideInRight2{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.skeleton-container{width:100%;padding:20px 0;animation:fadeIn .3s ease}.skeleton-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.skeleton-summary-card{background-color:#fff;border-radius:10px;padding:20px;display:flex;align-items:center;box-shadow:0 2px 8px #0000000f;overflow:hidden;position:relative}.skeleton-icon{width:56px;height:56px;border-radius:50%;margin-right:20px;background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-content{flex:1}.skeleton-title{height:28px;width:70%;border-radius:4px;margin-bottom:10px;background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-subtitle{height:16px;width:90%;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-table{width:100%;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #0000000f;margin-bottom:20px}.skeleton-header{background-color:#f8f9fa;border-bottom:1px solid #eaecef}.skeleton-row{display:flex;border-bottom:1px solid #eaecef}.skeleton-header .skeleton-row{border-bottom:none}.skeleton-body .skeleton-row:last-child{border-bottom:none}.skeleton-cell{padding:16px;flex:1;position:relative;overflow:hidden}.skeleton-header-cell{height:24px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-user-cell{display:flex;align-items:center;gap:12px}.skeleton-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-text{height:16px;width:70%;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-email{height:16px;width:90%;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-badge{height:24px;width:80px;border-radius:12px;background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-badges{display:flex;gap:8px}.skeleton-badge-small{height:20px;width:40px;border-radius:10px;background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-actions{display:flex;gap:8px;justify-content:center}.skeleton-button{height:36px;width:80px;border-radius:6px;background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:0 16px}.skeleton-pagination-info{height:16px;width:150px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-pagination-controls{display:flex;gap:8px}.skeleton-pagination-button{height:36px;width:36px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-body .skeleton-row:nth-child(1) .skeleton-cell>*{animation-delay:0s}.skeleton-body .skeleton-row:nth-child(2) .skeleton-cell>*{animation-delay:.1s}.skeleton-body .skeleton-row:nth-child(3) .skeleton-cell>*{animation-delay:.2s}.skeleton-body .skeleton-row:nth-child(4) .skeleton-cell>*{animation-delay:.3s}.skeleton-body .skeleton-row:nth-child(5) .skeleton-cell>*{animation-delay:.4s}.skeleton-body .skeleton-row:nth-child(6) .skeleton-cell>*{animation-delay:.5s}.skeleton-body .skeleton-row:nth-child(7) .skeleton-cell>*{animation-delay:.6s}.skeleton-body .skeleton-row:nth-child(8) .skeleton-cell>*{animation-delay:.7s}.skeleton-body .skeleton-row:nth-child(9) .skeleton-cell>*{animation-delay:.8s}.skeleton-body .skeleton-row:nth-child(10) .skeleton-cell>*{animation-delay:.9s}