body{overflow-x:hidden}.hrms-dashboard-sidebar{position:fixed;top:64px;left:0;width:250px;height:calc(100vh - 64px);background:linear-gradient(180deg,#6779a3,#0ea5a4);padding-top:16px;overflow:hidden;transition:all .3s ease;z-index:999}.ant-menu-dark{background:transparent!important}.hrms-dashboard-sidebar .ant-menu{height:100%;overflow-y:auto;overflow-x:hidden;padding-bottom:24px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.4) transparent}.hrms-dashboard-sidebar .ant-menu-submenu-open>.ant-menu-submenu-title{background:linear-gradient(90deg,#06b6d4,#0ea5a4)!important;border-radius:8px;box-shadow:0 0 14px #06b6d499;font-weight:600}.ant-menu-dark .ant-menu-submenu-title{background:transparent!important}.hrms-dashboard-sidebar .ant-menu-submenu-title:hover,.hrms-dashboard-sidebar .ant-menu-submenu-title:hover span,.hrms-dashboard-sidebar .ant-menu-submenu-title:hover .anticon{color:#fff!important}.hrms-dashboard-sidebar .ant-menu-submenu-open>.ant-menu-submenu-title,.hrms-dashboard-sidebar .ant-menu-submenu-open>.ant-menu-submenu-title span,.hrms-dashboard-sidebar .ant-menu-submenu-open>.ant-menu-submenu-title .anticon{color:#fff!important}.hrms-dashboard-sidebar .ant-menu::-webkit-scrollbar{width:5px}.hrms-dashboard-sidebar .ant-menu::-webkit-scrollbar-track{background:transparent}.hrms-dashboard-sidebar .ant-menu::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:4px}.hrms-dashboard-sidebar .ant-menu::-webkit-scrollbar-thumb:hover{background:#ffffff8c}.ant-menu-item,.ant-menu-submenu-title{transition:all .25s ease}.ant-menu-dark .ant-menu-item:hover,.ant-menu-dark .ant-menu-submenu-title:hover{background-color:#ffffff26!important}.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title{background-color:#3b353540!important;font-weight:600}.ant-menu-dark .ant-menu-item-selected{background-color:#ffffff59!important;font-weight:600}.ant-menu-dark .ant-menu-item-selected svg,.ant-menu-dark .ant-menu-submenu-open svg{color:#fff!important}.ant-menu-submenu .ant-menu-item{padding-left:48px!important}.hrms-dashboard-sidebar .ant-menu-submenu-title:hover{background:linear-gradient(90deg,#06b6d4,#0ea5a4)!important;border-radius:8px;box-shadow:0 4px 12px #06b6d473}@media(max-width:1024px){.hrms-dashboard-sidebar{width:200px}.ant-menu-item,.ant-menu-submenu-title{font-size:14px;padding:0 16px!important}.ant-menu-submenu .ant-menu-item{padding-left:40px!important}.ant-menu-item:hover,.ant-menu-submenu-title:hover{padding-left:24px!important}}@media(max-width:768px){.hrms-dashboard-sidebar{left:-250px;width:220px}.hrms-dashboard-sidebar.active{left:0}.hrms-dashboard-sidebar .ant-menu{height:calc(100vh - 64px)}.ant-menu-item,.ant-menu-submenu-title{font-size:13px;padding:0 14px!important;min-height:44px;line-height:44px}.ant-menu-submenu .ant-menu-item{padding-left:36px!important}}@media(max-width:480px){.ant-menu-item,.ant-menu-submenu-title{font-size:12px}}.hrms-dashboard-navbar{height:60px;width:100%;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 2px 6px #0000000d;position:sticky;top:0;z-index:999}.hrms-dashboard-navbar-left{display:flex;align-items:center;gap:10px}.navbar-menu-icon{font-size:26px;cursor:pointer}.navbar-logo{height:35px;width:auto;object-fit:contain;cursor:pointer}.navbar-search{width:220px}.navbar-bell{font-size:20px;cursor:pointer;display:flex;align-items:center}.navbar-avatar{cursor:pointer;display:flex;align-items:center}.notifications-dropdown,.user-dropdown{background:#fff;border:1px solid #e0e0e0;box-shadow:0 4px 12px #00000026;border-radius:6px;min-width:200px;max-height:300px;overflow-y:auto;padding:5px 0;z-index:1000}.notification-item,.user-item{padding:8px 16px;cursor:pointer;transition:background .2s}.notification-item:hover,.user-item:hover{background:#f0f0f0}@media(max-width:768px){.hrms-dashboard-navbar{padding:0 12px}.navbar-search{width:150px!important}.navbar-logo{height:32px}}@media(max-width:480px){.hrms-dashboard-navbar{padding:0 10px}.navbar-logo{height:30px}.hrms-dashboard-navbar-right{gap:10px}.navbar-search{display:block!important;width:120px!important}.navbar-menu-icon{font-size:24px}.notification-item,.user-item{padding:10px 16px}}.navbar-menu-icon{font-size:26px;cursor:pointer;display:none}@media(max-width:1024px){.navbar-menu-icon{display:block}}.leave-main-container{max-width:900px;margin:-40px auto 0;padding:24px;background:#fff}.form-title{font-size:20px;font-weight:600;margin-bottom:20px;color:#1f2937;text-align:center}.ant-form{background:#fafafa;padding:24px;border-radius:10px;box-shadow:0 4px 14px #0000000d}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ant-form-item-label>label{font-weight:500}.ant-input,.ant-select-selector,.ant-picker{width:100%;height:40px;border-radius:6px!important}.leave-days-info{margin-bottom:16px;font-weight:500;color:#1677ff}.mobile-input{width:100%}.mobile-input .country-code{width:50px!important;text-align:center;padding:0}.mobile-input .ant-input:not(.country-code){flex:1}.mobile-input .ant-input:first-child{width:70px;text-align:center}.action-btns{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;margin-left:700px}.action-btns button{min-width:110px;height:40px}.ant-menu-dark .ant-menu-sub{background:linear-gradient(180deg,#0ea5a4,#0f766e)!important}@media(max-width:992px){.leave-main-container{padding:16px}.ant-form{padding:20px}}@media(max-width:768px){.two-col{grid-template-columns:1fr}.leave-main-container{padding:12px}.action-btns{flex-direction:column}.action-btns button{width:100%}}@media(max-width:480px){.ant-form{padding:14px}.ant-input,.ant-select-selector,.ant-picker{height:38px}}.history-container{background:#fff;padding:24px;border-radius:8px;margin-top:-40px}.leave-table{background:#fff;border-radius:8px}.ant-table{border-radius:8px}.ant-table-thead>tr>th{background:#f3f4f6!important;font-weight:600;text-align:center}.ant-table-tbody>tr>td{text-align:center;white-space:nowrap}.ant-tag{font-size:14px;padding:4px 12px;line-height:20px;font-weight:600}.ant-table-tbody td:nth-child(5){font-weight:600}@media(max-width:1024px){.history-container{padding:16px}.ant-table{font-size:13px}}@media(max-width:768px){.history-container{padding:12px}.ant-table-thead{display:none}.ant-table-tbody>tr{display:block;margin-bottom:14px;background:#fafafa;border-radius:10px;padding:14px;text-align:center}.ant-table-tbody>tr>td{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px 0;border:none;white-space:normal}.ant-table-tbody>tr>td:before{content:attr(data-label);font-size:12px;font-weight:600;color:#6b7280;margin-bottom:6px}.ant-tag{font-size:15px;padding:6px 16px;line-height:22px}}.leave-page-container{width:100%;padding:20px 40px;box-sizing:border-box;background:#f9fafb;min-height:100vh}.ant-tabs-content-holder{background:#fff;padding:20px 30px;border-radius:8px}.leave-page-container .ant-tabs-tab{font-size:16px;font-weight:600;padding:10px 25px!important}.leave-page-container .ant-tabs-tab-active .ant-tabs-tab-btn{color:#1677ff!important}.leave-page-container .ant-tabs-content-holder{margin-top:10px}@media(max-width:1024px){.leave-page-container{margin-left:200px;width:calc(100% - 200px)}}@media(max-width:768px){.leave-page-container{margin-left:0;margin-top:65px;width:100%;padding:20px}.leave-page-container .ant-tabs-tab{padding:8px 14px!important;font-size:14px}}.leave-page-container{margin-left:250px;margin-top:80px;width:calc(100% - 250px);min-height:calc(100vh - 80px);background:#fff;padding:0;box-sizing:border-box}.leave-tabs-header{background:#f7f9fb;border-bottom:1px solid #e6e6e6;padding:10px 0}.leave-content-body{padding:30px 50px}.leave-page-container,.ant-tabs-content-holder{overflow:visible!important}.ant-picker-dropdown{z-index:999999!important}.leave-balance-wrapper{padding:20px;margin-left:250px;margin-top:80px;box-sizing:border-box;min-height:calc(100vh - 80px);background:#f5f7fa}.leave-balance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.leave-balance-header h2{margin:0;font-size:20px;font-weight:600}.leave-balance-actions{display:flex;gap:10px;flex-wrap:wrap}.leave-balance-actions .ant-select,.leave-balance-actions .ant-btn{min-width:120px}.leave-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;margin-bottom:30px}.leave-card{border-radius:10px;box-shadow:0 4px 10px #0000000f}.leave-card-header{display:flex;justify-content:space-between;font-weight:600;margin-bottom:8px}.leave-card-footer{font-size:13px;color:#555;margin-top:6px;text-align:center}.leave-card .ant-progress{margin-top:8px}@media(max-width:1024px){.leave-balance-wrapper{margin-left:200px;margin-top:70px;padding:16px}.leave-balance-header h2{font-size:18px}}@media(max-width:768px){.leave-balance-wrapper{margin-left:0;margin-top:60px;padding:12px}.leave-balance-header{flex-direction:column;align-items:flex-start}.leave-balance-actions,.leave-balance-actions .ant-select,.leave-balance-actions .ant-btn{width:100%}.leave-cards-grid{grid-template-columns:1fr}}@media(max-width:480px){.leave-balance-header h2{font-size:16px}.leave-card-header{font-size:14px}.leave-card-footer{font-size:12px}}.leave-calendar-page{display:flex;flex-direction:column;gap:25px;padding:20px;margin-left:240px;margin-top:50px;box-sizing:border-box}.calendar-card{border:1px solid #d9d9d9;border-radius:8px;padding:16px 16px 25px;position:relative;background:#fff}.calendar-title{font-size:16px;font-weight:600;margin-bottom:12px}.calendar-badges{display:flex;flex-direction:column}.leave-badge{margin-right:4px}.holiday-item{margin-top:2px;display:flex;align-items:center}.holiday-dot{margin-right:4px}.holiday-text{font-size:10px;color:#722ed1}.calendar-legend{position:absolute;bottom:4px;left:16px;display:flex;gap:36px;align-items:center;font-size:12px;background:#fffffff2;padding:6px 10px;border-radius:6px;border:1px solid #d9d9d9}.calendar-legend-item{display:flex;align-items:center;gap:8px}.calendar-legend-badge{width:10px;height:10px;border-radius:50%}.calendar-legend-badge.blue{background:#1890ff}.calendar-legend-badge.yellow{background:#fae314}.calendar-legend-badge.purple{background:#722ed1}.calendar-legend-badge.grey{background:#8a888d}.calendar-legend-badge.orange{background:#f8c76c}.details-card{border:1px solid #d9d9d9;border-radius:8px;padding:16px;background:#fff;margin-top:10px}.details-title{text-align:center;font-weight:600;margin-bottom:12px}@media(max-width:1024px){.leave-calendar-page{margin-left:200px;margin-top:70px;padding:15px}.calendar-card,.details-card{padding:12px}.calendar-legend{gap:20px;font-size:11px}}@media(max-width:768px){.leave-calendar-page{margin-left:0;margin-top:60px;padding:10px}.calendar-card,.details-card{padding:10px}.calendar-legend{bottom:8px;left:8px;gap:12px;font-size:10px}.details-card .ant-table-wrapper{overflow-x:auto}}@media(max-width:480px){.calendar-title,.details-title{font-size:14px}.calendar-legend{font-size:9px;gap:8px;padding:4px 6px}}body{background-color:#f0f0f0;margin:0;font-family:Arial,sans-serif}.holiday-calendar-container{padding:24px;margin-left:250px;margin-top:80px;overflow-y:auto;height:calc(100vh - 80px);background-color:#f0f0f0}.holiday-calendar-title{margin-bottom:16px;text-align:center}.holiday-calendar-year-selector{margin-bottom:20px;margin-left:650px;margin-top:-40px}.holiday-calendar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.holiday-calendar-card{width:100%;border:1px solid #ccc;border-radius:6px;padding:12px;background-color:#fff}.no-holidays{color:#888}.holiday-item{margin-bottom:8px}.holiday-date{margin-right:4px}.holiday-name{color:#333}@media(max-width:1024px){.holiday-calendar-container{margin-left:200px;padding:16px}.holiday-calendar-year-selector{margin-left:auto}.holiday-calendar-grid{grid-template-columns:repeat(2,1fr);gap:12px}.holiday-calendar-card{padding:10px}}@media(max-width:768px){.holiday-calendar-container{margin-left:0;padding:12px;height:auto;margin-top:55px}.holiday-calendar-year-selector{margin-left:220px;margin-bottom:16px;margin-top:-38px}.holiday-calendar-grid{grid-template-columns:1fr;gap:10px}.holiday-calendar-card{padding:8px}.holiday-calendar-title{font-size:1.2rem}}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(180deg,#e0f2f1,#fff)}.login-box{background:#fff;padding:40px 32px;border-radius:12px;box-shadow:0 12px 28px #00000026;width:360px;max-width:90%;text-align:center}.login-box h2{margin-bottom:24px;font-weight:700;color:#06b6d4}.login-box .ant-form-item-label>label{font-weight:500}.login-btn{background:linear-gradient(90deg,#06b6d4,#0ea5a4);border:none;border-radius:8px;font-weight:600;transition:all .3s ease}.login-btn:hover{background:linear-gradient(90deg,#0ea5a4,#06b6d4)}.hrms-dashboard-container{display:flex;min-height:100vh;width:100%;background-color:#f4f6f9;overflow:hidden;position:relative}.hrms-dashboard-container:before{content:"RM1 RM1 RM1 RM1 RM1 RM1 RM1 RM1 RM1 RM1";position:fixed;inset:0;display:flex;flex-wrap:wrap;align-content:space-around;justify-content:space-around;font-size:140px;font-weight:900;color:#0000000d;transform:rotate(-25deg);line-height:160px;letter-spacing:30px;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;mix-blend-mode:multiply}.hrms-dashboard-main,.hrms-dashboard-cards,.dashboard-card,.recent-table{position:relative;z-index:2}.hrms-dashboard-main{flex:1;padding:25px;overflow-y:auto;background:transparent!important}.dashboard-heading{font-size:30px;font-weight:700;margin-bottom:30px;color:#333}.hrms-dashboard-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:35px;margin-bottom:55px}.dashboard-card{padding:40px 80px;border-radius:24px;color:#fff;cursor:pointer;transition:transform .25s ease,box-shadow .3s ease;box-shadow:0 6px 24px #0000002e;display:flex;gap:35px;align-items:center;height:200px}.dashboard-card:hover{transform:translateY(-10px);box-shadow:0 18px 32px #00000047}.dashboard-card:active{transform:scale(.95)}.card-icon{font-size:100px;color:#fff!important}.card-icon svg{fill:#fff!important;stroke:#fff!important}.dashboard-card h3{font-size:25px;font-weight:600;margin:0;color:#fff}.card-number{margin-top:10px;font-size:30px;font-weight:700;color:#fff}.card-total{background-color:#5d7896}.card-active{background-color:#6da079}.card-inactive{background-color:#c53c4a}.card-uninformed{background-color:#c5a032}.recent-table{background:#fff;padding:20px;border-radius:40px;box-shadow:0 8px 22px #0003;width:100%;margin-top:60px;overflow-x:auto}.activities-table{width:100%;min-width:600px;border-collapse:separate;border-spacing:0 0px;font-size:22px}.activities-table th{background-color:#f2f4f7;padding:20px;font-weight:600;text-align:left;border-bottom:2px solid #e6e6e6;font-size:20px}.activities-table td{padding:15px;background:#fff;border-bottom:1px solid #ededed;font-size:20px;border-radius:12px}.activities-table tr:hover td{background-color:#f9f9f9;transition:.25s ease}@media(max-width:1024px){.hrms-dashboard-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hrms-dashboard-main{padding:25px}.hrms-dashboard-cards{grid-template-columns:repeat(1,1fr)}.dashboard-card{padding:35px}.card-icon{font-size:60px}.dashboard-card h3{font-size:22px}.card-number{font-size:30px}.recent-table{padding:30px}.activities-table td{padding:18px;font-size:18px}}@media(max-width:480px){.dashboard-card h3{font-size:20px}.card-number{font-size:26px}.card-icon{font-size:45px}.recent-table{padding:20px}.activities-table{min-width:500px}.activities-table td{font-size:16px;padding:12px 10px}}.ant-modal-content{border-radius:10px;background:#fafafa!important}.ant-modal-body{background:#fafafa!important;padding:20px}.employee-form-wrapper{background:#fafafa!important;padding:15px;border-radius:10px}.ant-modal{top:20px}.avatar-upload{text-align:center;background:#fafafa!important}.avatar-upload .ant-avatar{background-color:#87d068;margin-bottom:8px}.avatar-upload .ant-btn{display:block;margin:5px auto}h3{margin-top:20px;font-size:16px;font-weight:600;color:#333}.family-member-box{border:1px solid #ddd;padding:10px;border-radius:6px;margin-bottom:10px;background:#fafafa!important}.family-member-box .ant-btn-danger{text-align:right;float:right;margin-top:10px}@media(min-width:992px){.ant-row{margin-bottom:10px}.ant-col>.ant-form-item{margin-bottom:10px}}@media(min-width:768px)and (max-width:991px){.ant-row,.ant-col{margin-bottom:8px}h3{font-size:15px}}@media(max-width:767px){.ant-modal{width:95%!important;padding:10px}.ant-row{display:flex;flex-direction:column!important;margin-bottom:8px}.ant-col{width:100%!important;margin-bottom:10px}h3{font-size:14px}.avatar-upload .ant-avatar{width:80px;height:80px}.avatar-upload .ant-btn{margin-top:5px;font-size:12px}.family-member-box{padding:8px}}@media(max-width:480px){.family-member-box{padding:10px;width:100%;box-sizing:border-box}.family-member-box .ant-input,.family-member-box .ant-select-selector,.family-member-box .ant-input-number,.family-member-box textarea{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.family-member-box .ant-select,.family-member-box .ant-picker{width:100%!important}.family-member-box .ant-row{margin:0!important}h3{font-size:13px;margin-top:15px}.avatar-upload .ant-avatar{width:65px;height:65px}.avatar-upload .ant-btn{font-size:11px;padding:4px 10px}.ant-col{margin-bottom:8px}.family-member-box .ant-btn-danger{font-size:12px}}@media(max-width:320px){.ant-modal{width:99%!important;padding:3px}.ant-modal-content{border-radius:6px;padding:8px!important;background:#fafafa!important}h3{font-size:12px;margin-top:10px}.avatar-upload .ant-avatar{width:55px;height:55px}.avatar-upload .ant-btn{font-size:10px;padding:3px 8px}.family-member-box{padding:6px;width:100%;max-width:100%;box-sizing:border-box}.family-member-box .ant-input,.family-member-box .ant-select-selector,.family-member-box .ant-picker,.family-member-box textarea,.family-member-box .ant-input-number{width:100%!important;max-width:100%!important;font-size:12px!important}.family-member-box .ant-select{width:100%!important}.family-member-box .ant-col{margin-bottom:6px;padding:0!important}.family-member-box .ant-btn-danger{font-size:11px!important;padding:3px 6px!important}.ant-row{margin-bottom:4px!important;flex-direction:column!important}.ant-col{width:100%!important;margin-bottom:6px!important}.ant-form-item-label>label{font-size:12px}.ant-input,.ant-select-selector,.ant-picker{font-size:12px!important;height:32px!important}textarea{font-size:12px!important}.ant-modal-footer button,button{width:100%;font-size:12px;padding:8px}}.employees-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;width:100%}.employees-header h1{font-size:24px;font-weight:700}.employee-card-grid{display:flex;flex-wrap:wrap;gap:20px}.employee-card{width:calc(33.33% - 20px);min-width:260px;text-align:left;padding:20px;border-radius:30px;box-shadow:0 2px 8px #0000001a;position:relative;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;background:#d8d4d4;cursor:pointer}.employee-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003;background:#e0e0e0}.employee-avatar{display:block;margin:0 auto 12px;transition:transform .3s ease}.employee-card:hover .employee-avatar{transform:scale(1.05)}.employee-name,.employee-id,.employee-status{font-size:14px;margin:6px 0;padding:0;line-height:1.3}.employee-name{font-weight:600}.employee-status{font-weight:500}.employee-badge{margin-bottom:12px}.employee-card-actions{display:flex;justify-content:center;gap:10px;margin-top:12px}.employee-card-arrow{position:absolute;bottom:15px;right:15px;background:linear-gradient(135deg,#1890ff,#40a9ff);color:#fff;border-radius:50%;padding:8px;font-size:16px;transition:transform .3s ease,box-shadow .3s ease}.employee-card-arrow:hover{transform:scale(1.2);box-shadow:0 4px 12px #0003}.gridview{background:#1677ff;color:#fff}@media(max-width:1024px){.employees-header h1{font-size:22px}.employee-card{width:calc(50% - 20px)}}@media(max-width:768px){.employees-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:20px}.employees-header h1{font-size:20px}.employee-card-grid{flex-direction:column;gap:18px}.employee-card{width:100%;padding:25px;border-radius:25px}.employee-avatar{width:70px!important;height:70px!important}.employee-name{font-size:18px}.employee-id{font-size:14px}.employee-card-actions button{padding:8px 14px;font-size:14px}.employee-card-arrow{padding:10px;font-size:18px;bottom:12px;right:12px}}@media(max-width:480px){.employees-header h1{font-size:18px}.employee-card{padding:22px;border-radius:22px}.employee-avatar{width:65px!important;height:65px!important}.gridview{background:#1677ff;color:#fff}.employee-name{font-size:17px}.employee-id{font-size:13px}.employee-card-actions{flex-direction:column;gap:8px}.employee-card-actions button{width:100%}.employee-card-arrow{padding:12px;font-size:20px}.employees-header>div{display:flex;flex-direction:column;width:100%;gap:10px}.employees-header .ant-select,.employees-header button{width:100%!important}}@media(max-width:768px){.employee-card-grid{grid-template-columns:1fr!important;gap:16px}.employee-card{padding:22px;border-radius:24px}.employee-avatar{width:70px!important;height:70px!important}.employee-name{font-size:18px}.employee-id{font-size:14px}.employees-header>div{display:flex;flex-direction:column;width:100%;gap:10px}.employees-header .ant-select,.employees-header button{width:100%!important}.ant-table-wrapper{overflow-x:auto!important}.ant-table{width:900px!important}}@media(max-width:480px){.ant-table{width:1000px!important}}.employee-card .ant-avatar{background-color:#1677ff!important;color:#fff}.employee-card .ant-avatar{display:block;margin-left:auto;margin-right:auto;margin-bottom:12px;background-color:#1677ff!important;color:#fff}.employee-details-container{margin-left:250px;margin-top:64px;padding:24px;box-sizing:border-box;min-height:calc(100vh - 64px);background:#f5fbfb}.employee-details-card{padding:25px;border-radius:12px;background:#fff;box-shadow:0 2px 8px #00000014;margin-top:"1000px"}.employee-header{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;margin-bottom:30px}.employee-avatar{margin-bottom:12px}.edit-button{position:absolute;right:0;top:0}.employee-role{color:#555;text-align:center;font-size:16px}.salary-box{text-align:center;margin-bottom:25px;font-size:20px;font-weight:600}.section-card{margin-bottom:25px;border-radius:10px;border:1px solid #e0e0e0;background:#fafafa;box-shadow:0 1px 4px #0000000d}.family-block{margin-bottom:25px}.details-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.detail-box{flex:1 1 calc(33.333% - 20px);min-width:220px;padding:15px;border-radius:8px;background:#fff;border:1px solid #ddd;box-shadow:0 1px 3px #00000014}.detail-box:hover{box-shadow:0 3px 8px #00000026}.detail-box label{font-weight:600;display:block;margin-bottom:6px;color:#333}.detail-box span{color:#555;display:block}.family-members-list{width:100%}.family-member-card{width:100%;margin-bottom:12px}.family-card{page-break-inside:avoid!important;break-inside:avoid!important;padding:12px!important;border-radius:10px!important;border:1px solid #ddd!important;margin-bottom:12px!important;background:#fff!important}.family-card .details-row{gap:15px;flex-wrap:wrap}.family-card .detail-box{flex:1 1 30%;min-width:180px!important}.family-card label{font-size:12px}.family-card span{font-size:13px;font-weight:600}.download-btn-container{text-align:center;margin-top:30px}.pdf-company-name{margin:0;padding:0;font-size:18px;font-weight:600;line-height:20px}.pdf-company-address,.pdf-company-email{margin:0;padding:0;font-size:12px;line-height:14px}@media print{.no-print{display:none!important}.pdf-only{display:block!important}.family-card{page-break-inside:avoid!important;break-inside:avoid!important}}@media(max-width:1024px){.employee-details-container{margin-left:0;padding:15px 20px}.detail-box{flex:1 1 calc(50% - 15px);min-width:160px}.salary-box{font-size:18px}.family-card .detail-box{flex:1 1 calc(50% - 10px);min-width:140px!important}}@media(max-width:768px){.employee-details-container{padding:12px 15px}.details-row{flex-direction:column;gap:12px}.detail-box{min-width:100%;flex:1 1 100%}.salary-box{font-size:16px}.edit-button{position:static;width:100%;max-width:160px;margin-top:12px}.family-card .detail-box{flex:1 1 100%!important;min-width:100%!important}}@media(max-width:480px){.employee-header{flex-direction:column;text-align:center}.section-card{margin-top:"-50px"}.details-row{flex-direction:column;gap:10px}.detail-box{width:100%!important}.salary-box{margin-top:5px;font-size:15px}.employee-details-container{padding:10px 12px}}@media(max-width:768px){.detail-box span{word-break:break-word;overflow-wrap:anywhere;display:block}}@media(max-width:768px){.detail-box{padding:18px}}.employee-loader-wrapper{margin-left:250px;margin-top:64px;height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;background:#f5fbfb}@media(max-width:1024px){.employee-loader-wrapper{margin-left:0}}.back-button{margin-bottom:16px;font-size:14px;padding:0;color:#1677ff}.attendance-page-container{display:flex;width:100%;min-height:calc(100vh - 64px);background:#f4f6fb;margin-top:64px}.attendance-content{margin-left:250px;padding:25px;width:calc(100% - 250px)}.attendance-header-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.att-title{font-size:22px;font-weight:600}.date-range-box{display:flex;gap:12px;align-items:center}.date-input{padding:6px 10px;border-radius:6px;border:1px solid #d9d9d9;width:150px}.header-buttons{display:flex;gap:10px}.export-btn{background:#1677ff;color:#fff;border:none}.modal-grid{display:flex;flex-direction:column;gap:18px}.modal-row{display:flex;flex-direction:column}.modal-label{font-weight:600;margin-bottom:6px}.modal-actions{margin-top:20px;text-align:right}.create-task-page{padding:24px;margin-left:240px;min-height:calc(100vh - 64px);background-color:#f5f7fa;margin-top:50px}.create-task-card{max-width:1000px}html,body{margin:0;padding:0;background:#eef3f9;font-family:Arial,sans-serif}.attendance-container{display:flex;width:100%;min-height:100vh}.attendance-main{margin-left:240px;margin-top:70px;padding:25px;width:calc(100% - 240px);background:#f9fbff}.attendance-header{display:flex;justify-content:space-between;align-items:center}.main-title{font-size:22px;font-weight:600;margin:0}.assign-header-controls{display:flex;gap:15px}.add-btn{height:42px!important;background:#1a73ff!important;color:#fff!important;font-weight:700;border-radius:8px!important}.assign-task-header{height:42px!important;border-radius:8px!important;font-weight:600;border:2px solid #1a73ff!important}.task-card{margin-top:10px;border-radius:14px}.assign-task-block{padding:18px;border-radius:12px;border:1px solid #eee;display:flex;flex-direction:column;gap:14px;background:#fff}.assign-input{height:42px!important;border-radius:8px!important}.assign-textarea{border-radius:8px!important}.assign-btn{height:45px!important;border-radius:8px!important;background:#1a73ff!important;color:#fff!important;font-weight:700}.table-card{margin-top:20px;border-radius:14px}.emp-photo{width:42px;height:42px;border-radius:50%;object-fit:cover}.emp-photo.placeholder{background:#ddd;display:flex;justify-content:center;align-items:center}.emp-name-wrapper{position:relative;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.emp-name{font-weight:600;color:#1677ff}.drop-info-btn{border:1px solid #d0d7e2;border-radius:6px;padding:0 6px;height:22px;font-size:11px;background:#f5f7fb;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.drop-info-btn.rotated{transform:rotate(180deg)}.emp-info-dropdown{position:absolute;top:28px;left:0;background:#fff;border-radius:10px;box-shadow:0 10px 25px #0f172a2e;padding:12px 14px;z-index:20;min-width:230px}.emp-info-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:6px}.emp-info-row:last-child{margin-bottom:0}.emp-info-row strong{font-weight:600;margin-right:8px}.add-modal-grid{display:flex;gap:20px}.photo-preview{width:70px;height:70px;border-radius:8px;margin-top:12px;border:1px solid #ddd;object-fit:cover}.phone-row{display:flex;gap:12px}.phone-code-item{width:120px}.phone-number-item{flex:1}.edit-modal-grid{display:flex;gap:20px}.edit-left{width:180px}.edit-right{flex:1}.edit-photo-wrapper-modal{margin-bottom:10px}.edit-photo-large{width:120px;height:120px;border-radius:50%;object-fit:cover;border:1px solid #ddd}.edit-photo-placeholder{width:120px;height:120px;border-radius:50%;border:1px dashed #bbb;display:flex;align-items:center;justify-content:center;color:#999;font-size:13px}.edit-btn{background:#1677ff!important;color:#fff!important}.employee-select-dropdown{width:160px;font-weight:600;border-radius:6px!important}.employee-dropdown-menu{padding:10px;background:#fff;border-radius:8px;border:1px solid #e5e5e5}.emp-info-item{display:flex;justify-content:space-between;margin:6px 0;font-size:13px}@media(max-width:1024px){.attendance-main{margin-left:0;width:100%;padding:20px;margin-top:70px}.attendance-header{flex-direction:column;align-items:flex-start;gap:10px}.assign-header-controls{width:100%;justify-content:flex-start;flex-wrap:wrap}.assign-header-controls .add-btn,.assign-header-controls .assign-task-header{flex:1;min-width:140px}.table-card{margin-top:16px}.add-modal-grid,.edit-modal-grid{flex-direction:column}.edit-left,.edit-right{width:100%}.phone-row{flex-direction:row}}@media(max-width:768px){.attendance-main{padding:15px;margin-top:60px}.main-title{font-size:18px}.assign-header-controls{flex-direction:column;gap:10px}.assign-header-controls .add-btn,.assign-header-controls .assign-task-header{width:100%!important}.task-card{margin-top:12px}.assign-task-block{padding:14px}.add-modal-grid,.edit-modal-grid,.phone-row{flex-direction:column}.phone-code-item,.phone-number-item{width:100%}.emp-info-dropdown{left:0;right:auto;max-width:260px}.table-card{margin-top:14px}.table-scroll-wrapper{overflow-x:auto}}.ant-table-body{scrollbar-width:none}.ant-table-body::-webkit-scrollbar{display:none}.table-scroll-wrapper{scrollbar-width:none}.table-scroll-wrapper::-webkit-scrollbar{display:none}.ant-table-body,.ant-table-content,.ant-table-container{scrollbar-width:none!important;-ms-overflow-style:none!important}.ant-table-body::-webkit-scrollbar,.ant-table-content::-webkit-scrollbar,.ant-table-container::-webkit-scrollbar{display:none!important}.table-scroll-wrapper{overflow-y:auto;scrollbar-width:none!important}.table-scroll-wrapper::-webkit-scrollbar{display:none!important}@media(max-width:480px){.attendance-main{padding:10px}.main-title{font-size:16px}.assign-header-controls{gap:8px}.emp-info-dropdown{min-width:200px;font-size:11px}.emp-info-row{font-size:11px}.edit-photo-large,.edit-photo-placeholder{width:100px;height:100px}}.emp-drop-icon{font-size:10px;color:#3d4f6e;cursor:pointer;margin-left:6px;transition:transform .2s ease-in-out;display:inline-block}.emp-drop-icon.rotated{transform:rotate(180deg)}.task-board-page{padding:80px;margin-left:240px}.page-title{font-size:20px;font-weight:600;margin-bottom:16px}.task-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(200px,1fr));gap:16px;margin-bottom:24px}.summary-card{position:relative;border-radius:14px;padding:14px 16px;color:#1f2937;background:#fff;box-shadow:0 6px 16px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00000014}.summary-card h3{font-size:14px;font-weight:600;margin-bottom:6px}.summary-card p{font-size:28px;font-weight:700;margin:6px 0 10px}.summary-card button{background:#0000000d;border:none;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer}.blue{background:linear-gradient(135deg,#eaf1ff,#f6f9ff);border-left:5px solid #3b82f6}.green{background:linear-gradient(135deg,#e8fbf1,#f4fdf8);border-left:5px solid #22c55e}.yellow{background:linear-gradient(135deg,#fff7e0,#fffaf0);border-left:5px solid #facc15}.purple{background:linear-gradient(135deg,#f3ecff,#faf7ff);border-left:5px solid #8b5cf6}.task-detail-section{background:#fff;padding:18px;border-radius:14px;box-shadow:0 6px 18px #0000000f}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.detail-header h3{font-size:16px;font-weight:600}.back-btn{background:#f3f4f6;border:none;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer}.task-list{display:flex;flex-direction:column;gap:12px}.task-card{background:#f9fafb;padding:12px 14px;border-radius:10px;box-shadow:0 2px 6px #0000000d}.task-card strong{font-size:14px;display:block}.task-card p{font-size:13px;color:#4b5563;margin:4px 0}.task-card span{font-size:11px;color:#6b7280}.task-history-container{padding:16px;margin-top:50px;margin-left:240px}.task-history-card{border-radius:12px}@media(max-width:576px){.task-history-container{padding:8px}.task-history-card{border-radius:8px}.ant-table{font-size:12px}.ant-card-head-title{font-size:16px}}@media(min-width:577px)and (max-width:992px){.task-history-container{padding:12px}.ant-table{font-size:13px}.ant-card-head-title{font-size:18px}}.payslip-overlay{position:fixed;inset:0;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.payslip-modal-wrapper{position:relative;width:900px;max-width:95%}.payslip-modal{background:#fff;max-height:85vh;border-radius:10px;padding:20px;overflow-y:auto}.payslip-logo{height:200px!important;margin-left:50px!important;object-fit:contain;display:block}.payslip-header{display:flex;align-items:center;padding-bottom:10px;border-bottom:1px solid #efefef}.payslip-header img{height:120px}.header-center{flex:1;margin-left:-60px;margin-top:-10px}.company-name{margin:0;font-size:22px;font-weight:700}.company-address{font-size:14px;margin:0;color:#475569}.payslip-title{text-align:center;font-size:18px;font-weight:600;margin-top:15px}.employee-summary-row{display:flex;gap:20px;margin:20px 0;flex-wrap:wrap}.employee-info-column{flex:1;font-size:14px;display:flex;flex-direction:column;gap:4px}.employee-info-column p{margin:2px 0}.netpay-box{flex:0 0 250px;background:#e6ffe6;border-left:4px solid #0070f3;padding:15px;border-radius:6px;text-align:center;height:fit-content}.netpay-amount{font-size:22px;font-weight:700}.tables-wrapper{display:flex;gap:20px;justify-content:space-between;margin-top:10px;flex-wrap:wrap}.payslip-table{width:48%;border-collapse:collapse;margin-bottom:20px}.payslip-table th,.payslip-table td{border:1px solid #ddd;padding:8px;font-size:14px}.payslip-table th{background:#f0f0f0}.grand-row td{font-weight:700}.footer-note{text-align:center;font-size:12px;color:#555;margin-top:10px}.close-btn{position:absolute;top:-10px;right:-10px;background:#fff;border:1px solid #ccc;width:38px;height:38px;font-size:24px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center}.pdf-download-bottom{text-align:center;margin-top:20px}.pdf-btn{background-color:#1890ff;color:#fff;padding:9px 20px;border-radius:6px;border:none;cursor:pointer}.pdf-btn:hover{background-color:#40a9ff}@media(max-width:900px){.payslip-header{flex-direction:column;align-items:center;text-align:center}.tables-wrapper{flex-direction:column}.payslip-table,.netpay-box{width:100%}}@media(max-width:600px){.payslip-header img{height:90px}.company-name{font-size:18px}.employee-summary-row{flex-direction:column}.netpay-box{width:100%}.header-center{margin-top:-50px;margin-left:-10px}.tables-wrapper{flex-direction:column}.payslip-table{width:100%;font-size:13px}.payslip-modal{padding:15px}.payslip-title{font-size:16px}}@media(max-width:600px){.payslip-logo{margin:0 auto!important;display:block}.payslip-header{flex-direction:column;justify-content:center;align-items:center;text-align:center}}.payroll-container{background:#fff;padding:25px;border-radius:8px;margin-left:260px;margin-top:70px;width:calc(100% - 260px);box-sizing:border-box}.payroll-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:25px}.payroll-title{margin:0;font-size:28px;font-weight:700;color:#1f2937}.salary-normal{margin:0;font-size:14px;font-weight:500}.add-payroll-btn{background:#1677ff!important;color:#fff!important;border-radius:6px;font-weight:600;padding:0 20px;height:42px;display:flex;align-items:center}.payroll-table-wrapper{width:100%;overflow-x:auto}.payroll-table-wrapper .ant-table{min-width:900px}@media(max-width:1024px){.payroll-container{margin-left:220px;width:calc(100% - 220px)}.payroll-header{flex-direction:row;justify-content:space-between}}@media(max-width:768px){.payroll-container{margin-left:0;width:100%;margin-top:70px;padding:16px}.payroll-header{flex-direction:column;align-items:flex-start;gap:12px}.add-payroll-btn{width:100%;justify-content:center}.ant-table-cell{padding:10px!important;font-size:14px!important}}@media(max-width:480px){.payroll-title{font-size:20px}.add-payroll-btn{width:100%;height:38px;font-size:14px}.ant-table-cell{font-size:12px!important;padding:6px!important}}.hrms-dashboard-container{display:flex;min-height:100vh;background-color:#f9fafb;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.hrms-dashboard-main{flex:1;padding:30px;overflow-y:auto}.performance-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:500px}.performance-header{display:flex;flex-direction:column}.performance-title{display:flex;align-items:center;margin:0}.title-icon{color:#facc15;margin-right:8px;font-size:28px}.performance-subtitle{margin-top:-5px;color:#64748b}.add-review-btn{height:40px;padding:0 20px;font-size:14px;font-weight:500}.performance-stats{display:flex;gap:20px;margin-bottom:20px;flex-wrap:nowrap;width:100%}.stat-card{flex:1;min-width:0;text-align:center;padding:20px;border-radius:12px;color:#fff;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card.top{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-card.average{background:linear-gradient(135deg,#16a34a,#22c55e)}.stat-card.pending{background:linear-gradient(135deg,#facc15,#eab308);color:#1f2937!important}.stat-icon{font-size:32px;margin-bottom:10px}.performance-table-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-top:10px;padding:16px;width:100%!important;max-width:100%!important}.ant-table{min-width:1000px!important}.ant-table-thead>tr>th{background-color:#f1f5f9;font-weight:600;color:#334155}.ant-table-tbody>tr>td{font-size:15px;color:#475569}.employee-avatar{background-color:#3b82f6!important}.employee-dept{font-size:13px;color:#64748b}.full-width{width:100%}@media(max-width:1024px){.performance-stats{gap:16px;flex-wrap:wrap}.stat-card{min-width:180px}.hrms-dashboard-main{padding:22px}}@media(max-width:768px){.performance-stats{flex-direction:column;gap:12px}.stat-card{width:100%;padding:16px}.stat-card h3{font-size:14px}.stat-card p{font-size:18px}.stat-icon{font-size:24px}.performance-header-row{flex-direction:column;align-items:flex-start;gap:12px}.add-review-btn{width:100%;height:42px;font-size:15px}.performance-title h2{font-size:20px}.performance-header p{font-size:13px;margin-bottom:6px}.performance-table-card{overflow-x:auto;padding:12px}.ant-table{min-width:700px!important}.ant-table-thead>tr>th{font-size:12px;padding:6px}.ant-table-tbody>tr>td{font-size:12px;padding:6px}}@media(max-width:480px){.hrms-dashboard-main{padding:12px}.performance-header-row{flex-direction:column;align-items:center;text-align:center;gap:8px}.performance-title h2{font-size:20px}.performance-subtitle{font-size:12px}.add-review-btn{width:100%;height:44px;font-size:14px;border-radius:8px}.performance-stats{flex-direction:column;gap:10px}.stat-card{padding:16px;border-radius:10px}.stat-icon{font-size:22px;margin-bottom:6px}.stat-card h3{font-size:14px}.stat-card p{font-size:18px;font-weight:600}.performance-table-card{padding:10px;overflow-x:auto}.ant-table{min-width:600px!important}.ant-table-thead>tr>th{font-size:11px;padding:6px}.ant-table-tbody>tr>td{font-size:11px;padding:6px}.employee-avatar{width:28px!important;height:28px!important;font-size:12px!important}}.top-performers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:20px}.top-performer-card{background:#e6e1df;border-radius:20px;padding:30px 20px;box-shadow:0 12px 25px #00000014;display:flex;flex-direction:column;align-items:center}.tp-avatar{margin-bottom:15px}.tp-info{width:100%;text-align:left}.tp-info p{margin:6px 0;font-size:15px}.tp-rating{margin-top:10px;font-size:18px;font-weight:600;color:#f59e0b}.recruitment-container{margin-left:250px;margin-top:70px;padding:20px;min-height:calc(100vh - 70px);background:#f5f6fa;overflow:hidden;transition:margin-left .3s ease;width:calc(100% - 250px);position:relative}.header-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:25px}.action-buttons{display:flex;gap:12px}.recruit{display:flex;justify-content:space-between;align-items:center;margin-bottom:14}.module-card{margin-bottom:25px}.module-card .ant-table-wrapper{max-height:300px;overflow-y:auto;overflow-x:auto}.module-card table{min-width:900px}.candidate-section .ant-table-wrapper{overflow-x:hidden!important}.candidate-section table{min-width:100%!important;width:100%!important}.sidebar-collapsed~.recruitment-container{margin-left:80px;width:calc(100% - 80px)}.ant-table-thead>tr>th{text-align:left!important}.ant-table-tbody>tr>td{text-align:left!important;vertical-align:middle!important}.ant-table-cell .ant-tag{display:inline-block}@media(max-width:768px){.recruitment-container{margin-left:0;width:100%;padding:15px;margin-top:90px}button,.ant-btn{width:100%}.module-card .ant-table-wrapper{max-height:250px}.candidate-section .ant-table-wrapper{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch}.candidate-section table{min-width:700px!important;table-layout:fixed;white-space:nowrap!important}.candidate-section .ant-table-cell{white-space:nowrap!important}.candidate-section .ant-table-cell>button{width:auto!important;margin-right:6px}}@media(max-width:480px){.candidate-section table{min-width:650px!important}.candidate-section .ant-table-wrapper{overflow-x:auto!important}.candidate-section .ant-table-cell{white-space:nowrap!important}.candidate-section .ant-table-cell>button{width:auto!important}}@media(max-width:320px){.header-actions{flex-direction:column;align-items:flex-start!important;gap:10px}.header-actions h2{width:100%!important;margin-bottom:10px;text-align:left!important;font-size:18px}.action-buttons{width:100%!important;display:flex;justify-content:flex-start}.action-buttons button{width:auto!important}.candidate-section table{min-width:600px!important}.candidate-section .ant-table-wrapper{overflow-x:auto!important}.candidate-section .ant-table-cell{white-space:nowrap!important}.candidate-section .ant-table-cell>button{width:auto!important}}@media(max-width:600px){.recruit{flex-direction:column;align-items:flex-start;gap:10px}.recruit h2{width:100%;text-align:left}.recruit-actions{width:100%;display:flex;flex-wrap:wrap;gap:8px}.recruit-actions .ant-select,.recruit-actions button{width:100%!important}}.config-wrapper{padding:20px;margin-left:250px}.config-row{display:flex;gap:20px;flex-wrap:nowrap}.config-card{width:50%;border-radius:10px;margin-bottom:20px;margin-top:50px}.config-card-roles{width:50%;border-radius:10px;margin-bottom:20px;margin-top:20px}.full-width{border-radius:10px;margin-top:20px}.list-content{margin-top:20px;display:flex;flex-direction:column;gap:10px}.list-row{padding:10px 14px;background:#fff;border-radius:6px;display:flex;justify-content:space-between;align-items:center;font-weight:500}.delete-btn{display:flex;justify-content:center;align-items:center}@media(max-width:1024px){.config-wrapper{margin-left:200px!important;transition:all .3s ease}.config-row{flex-wrap:wrap}.config-card{width:48%}}@media(max-width:768px){.config-wrapper{margin-left:0!important;padding:15px}.config-row{flex-direction:column;gap:15px}.config-card,.full-width{width:100%;margin-top:45px}.list-row{flex-direction:column;align-items:flex-start;gap:8px}.delete-btn{align-self:flex-end}.config-card-roles{width:100%;margin-top:45px}}.config-card .ant-tabs{margin-bottom:0!important}.config-card .list-content{margin-top:-25px!important}.config-card-roles .ant-tabs{margin-bottom:0!important}.config-card-roles .list-content{margin-top:-35px!important}.reports-summary{display:grid!important;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:30px;width:100%}@media(max-width:1200px){.reports-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.reports-summary{grid-template-columns:1fr}}.reports-card{padding:25px;border-radius:14px;text-align:center;background:linear-gradient(135deg,#0ea5a4,#0f172a);color:#fff!important;box-shadow:0 6px 16px #0003;transition:.3s;cursor:pointer}.reports-card:hover{transform:translateY(-6px);box-shadow:0 10px 20px #0000004d}.card-icon{font-size:45px;color:#fff!important;margin-bottom:10px}.reports-card h3{font-size:1.3rem;font-weight:700;margin:8px 0 5px;color:#fff!important}.reports-card p{font-size:2rem;margin:0;font-weight:700;color:#fff!important}.hrms-analytics-container,.hrms-dashboard-container{display:flex;min-height:100vh;background:#f9fafb}.hrms-analytics-main,.hrms-dashboard-main{flex:1;margin-left:220px;margin-top:70px;padding:30px 40px;background:#fff;display:flex;flex-direction:column;min-height:calc(100vh - 70px);box-sizing:border-box}.subtitle{margin-top:-10px;color:#6b7280}.analytics-kpi-section,.reports-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:24px 0}.analytics-kpi-card,.reports-card{padding:18px 15px;text-align:center;border-radius:12px;background:linear-gradient(135deg,#0ea5a4,#03203b);box-shadow:0 3px 10px #0003;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.analytics-kpi-card,.analytics-kpi-card *,.analytics-kpi-card .ant-card-body,.analytics-kpi-card .ant-card-body *,.reports-card,.reports-card *,.reports-card .ant-card-body,.reports-card .ant-card-body *{color:#fff!important}.analytics-kpi-card:hover,.reports-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #00000040}.analytics-kpi-card h3,.reports-card h3{margin:0;font-size:1.1rem;font-weight:700}.analytics-kpi-card p,.reports-card p{margin-top:10px;font-size:2rem;font-weight:700}.analytics-kpi-card .card-icon,.reports-card .card-icon{font-size:32px;margin-bottom:8px}.chart-card,.reports-table-card{margin-top:20px;padding:18px;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000001f;box-sizing:border-box}.chart-title{text-align:center;margin-bottom:10px;font-weight:600;color:#111827}@media(max-width:576px){.hrms-analytics-container,.hrms-dashboard-container{flex-direction:column}.hrms-analytics-main,.hrms-dashboard-main{margin-left:0;padding:16px}.analytics-kpi-section,.reports-summary{grid-template-columns:1fr;gap:16px}.analytics-kpi-card,.reports-card{padding:14px}.analytics-kpi-card p,.reports-card p{font-size:1.5rem}}@media(min-width:577px)and (max-width:1024px){.hrms-analytics-main,.hrms-dashboard-main{margin-left:0;padding:22px 28px}.analytics-kpi-section,.reports-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.analytics-kpi-card p,.reports-card p{font-size:1.7rem}}@media(min-width:1025px){.hrms-analytics-main,.hrms-dashboard-main{margin-left:220px;padding:30px 40px}.analytics-kpi-section,.reports-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.analytics-kpi-card p,.reports-card p{font-size:2rem}}@media(min-width:577px)and (max-width:1024px){.chart-card{padding:16px}.chart-title{font-size:16px}}@media(max-width:576px){.chart-card{padding:12px}.chart-title{font-size:14px}}:root{--sidebar-width-desktop: 240px;--sidebar-width-tablet: 200px;--navbar-height-desktop: 64px;--navbar-height-mobile: 72px}.settings-layout{display:flex;min-height:100vh;background:#f0f5ff}.settings-center-container{flex:1;margin-left:var(--sidebar-width-desktop);margin-top:var(--navbar-height-desktop);display:flex;justify-content:center;align-items:flex-start;padding:24px;box-sizing:border-box}.settings-card{width:100%;max-width:900px;background:#fff!important;padding:30px;border-radius:15px;box-shadow:0 5px 25px #00000017}.settings-title{text-align:center;font-size:28px;margin-bottom:20px;font-weight:700}.tab-section{margin-top:20px}.setting-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:16px;font-weight:500}@media(max-width:1024px){.settings-center-container{margin-left:var(--sidebar-width-tablet);margin-top:var(--navbar-height-desktop)}.settings-card{max-width:95%}}@media(max-width:768px){.settings-center-container{margin-left:0;margin-top:var(--navbar-height-mobile);padding:16px}.settings-card{max-width:100%;padding:20px}.settings-title{font-size:22px}.setting-row{font-size:14px}}.payslip-page{padding:20px;background:#f6f8fb;margin-left:240px}.payslip-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tabs{display:flex;gap:8px}.tab{padding:6px 14px;border:1px solid #d9d9d9;background:#fff;cursor:pointer;border-radius:4px}.tab.active{background:#1890ff;color:#fff;border-color:#1890ff}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.month-select{width:140px}.payslip-content{display:flex;gap:16px;width:100%}.payslip-content .box{flex:1}.payslip-content .employee-box{flex:1.2}.box{border-radius:6px}.box-title{margin-bottom:10px;font-size:16px;font-weight:600}.box-header{display:flex;justify-content:space-between;font-weight:600;background:#e6f7ff;padding:6px 10px;border-radius:4px;margin-bottom:6px}.row{display:flex;justify-content:space-between;padding:6px 10px;border-bottom:1px solid #f0f0f0;font-size:14px}.row.total{font-weight:600;background:#fafafa}.employee-box{background:#fff9db}.emp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.hide-link{color:#1890ff;cursor:pointer;font-size:13px}.emp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.emp-grid label{font-size:12px;color:#666}.emp-grid p{margin:2px 0 8px;font-weight:500}.netpay-card{margin-top:16px;text-align:right}.netpay-amount{font-size:22px;font-weight:700;color:#111}@media(max-width:768px){.payslip-page{margin-left:0;padding:12px}.payslip-topbar{flex-direction:column;align-items:flex-start;gap:10px}.actions{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:8px}.actions button,.actions .month-select{width:100%}.payslip-content{flex-direction:column}.payslip-content .box,.payslip-content .employee-box{width:100%}.netpay-card{text-align:center}}@media(max-width:480px){.tab{padding:5px 10px;font-size:12px}.month-select{width:120px}.netpay-amount{font-size:18px}}.payslip-period{text-align:center;font-size:16px;font-weight:600;margin-bottom:16px}.hide-in-pdf{display:none!important}.pdf-mode{width:900px!important;max-width:900px!important}.pdf-mode .payslip-content{flex-direction:row!important}.pdf-mode .actions,.pdf-mode .payslip-topbar{display:none!important}.pdf-mobile .row{display:flex!important;justify-content:space-between!important;align-items:center!important}.pdf-mobile .row span:first-child{flex:1;text-align:left}.pdf-mobile .row span:last-child{width:110px;text-align:right;white-space:nowrap}.pdf-mode .payslip-content{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px}.pdf-mode .employee-details{grid-column:1 / -1;order:-1;margin-bottom:12px}.pdf-mode .employee-details{grid-column:1 / -1;order:-1;margin-bottom:14px}.pdf-mode .employee-details .emp-grid{display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:40px;row-gap:6px}.pdf-mode .employee-details .emp-grid>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed #ddd;padding:4px 0}.pdf-mode .employee-details label{font-size:13px;font-weight:600;color:#333}.pdf-mode .employee-details p{margin:0;font-size:13px;font-weight:500;text-align:right;white-space:nowrap}.pdf-mode .netpay-card{grid-column:1 / -1;background:#e6f7ff!important;border-radius:6px;padding:14px 16px;text-align:right}.pdf-mode .netpay-card h3{margin:0 0 6px;font-size:15px;font-weight:700;color:#003a8c}.pdf-mode .netpay-card .netpay-amount{font-size:26px;font-weight:800;color:#0050b3}.pdf-mode .netpay-card .netpay-words{font-size:13px;font-style:italic;color:#333;margin-top:4px}.salary-revision-page{width:100%;display:flex;flex-direction:column;gap:12px;margin-left:240px}.chart-card{width:100%;margin-bottom:8px}.chart-center{display:flex;justify-content:center}.chart-box{width:700px;height:280px}.table-card{margin-left:0;margin-top:0}.table-card .ant-table{font-size:13px}.table-card .ant-table-thead>tr>th,.table-card .ant-table-tbody>tr>td{padding:6px 8px;white-space:nowrap}.table-card .ant-table-container{overflow-x:auto}@media(max-width:768px){.salary-revision-page{margin-left:0;padding:12px;max-width:100vw;overflow-x:hidden}.chart-card{margin-bottom:12px}.chart-box{width:100%;height:260px}.table-card{margin-top:8px}.ant-table{font-size:12px}.ant-table-thead>tr>th,.ant-table-tbody>tr>td{padding:8px;white-space:nowrap}}.access-page{padding:24px;margin-left:250px;margin-top:80px;background:#f6f8fb;min-height:calc(100vh - 80px)}.access-card{border-radius:8px}.access-footer{margin-top:16px;text-align:right}.col-modules,.col-screens{width:250px;min-width:250px}.access-select{width:100%}.access-select .ant-select-selector{min-height:48px!important;padding:6px 8px!important}.access-select .ant-select-selection-overflow{max-height:100px;overflow-y:auto}.access-select .ant-select-selection-item{white-space:normal;height:auto;line-height:1.4}.select-modules .ant-select-dropdown,.select-screens .ant-select-dropdown{min-width:420px!important}.ant-table{table-layout:fixed}.ant-table-cell{white-space:normal;word-break:break-word}@media(max-width:1024px){.access-page{margin-left:200px;padding:16px}.col-modules{width:280px;min-width:280px}.col-screens{width:320px;min-width:320px}.access-footer{text-align:center}}@media(max-width:768px){.access-page{margin-left:0;margin-top:56px;padding:12px}.col-modules,.col-screens{min-width:260px}.access-select{min-width:240px}.access-footer{text-align:center}.access-footer button{width:100%}}pending-container{padding:10px 0}.action-btns{display:flex;gap:8px}.approved{color:#16a34a;font-weight:600}.rejected{color:#dc2626;font-weight:600}.ant-table{background:#fff!important;border-radius:8px;padding:10px}.ant-table-thead>tr>th{background:#f3f4f6!important;font-weight:600}.leave-page-container{padding:20px}.leave-page-card{background:#fff;padding:16px;border-radius:10px;box-shadow:0 2px 8px #0000001a}.my-approvals-title{text-align:center;color:#000;font-size:20px;font-weight:600;margin-bottom:16px}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}body,html,#root{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(180deg,#e0f2f1,#fff)}.hrms-dashboard-container{display:flex;min-height:100vh;width:100%;flex-direction:column}.hrms-dashboard-navbar{display:flex;justify-content:space-between;align-items:center;height:64px;background:linear-gradient(180deg,#0f172a,#0ea5a4);border-bottom:1px solid #e0f2f1;padding:0 24px;box-shadow:0 2px 8px #00000014;color:#fff;z-index:1000;position:fixed;top:0;left:0;right:0}.hrms-dashboard-navbar .hrms-navbar-logo{font-weight:700;font-size:18px;cursor:pointer}.hrms-dashboard-navbar-right{display:flex;align-items:center;gap:18px}.navbar-search{width:180px}.navbar-bell{font-size:20px;cursor:pointer}.navbar-avatar{cursor:pointer}.navbar-hamburger{display:none;font-size:24px;cursor:pointer;color:#fff}.hrms-dashboard-sidebar{position:fixed;top:64px;left:0;width:250px;height:calc(100vh - 64px);background:linear-gradient(180deg,#0f172a,#0ea5a4);color:#fff;display:flex;flex-direction:column;padding-top:20px;transition:all .3s ease;box-shadow:2px 0 12px #0000001a;overflow:hidden;z-index:999}.hrms-dashboard-sidebar h2{text-align:center;margin-bottom:24px;color:#fff;font-size:22px;font-weight:600}.hrms-dashboard-sidebar .ant-menu{background:transparent;border-right:0;flex-grow:1}.hrms-dashboard-sidebar .ant-menu-item{color:#fff!important;font-weight:500;transition:all .3s ease;border-radius:8px;margin:6px 8px;position:relative;background:transparent!important;cursor:pointer}.hrms-dashboard-sidebar .ant-menu-item:not(.ant-menu-item-selected):hover{background:linear-gradient(90deg,#06b6d4,#0ea5a4)!important;box-shadow:0 4px 12px #0000001a;transform:translate(4px);color:#fff!important}.hrms-dashboard-sidebar .ant-menu-item-selected{background:linear-gradient(90deg,#0ea5a4,#06b6d4)!important;box-shadow:0 0 12px #06b6d4b3;color:#fff!important;font-weight:600;transform:translate(4px);cursor:default}.hrms-dashboard-sidebar .ant-menu-item-selected:hover{background:linear-gradient(90deg,#0ea5a4,#06b6d4)!important;box-shadow:0 0 12px #06b6d4b3;transform:translate(4px)}.hrms-dashboard-sidebar .ant-menu-item .anticon{color:#fffc;transition:color .3s ease}.hrms-dashboard-sidebar .ant-menu-item-selected .anticon{color:#fff!important}.hrms-dashboard-main{flex:1;display:flex;flex-direction:column;background:linear-gradient(180deg,#f0f2f5,#e0f7fa);padding:16px 24px;margin-left:250px;margin-top:64px;height:calc(100vh - 64px);overflow-y:auto}@media(max-width:1024px){.hrms-dashboard-sidebar{width:200px}.hrms-dashboard-main{margin-left:200px;padding:16px}.navbar-search{width:160px}}@media(max-width:768px){.hrms-dashboard-sidebar{position:fixed;left:-250px;width:220px;z-index:2000}.hrms-dashboard-sidebar.active{left:0}.sidebar-overlay{position:fixed;inset:64px 0 0;background:#0006;z-index:1500;display:none}.sidebar-overlay.active{display:block}.navbar-hamburger{display:inline-block}.navbar-search{display:none}.hrms-dashboard-main{margin-left:0;margin-top:64px;padding:12px}}@media(max-width:480px){.hrms-dashboard-navbar{height:56px}.hrms-dashboard-navbar .hrms-navbar-logo{font-size:15px}.navbar-avatar{width:28px;height:28px}.hrms-dashboard-main{padding:8px}}.hrms-dashboard-main{flex:1;padding:30px;margin-left:240px;display:flex;flex-direction:column;align-items:center}.settings-header{text-align:center;margin-bottom:20px}.settings-cards{width:100%;max-width:700px;display:flex;flex-direction:column;gap:20px}.settings-card{padding:20px;border-radius:12px}.settings-save-btn{width:100%}@media(max-width:768px){.hrms-dashboard-main{margin-left:0!important;padding:20px}.settings-cards{max-width:90%}}