@import"https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap";:root{--primary-color: #5856d6;--secondary-color: #6b6ef6}html,body{margin:0;padding:0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}*{font-family:Figtree,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:9999px;transition:background-color .2s ease}::-webkit-scrollbar-thumb:hover{background:#64748b80}.dark ::-webkit-scrollbar-thumb{background:#94a3b833}.dark ::-webkit-scrollbar-thumb:hover{background:#94a3b866}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.thin-scrollbar::-webkit-scrollbar{width:6px}.thin-scrollbar::-webkit-scrollbar-track{background:transparent}.thin-scrollbar::-webkit-scrollbar-thumb{background-color:#d4d4d8;border-radius:999px}.thin-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#a1a1aa}.thin-scrollbar{scrollbar-width:thin;scrollbar-color:#d4d4d8 transparent}.css-13cymwt-control,.css-16xfy0z-control,.css-t3ipsp-control{height:37.34px!important;box-shadow:none!important;min-height:37.34px!important;max-height:37.34px!important;border-radius:.375rem!important;border:1px solid #d1d5db!important;transition:border-color .15s,box-shadow .15s}.css-13cymwt-control:hover,.css-16xfy0z-control:hover,.css-t3ipsp-control:hover{border-color:var(--primary-color)!important}.css-t3ipsp-control{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #5856d626!important}.css-16xfy0z-control[aria-disabled=true]{opacity:1;background-color:#e9ecef}.dark .css-13cymwt-control,.dark .css-16xfy0z-control,.dark .css-t3ipsp-control{background-color:hsl(var(--background))!important;border-color:hsl(var(--border))!important}.dark .css-16xfy0z-control[aria-disabled=true]{background-color:hsl(var(--muted))!important}.css-hlgwow{padding:6px 12px!important}.css-1jqq78o-placeholder{margin-left:0!important;font-size:1rem!important}.css-19bb58m,.css-1mkvw8y,.css-1cfo1cf{margin:0!important;padding:0!important}@keyframes swal-pop-in{0%{opacity:0;transform:translateY(14px) scale(.9)}60%{opacity:1;transform:translateY(-2px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes swal-pop-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.94)}}@keyframes swal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes swal-icon-pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}@keyframes swal-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes swal-toast-in{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes swal-toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.96)}}div:where(.swal2-popup){font-family:Figtree,sans-serif!important;border-radius:1.25rem!important;box-shadow:0 24px 60px -12px #0f172a40!important}.dark div:where(.swal2-popup){background:hsl(var(--card))!important;color:hsl(var(--card-foreground))!important}div:where(.swal2-container){-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}div:where(.swal2-popup).swal-anim-in{animation:swal-pop-in .38s cubic-bezier(.34,1.56,.64,1) both!important}div:where(.swal2-popup).swal-anim-out{animation:swal-pop-out .2s ease-in both!important}div:where(.swal2-container).swal-backdrop-in{animation:swal-backdrop-in .25s ease-out both}div:where(.swal2-popup.swal2-toast).swal-toast-anim-in{animation:swal-toast-in .3s cubic-bezier(.34,1.56,.64,1) both!important}div:where(.swal2-popup.swal2-toast).swal-toast-anim-out{animation:swal-toast-out .2s ease-in both!important}div:where(.swal2-icon){width:80px!important;height:80px!important;border-width:0!important;margin:1.75rem auto .75rem!important;animation:swal-icon-pop .45s .08s cubic-bezier(.34,1.56,.64,1) both}div:where(.swal2-icon.swal2-error){animation:swal-icon-pop .45s .08s cubic-bezier(.34,1.56,.64,1) both,swal-shake .5s .5s ease-in-out both}div:where(.swal2-icon.swal2-success){background:#22c55e!important;box-shadow:0 10px 24px -8px #22c55e8c!important}div:where(.swal2-icon.swal2-success) .swal2-success-ring,div:where(.swal2-icon.swal2-success) .swal2-success-fix,div:where(.swal2-icon.swal2-success) [class^=swal2-success-circular-line]{display:none!important}div:where(.swal2-icon.swal2-success) [class^=swal2-success-line]{background-color:#fff!important;height:.3125em!important}div:where(.swal2-icon.swal2-error){background:#ef4444!important;box-shadow:0 10px 24px -8px #ef44448c!important}div:where(.swal2-icon.swal2-error) [class^=swal2-x-mark-line]{background-color:#fff!important}div:where(.swal2-icon.swal2-warning){background:#f59e0b!important;color:#fff!important;box-shadow:0 10px 24px -8px #f59e0b8c!important}div:where(.swal2-icon.swal2-info){background:#3b82f6!important;color:#fff!important;box-shadow:0 10px 24px -8px #3b82f68c!important}div:where(.swal2-icon.swal2-question){background:#6366f1!important;color:#fff!important;box-shadow:0 10px 24px -8px #6366f18c!important}div:where(.swal2-container) h2:where(.swal2-title){font-size:22px!important;font-weight:700!important;color:#1e293b!important}.dark div:where(.swal2-container) h2:where(.swal2-title){color:#f1f5f9!important}div:where(.swal2-container) div:where(.swal2-html-container){font-size:15px!important;color:#64748b!important}.dark div:where(.swal2-container) div:where(.swal2-html-container){color:#94a3b8!important}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel),div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){font-size:14px!important;font-weight:600!important;box-shadow:none!important;border-radius:.75rem!important;padding:.6rem 1.4rem!important;transition:transform .15s ease,filter .15s ease!important}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover,div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover{filter:brightness(1.08);transform:translateY(-1px)}div:where(.swal2-timer-progress-bar){background:linear-gradient(90deg,var(--secondary-color),var(--primary-color))!important;height:4px!important}div:where(.swal2-popup.swal2-toast){border-radius:1rem!important;box-shadow:0 12px 30px -8px #0f172a40!important}@keyframes dropdown-pop-in{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.dropdown-content-anim[data-state=open]{animation:dropdown-pop-in .16s cubic-bezier(.16,1,.3,1) both}.wrapper{width:100%;display:flex;align-items:stretch}#sidebar{height:100vh;display:flex;position:fixed;width:280px;max-width:280px;min-width:280px;background:hsl(var(--card));flex-direction:column;border-right:1px solid hsl(var(--border));transition:width .3s cubic-bezier(.16,1,.3,1),min-width .3s cubic-bezier(.16,1,.3,1),max-width .3s cubic-bezier(.16,1,.3,1),margin-left .3s cubic-bezier(.16,1,.3,1),left .3s cubic-bezier(.16,1,.3,1),background-color .2s ease-in-out;overflow:hidden;z-index:1040}.sidebar-backdrop{inset:0;opacity:0;z-index:1040;position:fixed;visibility:hidden;transition:all .3s ease-in-out;background:#00000080}.sidebar-backdrop.show{opacity:1;visibility:visible}.main{width:100%;display:flex;overflow:hidden;min-height:100vh;flex-direction:column;transition:all .35s ease-in-out;background:hsl(var(--background))}.sidebar-logo{height:68px;flex-shrink:0;max-height:68px;min-height:68px;padding-left:1.125rem;padding-right:1.125rem;border-bottom:1px solid hsl(var(--border));display:flex;align-items:center;background:hsl(var(--card));transition:background-color .2s ease}.sidebar-logo-img{height:38px;width:auto;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.05));transition:transform .25s cubic-bezier(.16,1,.3,1)}.sidebar-logo:hover .sidebar-logo-img{transform:scale(1.04)}.sidebar-nav{flex:1;padding:.875rem .75rem 1.5rem;display:flex;overflow-y:auto;overflow-x:hidden;flex-direction:column;scrollbar-width:thin;scrollbar-color:transparent transparent}.sidebar-nav:hover{scrollbar-color:rgba(148,163,184,.35) transparent}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px;transition:background .2s ease}.sidebar-nav:hover::-webkit-scrollbar-thumb{background:#94a3b859}.dark .sidebar-nav:hover::-webkit-scrollbar-thumb{background:#71717a59}.sidebar-item{display:flex;align-items:center;padding:.525rem .75rem;border-radius:.625rem;background-color:transparent;color:#3f3f46;font-weight:500;font-size:.85rem;text-decoration:none;cursor:pointer;position:relative;transition:all .2s cubic-bezier(.16,1,.3,1);border:1px solid transparent;width:100%;-webkit-user-select:none;user-select:none;outline:none}.sidebar-item:hover:not(.active){background-color:#f4f4f5;color:#09090b;transform:translate(3px)}.dark .sidebar-item{color:#d4d4d8}.dark .sidebar-item:hover:not(.active){background-color:#ffffff0d;color:#fff;transform:translate(3px)}.sidebar-item.active{background:linear-gradient(90deg,#5856d61f,#5856d60a)!important;color:#5856d6!important;font-weight:600;border-color:#5856d62e;box-shadow:0 1px 3px #5856d614}.dark .sidebar-item.active{background:linear-gradient(90deg,#5856d638,#5856d614)!important;color:#a5a6f6!important;border-color:#a5a6f640}.sidebar-item.active:before{content:"";position:absolute;left:-4px;top:20%;bottom:20%;width:3.5px;background:#5856d6;border-radius:0 4px 4px 0;box-shadow:0 0 8px #5856d673}.dark .sidebar-item.active:before{background:#a5a6f6;box-shadow:0 0 8px #a5a6f699}.sidebar-item.has-active-child:not(.active){color:#4338ca;font-weight:600}.dark .sidebar-item.has-active-child:not(.active){color:#c7d2fe}.sidebar-icon-wrap{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;margin-right:.65rem;flex-shrink:0;color:#71717a;background-color:transparent;transition:all .2s cubic-bezier(.16,1,.3,1)}.sidebar-item:hover .sidebar-icon-wrap{color:#5856d6;background-color:#5856d614;transform:scale(1.08)}.sidebar-item.active .sidebar-icon-wrap{color:#fff;background-color:#5856d6;box-shadow:0 2px 6px #5856d659;transform:scale(1.04)}.dark .sidebar-icon-wrap{color:#a1a1aa}.dark .sidebar-item:hover .sidebar-icon-wrap{color:#a5a6f6;background-color:#a5a6f61f}.dark .sidebar-item.active .sidebar-icon-wrap{color:#fff;background-color:#5856d6;box-shadow:0 2px 8px #5856d680}.sidebar-chevron-wrap{margin-left:auto;display:flex;align-items:center;justify-content:center;color:#a1a1aa;transition:transform .25s cubic-bezier(.16,1,.3,1),color .15s ease}.sidebar-item:hover .sidebar-chevron-wrap{color:#52525b;transform:translate(1px)}.sidebar-item.is-open .sidebar-chevron-wrap{transform:rotate(90deg);color:#5856d6}.sidebar-item:hover.is-open .sidebar-chevron-wrap{transform:rotate(90deg) translate(1px)}.dark .sidebar-chevron-wrap{color:#71717a}.dark .sidebar-item:hover .sidebar-chevron-wrap{color:#e4e4e7}.dark .sidebar-item.is-open .sidebar-chevron-wrap{color:#a5a6f6}.sidebar-dropdown{position:relative}.sidebar-submenu-container{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s cubic-bezier(.16,1,.3,1)}.sidebar-submenu-container.open{grid-template-rows:1fr}.sidebar-submenu{overflow:hidden}.sidebar-submenu-inner{margin:.2rem 0 .35rem 1.45rem;border-left:2px solid #e4e4e7;padding:.25rem 0 .25rem .65rem;display:flex;flex-direction:column;gap:.2rem}.dark .sidebar-submenu-inner{border-left-color:#27272a}.sidebar-group-items{display:flex;flex-direction:column;gap:.25rem;margin:.15rem 0}.sidebar-subitem{display:flex;align-items:center;padding:.45rem .65rem;border-radius:.5rem;color:#52525b;font-size:.835rem;font-weight:450;cursor:pointer;text-decoration:none;position:relative;transition:all .2s cubic-bezier(.16,1,.3,1);border:1px solid transparent}.sidebar-subitem:hover:not(.active){background-color:#f4f4f5;color:#09090b;transform:translate(3px)}.dark .sidebar-subitem{color:#a1a1aa}.dark .sidebar-subitem:hover:not(.active){background-color:#ffffff0d;color:#fff;transform:translate(3px)}.sidebar-subitem.active{background:#5856d61a!important;color:#5856d6!important;font-weight:600;border-color:#5856d626}.dark .sidebar-subitem.active{background:#5856d62e!important;color:#a5a6f6!important;border-color:#a5a6f633}.sidebar-section{margin-top:1.125rem;display:flex;flex-direction:column}.sidebar-section-divider{height:1px;background:linear-gradient(90deg,#e4e4e7e6,#e4e4e71a);margin:.5rem}.dark .sidebar-section-divider{background:linear-gradient(90deg,#3f3f46b3,#3f3f461a)}.sidebar-section-label{display:flex;align-items:center;gap:.45rem;padding:.35rem .65rem;font-size:.6875rem;font-weight:700;letter-spacing:.085em;text-transform:uppercase;color:#94a3b8;-webkit-user-select:none;user-select:none;margin-bottom:.25rem}.dark .sidebar-section-label{color:#71717a}.sidebar-section-icon{font-size:.75rem;opacity:.6}.sidebar-footer{flex-shrink:0;padding:.75rem .875rem;border-top:1px solid hsl(var(--border));background:hsl(var(--card));transition:background-color .2s ease}.content{flex:1;width:100%;max-width:100%;overflow-x:hidden}.dashboard-welcome{min-height:140px;background:linear-gradient(120deg,#0f3d63,#2f7fbf 65%,#3f8fd6);box-shadow:0 12px 30px -12px #0f3d6373}.dashboard-welcome>.position-relative{z-index:1}.dashboard-welcome:before{content:"";position:absolute;z-index:0;pointer-events:none;width:260px;height:260px;right:-140px;top:-120px;border-radius:9999px;background:#ffffff29}.dashboard-welcome:after{content:"";position:absolute;z-index:0;pointer-events:none;width:180px;height:180px;right:-40px;top:-30px;border-radius:9999px;background:#ffffff1a}.dashboard-welcome-subtitle{color:#ffffffd1;font-size:.875rem;font-weight:500}.dashboard-welcome-title{color:#fff;font-size:clamp(1.25rem,4vw + .5rem,1.75rem);font-weight:700;line-height:1.2}.dashboard-welcome-date{color:#ffffffb8;font-size:.85rem;font-weight:500}.dashboard-welcome-avatar{width:48px;height:48px;background:#ffffff24;border:1px solid rgba(255,255,255,.18);color:#fff;box-shadow:0 0 0 4px #ffffff14}@media(max-width:480px){.dashboard-welcome-avatar{width:40px;height:40px}}section#dashboard .head .title,section#company .head .title,section#parentCompany .head .title,section#division .head .title,section#position .head .title,section#religion .head .title,section#maritalStatus .head .title,section#educationLevel .head .title,section#departement .head .title,section#role .head .title,section#user .head .title,section#employee .head .title,section#employeeStatus .head .title,section#employeeHierarchy .head .title,section#employeeContract .head .title,section#allowances .head .title,section#deductions .head .title,section#allowanceTypes .head .title,section#deductionTypes .head .title,section#employeeAllowances .head .title,section#employeeDeductions .head .title,section#calculateSalary .head .title,section#calculateSalaryPeriod .head .title,section#employeeSalaryHistory .head .title{font-weight:600;font-size:1.5rem;margin-bottom:.25rem}section#dashboard .head .subtitle,section#company .head .subtitle,section#parentCompany .head .subtitle,section#division .head .subtitle,section#position .head .subtitle,section#religion .head .subtitle,section#maritalStatus .head .subtitle,section#educationLevel .head .subtitle,section#departement .head .subtitle,section#role .head .subtitle,section#user .head .subtitle,section#employee .head .subtitle,section#employeeStatus .head .subtitle,section#employeeHierarchy .head .subtitle,section#employeeContract .head .subtitle,section#allowances .head .subtitle,section#deductions .head .subtitle,section#allowanceTypes .head .subtitle,section#deductionTypes .head .subtitle,section#employeeAllowances .head .subtitle,section#employeeDeductions .head .subtitle,section#calculateSalary .head .subtitle,section#calculateSalaryPeriod .head .subtitle,section#employeeSalaryHistory .head .subtitle{color:#4b5563;margin-bottom:0;font-size:.875rem}.dark section#dashboard .head .subtitle,.dark section#company .head .subtitle,.dark section#parentCompany .head .subtitle,.dark section#division .head .subtitle,.dark section#position .head .subtitle,.dark section#religion .head .subtitle,.dark section#maritalStatus .head .subtitle,.dark section#educationLevel .head .subtitle,.dark section#departement .head .subtitle,.dark section#role .head .subtitle,.dark section#user .head .subtitle,.dark section#employee .head .subtitle,.dark section#employeeStatus .head .subtitle,.dark section#employeeHierarchy .head .subtitle,.dark section#employeeContract .head .subtitle,.dark section#allowances .head .subtitle,.dark section#deductions .head .subtitle,.dark section#allowanceTypes .head .subtitle,.dark section#deductionTypes .head .subtitle,.dark section#employeeAllowances .head .subtitle,.dark section#employeeDeductions .head .subtitle,.dark section#calculateSalary .head .subtitle,.dark section#calculateSalaryPeriod .head .subtitle,.dark section#employeeSalaryHistory .head .subtitle{color:#a1a1aa}@media(min-width:992px){.content{width:auto}.main{margin-left:280px;transition:margin-left .3s cubic-bezier(.16,1,.3,1)}#sidebar.collapsed{margin-left:0;width:72px;min-width:72px;max-width:72px}#sidebar.collapsed~.main{margin-left:72px}#sidebar.collapsed .sidebar-logo{padding:0;justify-content:center}#sidebar.collapsed .sidebar-logo-expanded{display:none!important}#sidebar.collapsed .sidebar-logo-collapsed{display:flex!important}#sidebar.collapsed .sidebar-nav{padding:.75rem .375rem;align-items:center;overflow-x:visible}#sidebar.collapsed .sidebar-group-items{align-items:center;width:100%}#sidebar.collapsed .sidebar-item{width:44px;height:44px;min-height:44px;padding:0;justify-content:center;margin:0 auto;border-radius:.75rem;transform:none!important}#sidebar.collapsed .sidebar-item span.truncate,#sidebar.collapsed .sidebar-item .sidebar-chevron-wrap{display:none!important}#sidebar.collapsed .sidebar-item .sidebar-icon-wrap{margin-right:0;width:100%;height:100%}#sidebar.collapsed .sidebar-item.active:before{display:none!important}#sidebar.collapsed .sidebar-section{margin-top:.75rem;align-items:center;width:100%}#sidebar.collapsed .sidebar-section-label{display:none!important}#sidebar.collapsed .sidebar-section-divider{width:28px;margin:.375rem auto}#sidebar.collapsed .sidebar-submenu-container{display:none!important}#sidebar.collapsed .sidebar-footer{padding:.625rem .375rem;display:flex;justify-content:center}#sidebar.collapsed .sidebar-footer-expanded{display:none!important}#sidebar.collapsed .sidebar-footer-collapsed{display:flex!important}.sidebar-backdrop{display:none!important}}.swal2-container{z-index:100000!important}@media(max-width:991.9px){#sidebar{top:0;left:-280px;height:100%;z-index:1050;position:fixed;transition:left .3s cubic-bezier(.4,0,.2,1)}#sidebar.open{left:0}.sidebar-backdrop{display:block}.main{margin-left:0}}.btn-link-reset{text-decoration:none}.btn-link-reset:not([class*=text-]){color:inherit}.btn-link-reset:hover,.btn-link-reset:focus,.btn-link-reset:visited,.btn-link-reset:active{text-decoration:none}.btn-link-reset.text-primary-foreground,.btn-link-reset.text-primary-foreground:hover{color:hsl(var(--primary-foreground))}.btn-link-reset.text-destructive-foreground,.btn-link-reset.text-destructive-foreground:hover{color:hsl(var(--destructive-foreground))}.btn-link-reset.text-secondary-foreground,.btn-link-reset.text-secondary-foreground:hover{color:hsl(var(--secondary-foreground))}.tox.tox-tinymce{border-radius:.75rem!important;border:1px solid #e2e8f0!important;overflow:hidden}.dark .tox.tox-tinymce{border-color:#3f3f46!important;background-color:#18181b!important}.dark .tox .tox-toolbar,.dark .tox .tox-toolbar__primary,.dark .tox .tox-toolbar__overflow{background-color:#27272a!important;border-bottom:1px solid #3f3f46!important}.dark .tox .tox-tbtn{color:#e4e4e7!important}.dark .tox .tox-tbtn svg{fill:#e4e4e7!important}.dark .tox .tox-tbtn:hover{background-color:#3f3f46!important}.dark .tox .tox-edit-area__iframe{background-color:#18181b!important}
