@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Monoton:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.dataTable .dataGrid{background:#fff;padding:20px;border-radius:20px;margin:0 20px 20px}.dataTable .dataGrid .MuiDataGrid-toolbarContainer{flex-direction:row-reverse}.dataTable .dataGrid img{width:32px;height:32px;border-radius:50%;object-fit:cover}.dataTable .dataGrid .action{display:flex;gap:15px}.dataTable .dataGrid .action img{width:20px;height:20px;cursor:pointer}.dataTable .view{color:#0000ff7e}.dataTable .delete{color:red}.bold-row{font-weight:700}.payslip-container{font-family:Arial,sans-serif;max-width:800px;margin:auto}.payslip-page{page-break-before:always;page-break-after:always}.payslip{border:1px solid #ccc;padding:20px;margin-bottom:20px}@media print{.payslip-page{overflow:hidden;page-break-inside:avoid;page-break-after:always;page-break-before:always}.payslip{padding:10mm;margin:0;width:100%;height:287mm;box-sizing:border-box}body{-webkit-print-color-adjust:exact;margin:0}}.button-group .ant-btn{margin-right:10px;margin-bottom:20px}.button-group .ant-btn:last-child{margin-right:0}@media (max-width: 768px){.tools .button-group{display:none}.tools .dropdown-menu{display:block}}@media (min-width: 769px){.tools .button-group{display:flex}.tools .dropdown-menu{display:none}}.loader-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#fffc;z-index:9999}*{margin:0;padding:0;outline:none;border:none;list-style:none;box-sizing:border-box;font-family:Poppins,sans-serif}.sidebar{color:#fff}.logo{display:flex;align-items:center;justify-content:center;color:#fff;padding:10px}.logo-icon{width:90px;height:90px;display:flex;margin-left:170px;margin-top:20px;align-items:center;justify-content:center;font-size:1.5rem;border-radius:50%;background:#fff;transform:translate(-50%) rotate(360deg)}.logo-icon:hover{transform:translate(-50%) rotate(180deg) scale(1.1);box-shadow:0 0 15px #0003}.ant-layout-sider-collapsed .logo-icon{width:50px;height:50px;margin-left:35px}@keyframes float{0%{transform:translate(-50%) rotate(180deg) translateY(0)}50%{transform:translate(-50%) rotate(-360deg) translateY(-10px)}to{transform:translate(-50%) rotate(180deg) translateY(0)}}.logo-iconny{display:flex;align-items:center;justify-content:center;font-size:1.5rem;border-radius:50%;width:50px;height:auto;transition:width .3s ease}.logo-icony{display:flex;align-items:center;justify-content:center;font-size:1.5rem;border-radius:50%;width:200px;height:auto;transition:width .3s ease}.header-text{transition:font-size .3s ease,margin-left .3s ease;white-space:nowrap;max-width:200px;font-size:11px!important}@media (max-width: 768px){.logo-icon{width:40px;height:40px;border-radius:50%;margin-left:40px}.ant-layout-sider-collapsed .logo-icon{width:30px;height:30px}.logo-icony{width:30px;height:30px;border-radius:50%}.header-text{overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;font-size:9px!important}}.menu-bar{min-height:100vh;margin-top:2rem;display:flex;flex-direction:column;gap:15px;font-size:1rem;position:relative;border-radius:20px}.toggle-theme-btn{position:absolute;bottom:30px;left:20px;display:flex;align-items:center;justify-content:center;font-size:1rem}.toogle{margin-left:15px}.ant-layout{min-height:100vh!important}.ant-layout-sider{flex:0 0 350px!important;max-width:350px!important;min-width:350px!important;width:350px!important}.ant-layout-sider-collapsed{flex:0 0 80px!important;max-width:80px!important;min-width:80px!important;width:80px!important}main{overflow-y:auto}.ant-layout-header h5{color:red!important}header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:8px;--color: #0a6672}header .search-bar{position:relative;width:25%;display:flex;align-items:center}header .search-bar input{padding:8px 16px;border:1px solid rgb(82,82,82);border-radius:100px;flex:1;background-color:transparent;font-size:16px}header .search-bar input:focus::placeholder{color:var(--color)}header .search-bar input:focus{outline:none;border:1px solid var(--color)}header .search-bar .icon{position:absolute;right:8px;font-size:18px;color:#525252}header .search-bar input:focus~.icon{color:var(--color)}.header .tools{position:relative;display:flex;align-items:center;gap:12px;top:10px}header .tools .icon{color:#525252;font-size:20px;cursor:pointer}.header .tools :hover{color:var(--color)}.header .tools .divider{background-color:var(--color);width:1px;border-radius:100px;align-self:stretch;height:50px}.header .tools .user:active{scale:.97}.header.dark input{color:#fff}.header .tools .user .profile-img{height:30px;border-radius:50%;position:relative;right:10px;border:1px solid var(--color);background-color:#d3d3d3;cursor:pointer;aspect-ratio:1}.head{padding:0;box-shadow:0 2px 8px #0f0d0d26;transition:all .3s ease;transform:translateY(-2px)}.head:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background-color:#dde1e4}.head:hover{transform:translateY(-4px);box-shadow:0 4px 12px #1b1a1a33}.head:hover:after{height:5px;background-color:#40a9ff}.menu-bar:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0003}.menu-bar:hover:after{height:3px}.menu-bar .ant-menu-item{transition:all .3s ease}.menu-bar .ant-menu-item:hover{background-color:#ffffff1a;transform:translate(5px)}.menu-bar .ant-menu-item-selected,.menu-bar .ant-menu-item-selected:hover{background-color:#1890ff;transform:translate(5px)}.menu-bar .ant-menu-item:hover .ant-menu-title-content,.menu-bar .ant-menu-item:hover .anticon{color:#fff}.ant-btn{transition:all .3s ease}.ant-btn:hover,.ant-btn:focus{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.ant-btn-primary{background-color:#1890ff;border-color:#1890ff}.ant-btn-primary:hover,.ant-btn-primary:focus{background-color:#40a9ff;border-color:#40a9ff}.ant-btn-default:hover,.ant-btn-default:focus{border-color:#40a9ff;color:#40a9ff}.ant-btn-dashed:hover,.ant-btn-dashed:focus{border-color:#40a9ff;color:#40a9ff}.ant-btn-text:hover,.ant-btn-text:focus{background-color:#00000005;color:#40a9ff}.ant-btn-link:hover,.ant-btn-link:focus{color:#40a9ff}.error-list{color:red}