@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";body{font-family:Inter}*{font-family:Inter;box-sizing:border-box;padding:0;margin:0}.layout{display:flex;width:100%}.sidebar{width:230px;background:#fff;transition:.3s;border:1px solid #EDEDED}.main-content{flex:1;display:flex;flex-direction:column;overflow:auto}.page-content{margin-top:60px;margin-left:230px}.collapsed_layout .page-content{margin-left:64px!important;transition:.3s linear}:root{--primary-color: var(--primary-color)}.navbar{display:flex;justify-content:space-between;position:fixed;align-items:center;padding:15px 30px;background:#fff;border-bottom:1px solid #ededed;font-family:Arial,sans-serif;width:calc(100vw - 230px);height:60px;margin-left:230px;z-index:99}.navbar .breadcrumb{display:flex;align-items:center}.navbar .breadcrumb .breadcrumb-link{color:var(--primary-color);cursor:pointer;font-size:14px;transition:color .3s}.navbar .breadcrumb .breadcrumb-link:hover{color:var(--primary-color);text-decoration:underline}.navbar .breadcrumb .breadcrumb-current{font-weight:700;color:#555}.navbar .breadcrumb .breadcrumb-divider{margin:0 5px;color:#999}.navbar .nav-actions{display:flex;align-items:center;gap:20px}.navbar .nav-actions .search-bar{display:flex;align-items:center;border-radius:20px;border:1px solid transparent}.navbar .nav-actions .search-bar .search-icon{color:#555;margin-right:-30px;z-index:1}.navbar .nav-actions .search-bar input{border:none;outline:none;background:transparent;font-size:14px;border:1px solid transparent;width:100%;background:#f1f1f1;height:100%;padding:8px 12px 8px 40px;border-radius:20px}.navbar .nav-actions .search-bar input:hover{border:1px solid var(--primary-color)}.navbar .nav-actions .search-bar input:focus{box-shadow:0 0 4px .1px var(--primary-color)}.navbar .nav-actions .search-bar input::placeholder{color:#999}.navbar .nav-actions .icon{color:#555;font-size:18px;cursor:pointer;transition:color .3s}.navbar .nav-actions .icon:hover{color:var(--primary-color)}.navbar .nav-actions .profile{display:flex;align-items:center;gap:20px;cursor:pointer}.navbar .nav-actions .profile .help_{display:flex;align-items:center}.navbar .nav-actions .profile .help_:hover .icon{color:var(--primary-color)}.navbar .nav-actions .profile .UserAvatar{border:1px solid var(--primary-color);border-radius:100px}.navbar .nav-actions .profile .user-popup-container{position:relative;display:inline-block}.navbar .nav-actions .profile .user-popup-container .user-avatar{cursor:pointer;border-radius:50%;overflow:hidden;width:40px;height:40px}.navbar .nav-actions .profile .user-popup-container .user-avatar img{width:100%;height:100%;object-fit:cover}.navbar .nav-actions .profile .popup{position:absolute;top:50px;right:0;width:250px;background:#fff;box-shadow:0 4px 12px #0000001a;border-radius:12px;padding:15px;z-index:100;animation:fadeSlideIn .3s ease forwards}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar .nav-actions .profile .popup .user-info{display:flex;align-items:center;margin-bottom:12px;gap:10px}.navbar .nav-actions .profile .popup .user-info h4{margin:0;font-size:16px;color:#2a2a2a;font-weight:500}.navbar .nav-actions .profile .popup .user-info p{margin:0;font-size:12px;color:#777}.navbar .nav-actions .profile .popup .all-apps{display:flex;align-items:center;gap:5px;margin:10px 0;padding:10px;color:#2a2a2a;transition:background .3s ease,color .3s ease,transform .2s ease}.navbar .nav-actions .profile .popup .all-apps svg{transition:transform .3s ease}.navbar .nav-actions .profile .popup .all-apps:hover{border-radius:8px;background:rgba(var(--primary-color-rgb),.1);color:var(--primary-color);transform:scale(1.02)}.navbar .nav-actions .profile .popup .all-apps:hover svg{transform:rotate(90deg)}.navbar .nav-actions .profile .popup .all-apps:active{transform:scale(.96)}.navbar .nav-actions .profile .popup .logout-btn{width:100%;margin-top:10px;padding:8px;background-color:#ff4d4f;color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,transform .2s ease}.navbar .nav-actions .profile .popup .logout-btn svg{margin-right:5px;transition:transform .3s ease}.navbar .nav-actions .profile .popup .logout-btn:hover{background-color:#d9363e;transform:translateY(-2px)}.navbar .nav-actions .profile .popup .logout-btn:hover svg{transform:rotate(-10deg)}.navbar .nav-actions .profile .popup .logout-btn:active{transform:scale(.95)}.navbar .nav-actions .profile span{font-size:14px;color:#555}.collapsed_navbar{margin-left:64px;width:calc(100vw - 64px);transition:.3s linear}.sidebar{height:100vh;position:fixed;background-color:rgba(var(--primary-color-rgb),.05);color:#000;padding:10px;overflow:scroll}.sidebar .logo-container{display:flex;align-items:center;padding:6px 0 16px;gap:10px}.sidebar .logo-container .logo{width:38px;background:var(--primary-color);height:31px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer}.sidebar .logo-container .logo img{width:18px}.sidebar .logo-container h2{cursor:pointer;font-weight:600;font-size:24px;line-height:100%}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar ul li .menu-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 4px;border-radius:8px;font-size:16px;color:#000;text-decoration:none;transition:.3s;cursor:pointer;border-left:4px solid transparent;margin-top:5px}.sidebar ul li .menu-item .title_{display:flex;align-items:center;gap:10px}.sidebar ul li .menu-item:hover{color:var(--primary-color);background-color:rgba(var(--primary-color-rgb),.1)}.sidebar ul li .menu-item:hover svg{color:var(--primary-color)}.sidebar ul li .menu-item.active{background-color:rgba(var(--primary-color-rgb),1);border-radius:8px;color:#fff}.sidebar ul li .menu-item.active svg path{stroke:#fff!important}.sidebar ul li .menu-item.active svg{color:#fff!important}.sidebar ul li .menu-item.active svg{font-size:18px;color:#fff!important}.sidebar ul li .menu-item svg{font-size:18px}.sidebar ul li .sub-menuUl{list-style:none;padding:0}.sidebar ul li .sub-menuUl li{padding:0 10px;width:100%}.sidebar ul li .sub-menuUl li a{text-decoration:none;color:#000;transition:.3s;font-weight:400;font-size:14px;line-height:100%;letter-spacing:-.2px;padding:10px;min-width:100%!important;display:flex;align-items:center;gap:5px;margin-top:5px;border-radius:6px}.sidebar ul li .sub-menuUl li a:hover{color:var(--primary-color);transform:translate(1%)}.sidebar ul li .sub-menuUl li a:hover svg path{stroke:var(--primary-color)}.sidebar ul li .sub-menuUl li a.active-sub{background-color:rgba(var(--primary-color-rgb),.2);color:var(--primary-color)}.sidebar ul li .sub-menuUl li a.active-sub svg path{stroke:var(--primary-color)}.sidebar ul .li_0:nth-child(1){border-top:1px solid #d8ddff;padding-top:10px}.sidebar ul .li_0:nth-child(3){border-bottom:1px solid #d8ddff;padding-bottom:10px}.sidebar ul .li_0:nth-child(4){padding-top:10px}.sidebar ul .li_0:nth-child(5){padding-bottom:10px}.sidebar ul .li_0:nth-child(6){border-top:1px solid #d8ddff;padding-top:10px}.collapsed{width:64px!important}.sideBar_box{padding-bottom:60px}.toggle-btn{position:fixed;width:50px;padding-top:10px;bottom:0;padding-bottom:20px;cursor:pointer;transform-style:preserve-3d;transition:transform .5s ease}.toggle-btn:hover svg{scale:1.05}.toggle-btn:hover:active svg{scale:.95}.toggle-btn-open{width:215px!important}.sidebar::-webkit-scrollbar{display:none}.App{display:flex;height:100vh;background:#f5f5f5}._noData_1ss2i_1{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;animation:_fadeIn_1ss2i_1 1s ease-in-out;min-height:60vh;justify-content:center}._noData_1ss2i_1 ._image_1ss2i_11{width:300px;max-width:80%;height:auto;margin-bottom:1.5rem;animation:_slideDown_1ss2i_1 1s ease-out}._noData_1ss2i_1 ._textBox_1ss2i_18 ._title_1ss2i_18{font-size:2rem;font-weight:600;color:#333;margin-bottom:.5rem;animation:_fadeUp_1ss2i_1 1s ease-out}._noData_1ss2i_1 ._textBox_1ss2i_18 ._subtitle_1ss2i_25{font-size:1.2rem;color:#666;animation:_fadeUp_1ss2i_1 1.2s ease-out}@keyframes _fadeIn_1ss2i_1{0%{opacity:0}to{opacity:1}}@keyframes _slideDown_1ss2i_1{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _fadeUp_1ss2i_1{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.page-container .main-container .filters{margin-top:10px;padding:0 20px 10px;display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:20px;border-bottom:1px solid #e9e4e4}@media (max-width: 1316px){.page-container .main-container .filters{min-width:1120px}}.page-container .main-container .filters .left_filter{display:flex;align-items:center;gap:5px}.page-container .main-container .filters .left_filter .ID{width:186px;padding:7px 12px;border:1px solid #ffffff;height:30px;border-radius:5px;background:#f3f3f3;font-weight:400;font-size:14px;line-height:100%;letter-spacing:-.48px;outline:none}.page-container .main-container .filters .left_filter .ID:hover{border:1px solid var(--primary-color);box-shadow:0 2px 8px #0000001a}.page-container .main-container .filters .left_filter .ID:focus{border:1px solid var(--primary-color)}.page-container .main-container .filters .right_filter{display:flex;align-items:center;gap:5px}.page-container .main-container .filters .right_filter .filter-btn,.page-container .main-container .filters .right_filter .sort-btn{background:#f3f3f3;padding:7px 10px;display:flex;align-items:center;border:1px solid #fff;gap:10px;border-radius:6px;cursor:pointer}.page-container .main-container .filters .right_filter .filter-btn:hover,.page-container .main-container .filters .right_filter .sort-btn:hover{box-shadow:1px 1px 10px .1px #00000014;border:1px solid var(--primary-color)}.page-container .main-container .filters .right_filter .filter-btn:active,.page-container .main-container .filters .right_filter .sort-btn:active{border:1px solid var(--primary-color)}@media (max-width: 1316px){.page-container .main-container .table{min-width:1120px}}.page-container .main-container .table table{width:100%;border-collapse:collapse;border-top-left-radius:10px!important}.page-container .main-container .table table th{background:#ecf0f6!important;color:#320b57;font-weight:400;font-size:14px;line-height:100%;letter-spacing:-.14px}.page-container .main-container .table table tr:hover{cursor:pointer;background:#eff5ff}.page-container .main-container .table table tr:first-child th:last-child{border-top-right-radius:10px}.page-container .main-container .table table tr:first-child th:first-child{border-top-left-radius:10px}.page-container .main-container .table table tr:last-child td:first-child{border-bottom-left-radius:10px}.page-container .main-container .table table tr:last-child td:last-child{border-bottom-right-radius:10px!important}.page-container .main-container .table table tr{border-bottom:1px solid #ecf0f6}.page-container .main-container .table table td{font-weight:400;font-size:14px;line-height:100%;letter-spacing:-.28px}.page-container .main-container .table table td .in-active{border:1px solid #d28e3d;color:#d28e3d;border-radius:4px;padding:2px 4px;font-weight:500;font-size:12px;line-height:140%}.page-container .main-container .table table td .approved{padding:2px 4px;color:#4cd755;border-radius:4px;font-weight:500;font-size:12px;line-height:140%}.page-container .main-container .table table td .rejected{padding:2px 4px;color:#f63434;border-radius:4px;font-weight:500;font-size:12px;line-height:140%}.page-container .main-container .table table td .active,.page-container .main-container .table table td .open,.page-container .main-container .table table td .generated{border:1px solid #5b7ffe;padding:2px 4px;color:#5b7ffe;border-radius:4px;font-weight:500;font-size:12px;line-height:140%}.page-container .main-container .table table td .terminated,.page-container .main-container .table table td .closed,.page-container .main-container .table table td .pending{border:1px solid #af4b4b;padding:2px 4px;color:#af4b4b;border-radius:4px;font-weight:500;font-size:12px;line-height:140%}.page-container .main-container .table table td .resigned{border:1px solid #e46d19;padding:2px 4px;color:#e46d19;border-radius:4px;font-weight:500;font-size:12px;line-height:140%}.page-container .main-container .table table td .notice-period{border:1px solid #ff00c3;padding:2px 4px;color:#ff00c3;border-radius:4px;font-weight:500;font-size:12px;line-height:140%}.page-container .main-container .table table td .action-cell{background:transparent!important;position:relative}.page-container .main-container .table table td .action-cell button{border-radius:4px;background:transparent;border:1px solid grey;width:19px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.page-container .main-container .table table td .action-cell button:hover{border:1px solid black}.page-container .main-container .table table td .action-cell button:hover svg{color:#000}.page-container .main-container .table table td .action-cell button svg{width:10px;height:10px;color:gray}.page-container .main-container .table table td .action-cell .dropdown_menu_action{position:absolute;background:#fff!important;z-index:9;width:80px;margin-left:-60px;border-radius:4px;margin-top:2px;display:flex;flex-direction:column;align-items:start;justify-content:center;box-shadow:0 0 10px .1px #00000029;border:1px solid rgba(128,128,128,.344)}.page-container .main-container .table table td .action-cell .dropdown_menu_action .dropdown-item{text-align:left;border:1px solid transparent;padding:12px;display:flex;align-items:center;color:#000;opacity:.8;width:100%}.page-container .main-container .table table td .action-cell .dropdown_menu_action .dropdown-item:hover{background:#0000002a}.page-container .main-container .table table td .add-salary{display:block;background:var(--primary-color);color:#fff;cursor:pointer;padding:4px 16px;border:2px solid var(--primary-color);border-radius:6px;font-size:14px;line-height:123%;font-weight:500;letter-spacing:-.14px}.page-container .main-container .table table td a{color:var(--primary-color);text-decoration:underline;cursor:pointer}.page-container .main-container .table table th,.page-container .main-container .table table td{padding:12px;text-align:left}.page-container .main-container .table table th{background:#f8f9fa}.page-container .main-container .table table .active{color:green;font-weight:700}.page-container .main-container .table table .inactive{color:red;font-weight:700}.page-container .main-container .table .pagination{margin-bottom:20px;width:100%;display:flex;margin-top:20px;padding:0 20px;align-items:center;justify-content:space-between;font-weight:500;font-size:12.96px;line-height:18.52px}.page-container .main-container .table .pagination button{padding:5px 10px;border:1px solid #d0d5dd;border-radius:7.6px;margin-left:10px;cursor:pointer}.dropdown{position:relative;width:200px}.dropdown .dropdown-btn{display:flex;justify-content:space-between;align-items:center;background:#f3f3f3;border:1px solid #ffffff;border-radius:6px;padding:8px 12px;cursor:pointer;transition:.3s;font-weight:400;font-size:14px;line-height:100%;letter-spacing:-.48px}.dropdown .dropdown-btn:hover{border:1px solid var(--primary-color)}.dropdown .dropdown-btn:active{box-shadow:0 0 6px .1px var(--primary-color)}.dropdown .dropdown-btn .arrow{transition:.3s}.dropdown .dropdown-btn.open .arrow{transform:rotate(180deg)}.dropdown .dropdown-btn .clear-selected-icon{margin-right:-50px;cursor:pointer;color:#888;transition:all .2s ease}.dropdown .dropdown-btn .clear-selected-icon:hover{color:#000}.dropdown .dropdown-content{position:absolute;top:40px;left:0;width:100%;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 24px #0000001f;z-index:10;overflow:hidden}.dropdown .dropdown-content .icon_search_input{position:absolute;top:15px;left:10px}.dropdown .dropdown-content .search-input{margin-bottom:5px;margin-left:6px;margin-top:6px;width:95%;border:none;border:1px solid var(--primary-color);outline:none;font-size:14px;border-radius:4px;box-sizing:border-box;padding:7px 7px 7px 25px}.dropdown .dropdown-content .search-input:focus{border-bottom:1px solid var(--primary-color)}.dropdown .dropdown-content ul{list-style:none;max-height:200px;overflow-y:auto;padding:0;margin:0}.dropdown .dropdown-content ul li{padding:8px 16px;transition:.3s;cursor:pointer;font-weight:400;font-size:14px;line-height:100%;letter-spacing:-.28px;display:flex;align-items:center;justify-content:space-between}.dropdown .dropdown-content ul li:hover,.dropdown .dropdown-content ul .li:hover{background:#f3f4f6;color:var(--primary-color)}.dropdown .dropdown-content ul .label_li_active{background:#f3f4f6;color:var(--primary-color)!important}.dropdown .dropdown-content ul .label_li_active svg{color:var(--primary-color)!important}.open_dropdown{border:1px solid var(--primary-color);border-radius:6px}.open_dropdown_content{border:1px solid var(--primary-color)!important;border-radius:6px}.table-skeleton{width:100%;overflow-x:auto}.table-skeleton table{width:100%;border-collapse:collapse}.table-skeleton table th,.table-skeleton table td{padding:12px;text-align:left}.table-skeleton .skeleton{border-radius:6px;background-color:#e2e8f0;position:relative;overflow:hidden}.table-skeleton .skeleton:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,transparent,#f0f0f0,transparent);animation:loading 1.2s infinite}.table-skeleton .skeleton-header{height:16px;width:96px}.table-skeleton .skeleton-cell{height:16px;width:100%}@keyframes loading{to{left:100%}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:start;align-items:center;z-index:1000;overflow:visible!important;position:relative;z-index:auto}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0003;position:relative;width:600px;width:100%;box-sizing:border-box;max-height:90vh}.modal-header{display:flex;justify-content:space-between;align-items:center;background:#fff;position:fixed;width:600px;border-top-left-radius:8px;border-top-right-radius:8px}.modal-header h2{margin:0;font-size:1.5rem;font-weight:500;color:#333}.modal-header .close-button{background:none;border:none;font-size:1.8rem;cursor:pointer;color:#000}.modal-header .close-button:hover{color:#333}.selectedDeduction_b{overflow:visible!important;position:relative;z-index:auto}.modal-body{margin-top:80px!important;padding:20px 30px!important;overflow-y:auto;max-height:60vh;min-height:20vh}.modal-body .form-group input[type=text],.modal-body .form-group input[type=number],.modal-body .form-group input[type=month],.modal-body .form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box}.modal-body .form-group input[type=text]:focus,.modal-body .form-group input[type=number]:focus,.modal-body .form-group input[type=month]:focus,.modal-body .form-group select:focus{outline:none}.modal-body .form-group .opt_fp{width:150px}.modal-body .form-group .pf_fp{width:200px!important;margin-top:10px}.modal-body .form-group .input-group .moneyInput{display:flex;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:6px 6px 6px 8px}.modal-body .form-group .input-group .currency-symbol{color:#666;padding:0 13px 0 10px}.modal-body .form-group .search-input-container{position:relative;flex-grow:1}.modal-body .form-group .search-input-container input{padding-left:30px}.modal-body .form-group .search-input-container .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#999}.modal-body .form-group .search-input-container .no-results{position:absolute;top:100%;left:0;font-size:.85rem;color:#e53935;margin-top:5px}.modal-footer{padding-top:20px!important;border-top:1px solid #ddd;display:flex;align-items:center;justify-content:space-between!important;gap:10px}.modal-footer .primary-button,.modal-footer .secondary-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .2s ease}.modal-footer .primary-button{background-color:var(--primary-color);color:#fff}.modal-footer .secondary-button{margin-right:20px;background-color:#f5f5f5;color:#333}.modal-footer .secondary-button:hover{background-color:#e8e8e8}.mandatory-fields-note{text-align:right;color:red;font-size:.85rem;margin-top:15px}.select-dropdown{position:relative;height:40px}.select-dropdown.disabled{cursor:not-allowed}.select-dropdown.disabled .dropdown-btn{background:#f1f1f1;box-shadow:none!important;opacity:.6;cursor:not-allowed}.select-dropdown.disabled .dropdown-btn .arrow{display:none}.select-dropdown:focus:not(.disabled) .dropdown-btn{border:1px solid var(--primary-color);box-shadow:0 0 5px .1px var(--primary-color)}.select-dropdown:hover:not(.disabled) .dropdown-btn{border:1px solid var(--primary-color)}.select-dropdown .dropdown-btn{display:flex;justify-content:space-between;align-items:center;background:#f3f3f3;border:1px solid transparent;border-radius:8px;padding:8px 12px;height:40px;cursor:pointer;transition:.3s;font-weight:400;font-size:14px;line-height:20px;letter-spacing:-.14px}.select-dropdown .dropdown-btn span,.select-dropdown .dropdown-btn .arrow{margin-top:5px}.select-dropdown .dropdown-btn .label_placeholder{opacity:.6}.select-dropdown .dropdown-btn .label_displayValue{opacity:1}.select-dropdown .dropdown-btn .arrow{transition:.3s}.select-dropdown .dropdown-btn.open .arrow{transform:rotate(180deg)}.select-dropdown .dropdown-content{position:absolute;top:100%;margin-top:10px;left:-1px;width:100%;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 6px 16px #0000001a;z-index:10;overflow:hidden;box-sizing:border-box}.select-dropdown .dropdown-content .search-container{position:relative;width:100%}.select-dropdown .dropdown-content .search-container .icon_search_input{position:absolute;top:13px;left:10px}.select-dropdown .dropdown-content .search-container input{width:-webkit-fill-available;margin:5px;padding:10px 10px 10px 35px;border:1px solid rgb(0,80,149);border-radius:4px;outline:none;font-size:14px;box-sizing:border-box;color:#000}.select-dropdown .dropdown-content .search-container input:focus,.select-dropdown .dropdown-content .search-container input:hover{border:1px solid var(--primary-color);box-shadow:0 0 2px 2px #0088ff43}.select-dropdown .dropdown-content .dropdown-options{width:100%;overflow-y:auto;max-height:300px}.select-dropdown .dropdown-content .dropdown-options:hover{background:#fff}.select-dropdown .dropdown-content .dropdown-options .dropdown_group_sub{display:flex;flex-direction:column;width:100%;text-align:start}.select-dropdown .dropdown-content .dropdown-options .dropdown_group_sub .dropdown-group-label{width:100%;font-weight:600;margin-bottom:10px}.select-dropdown .dropdown-content .dropdown-options .dropdown_group_sub .dropdown-group-options{height:100%;width:100%;text-align:start}.select-dropdown .dropdown-content ul{list-style:none;padding:0;margin:0}.select-dropdown .dropdown-content ul li{padding:10px 16px;transition:.3s;cursor:pointer;display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.select-dropdown .dropdown-content ul li svg{color:var(--primary-color)}.select-dropdown .dropdown-content ul li svg:hover{opacity:.9}.select-dropdown .dropdown-content ul .label_li_active{background:#f3f4f6;color:var(--primary-color)}.select-dropdown .custom-option{padding:20px 16px;gap:5px;text-align:center;color:var(--primary-color);display:flex;align-items:center;cursor:pointer;border-top:1px solid #ededed}.select-dropdown .custom-option svg{color:var(--primary-color)}.select-dropdown .custom-option:hover{background:#c5d4eb34}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0003;position:relative;max-width:600px;width:100%;box-sizing:border-box;max-height:90vh}.modal-body .flex-col .lble{margin-bottom:10px;width:100%}.modal-body .flex-col .fiscal{display:flex;align-items:center;gap:5px;margin-top:10px}.modal-body .flex-col .moneyInput{display:flex;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:6px 6px 6px 8px;max-width:200px}.modal-body .flex-col .moneyInput .rnum{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.modal-body .flex-col .currency-symbol{color:#666;padding:0 13px 0 10px}.modal-body .form-group{margin-bottom:20px}.modal-body .form-group label{display:block;margin-bottom:8px;font-weight:500;color:#666}.modal-body .form-group label span.mandatory{color:#e53935;margin-left:4px}.modal-body .form-group .input-group{display:flex;gap:10px;align-items:center}.modal-body .form-group .input-group input,.modal-body .form-group .input-group select{flex-grow:1}.modal-body .form-group .input-group .currency-symbol{padding-right:5px;color:#666}.modal-body .info-text{font-size:.85rem;color:#666;margin-top:-10px;margin-bottom:20px}.modal-body .checkbox-group{display:flex;align-items:center;margin-bottom:15px}.modal-body .checkbox-group label{margin-bottom:0;font-weight:400;cursor:pointer;margin-left:5px}.modal-body h3{font-size:1.1rem;color:#333;margin-top:25px;margin-bottom:15px;border-bottom:1px solid #ddd;padding-bottom:5px}.page-container .main-container .emp_container_detail .tabs{display:flex;gap:24px;border-bottom:1px solid #e9e4e4;padding:15px 10px 0 15px;margin-bottom:-11px}@media (max-width: 970px){.page-container .main-container .emp_container_detail .tabs{overflow:scroll;gap:10px}}.page-container .main-container .emp_container_detail .tabs button{color:#2a2a2a;padding:10px 15px;border:none;background:transparent;cursor:pointer;font-weight:700;font-weight:400;font-size:20px;line-height:23.05px;letter-spacing:-.2px}@media (max-width: 970px){.page-container .main-container .emp_container_detail .tabs button{min-width:190px}}.page-container .main-container .emp_container_detail .tabs button.active{border-bottom:1px solid #000;color:var(--primary-color)}.salary-form{background:#fff;padding:30px}.salary-form form{margin-bottom:30px}.salary-form .payment-frequency{margin-bottom:20px;width:50%}.salary-form .payment-frequency label{display:block;margin-bottom:.5rem;font-size:18px;font-weight:500;line-height:20px;letter-spacing:-.15px}.salary-form .payment-frequency label span{color:red}.salary-form .payment-frequency .radio-group{display:flex;align-items:center;gap:20px}.salary-form .payment-frequency .radio-group .checkbox_label{display:flex;align-items:center;gap:8px;margin-top:6px}.salary-form .payment-frequency .radio-group .checkbox_label label{font-weight:400!important;color:#000d;font-size:16px;line-height:100%;letter-spacing:-.48px;margin-bottom:0}.salary-form .radio_content_main{margin:10px 0 15px}.salary-form .radio_content_flex{display:flex!important;gap:5px;margin:5px 0}.salary-form .form-group{margin-bottom:10px}.salary-form .form-group .label_none{opacity:0!important;color:#fff!important}.salary-form .form-group label{display:block;color:#000;margin-bottom:.5rem;font-weight:500;font-size:15px;line-height:133%;letter-spacing:-.15px;width:fit-content}.salary-form .form-group label span{color:red}.salary-form .form-group .under_info{border-bottom:1px dashed rgb(206,204,204)}.salary-form .form-group .note_p{opacity:.7;font-size:14px;width:100%;margin-top:5px;margin-bottom:5px}.salary-form .form-group .input-wrapper{position:relative;display:flex;align-items:center}.salary-form .form-group .input-icon-left,.salary-form .form-group .input-icon-right{background:#fff;height:95%;display:flex;align-items:center;justify-content:center;position:absolute;font-size:1rem;color:#555;width:25px}.salary-form .form-group .input-icon-left{left:1px;border-top-left-radius:8px;border-bottom-left-radius:8px;border-right:1px solid rgba(199,199,199,.2705882353)}.salary-form .form-group .input-icon-right{right:1px;border-left:1px solid rgba(199,199,199,.2705882353);border-top-right-radius:8px;border-bottom-right-radius:8px}.salary-form .form-group .input-field{width:100%;padding:8px 30px;font-size:1rem;border:1px solid #ccc}.salary-form .form-group .input-field:hover{border:1px solid var(--primary-color)}.salary-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:40px}.salary-form .form-row .form-group .checkBox{display:flex!important;align-items:center;justify-content:start;gap:8px;width:100%;text-align:start}.salary-form .form-row .form-group .checkBox label{display:block;font-size:14px;letter-spacing:-.42px;margin-bottom:0}.salary-form .configurations{border-top:1px solid grey;padding-top:10px;margin-top:30px;gap:10px}.salary-form .configurations h3{margin-bottom:20px;font-weight:500;font-size:18px;line-height:20px;letter-spacing:-.18px}.salary-form .configurations .itemCheck{display:grid;grid-template-columns:1fr 1fr;gap:20px}.salary-form .configurations .itemCheck .left .checkbox-container,.salary-form .configurations .itemCheck .right .checkbox-container{margin:10px 0}.salary-form .configurations .checkbox-container{display:flex;align-items:center;gap:8px}.salary-form .configurations .checkbox-container label{display:block;font-weight:500;font-size:16px;letter-spacing:-.48px;color:#000}.salary-form .configurations .checkbox-container_2{margin:10px 0}.salary-form .configurations .checkbox-container_2 h4{font-weight:500;margin-bottom:10px;font-size:16px;line-height:100%;letter-spacing:-.48px;color:#000!important}.salary-form .configurations .checkbox-container_2 .left_radio{margin-left:25px}.salary-form .configurations .checkbox-container_2 .checkbox_label{display:flex;align-items:center;gap:8px;margin-top:6px}.salary-form .configurations .checkbox-container_2 .checkbox_label label{font-weight:400!important;color:#000d;font-size:16px;line-height:100%;letter-spacing:-.48px}.salary-form .configurations .checkbox-container_2 .label_p{margin-left:27px;font-weight:300;margin-top:5px;font-size:14px;line-height:100%;letter-spacing:-.42px;color:#333333da;margin-bottom:10px}.salary-form .note{background:#ffe6e6;padding:15px;border-radius:5px;font-size:14px;margin-top:20px}.actions_submit{display:flex;gap:12px}.actions_submit .save,.actions_submit .cancel{padding:10px 25px;font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.actions_submit .save{background-color:var(--primary-color);color:#fff;position:relative;display:flex;align-items:center;justify-content:center}.actions_submit .cancel{border:1px solid var(--primary-color);background-color:transparent;color:#333}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:start;z-index:999}.popup-box{margin-top:65px;background:#fff;padding:30px;border-radius:10px;box-shadow:0 8px 24px #0003;max-width:600px;width:90%;animation:fadeIn .4s ease}.popup-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:20px}.popup-header h2{font-size:24px;font-weight:600}.popup-header .close-icon{cursor:pointer;color:#888;transition:.3s}.popup-header .close-icon:hover{color:#000}.popup-content{overflow-y:scroll;max-height:70vh}.popup-content .content-section{margin-bottom:20px}.popup-content .content-section h3{font-weight:500;font-size:16px;line-height:20px;margin-top:5px 0;letter-spacing:-.16px}.popup-content .content-section p{font-weight:300;font-size:12px;line-height:20px;letter-spacing:-.12px;opacity:.9;margin-bottom:-10px}.popup-content .content-section ul{margin-left:30px;color:#000;opacity:1;margin-top:10px}.popup-content .content-section ul li{font-weight:300;font-size:12px;line-height:20px;letter-spacing:-.12px;color:#000;opacity:.9}.popup-content::-webkit-scrollbar{display:none}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}#loader02{width:45px;padding:4px;aspect-ratio:1;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;margin:200px auto auto;--_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:rotate 1.4s infinite linear}.page-container .main-container h3{font-weight:500;display:block;color:#000;margin-bottom:8px;font-size:18px;letter-spacing:-.18px;line-height:20px}.page-container .main-container p{font-size:14px;color:#666}.page-container .main-container h2{font-size:18px;font-weight:500}.page-container .main-container .info-icon{display:inline-flex;align-items:center;margin-left:-2px}.page-container .main-container .info-icon svg{color:#999;width:16px;height:16px;vertical-align:middle}.page-container .main-container .ctc-info{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;row-gap:40px;width:100%;margin:10px 0 20px;border-bottom:1px solid #ddd}@media (max-width: 1000px){.page-container .main-container .ctc-info{grid-template-columns:repeat(2,1fr);gap:0px;padding-right:60px}}.page-container .main-container .ctc-info .info-item{display:flex;flex-direction:column}.page-container .main-container .ctc-info .info-item .label{font-size:15px;line-height:144%;letter-spacing:-.15px;font-weight:400;color:#2c2c2c99}.page-container .main-container .ctc-info .info-item .value{font-weight:500;line-height:133%;letter-spacing:-.3px;margin:5px 0;font-size:16px;color:#000}.page-container .main-container .salary-configuration{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:10px;border-bottom:1px solid #ddd;margin-bottom:20px}.page-container .main-container .salary-configuration .checkbox-container{display:flex;align-items:center;gap:8px}.page-container .main-container .salary-configuration .checkbox-container label{display:block;font-weight:500;font-size:16px;letter-spacing:-.48px;color:#000}.page-container .main-container .salary-configuration .checkbox-container_2{margin:20px 0 10px}.page-container .main-container .salary-configuration .inner-checkbox{margin:15px 0}.page-container .main-container .salary-configuration .checkbox-container_2 h4,.page-container .main-container .salary-configuration .inner-checkbox h4{font-weight:500;margin-bottom:10px;font-size:16px;line-height:100%;letter-spacing:-.48px;color:#000!important}.page-container .main-container .salary-configuration .checkbox-container_2 .left_radio,.page-container .main-container .salary-configuration .inner-checkbox .left_radio{margin-left:25px}.page-container .main-container .salary-configuration .checkbox-container_2 .checkbox_label,.page-container .main-container .salary-configuration .inner-checkbox .checkbox_label{display:flex;align-items:center!important;margin-top:6px}.page-container .main-container .salary-configuration .checkbox-container_2 .checkbox_label label,.page-container .main-container .salary-configuration .inner-checkbox .checkbox_label label{font-weight:400!important;color:#000d;font-size:16px;line-height:100%;letter-spacing:-.48px;padding:0 5px}.page-container .main-container .salary-configuration .epf-field{margin:10px 0 10px 25px;display:flex;justify-content:flex-start;gap:20px}.page-container .main-container .salary-configuration .epf-field label{display:flex;font-weight:400!important;color:#000d;font-size:14px;line-height:100%;letter-spacing:-.48px;gap:5px;margin-bottom:6px}.page-container .main-container .salary-configuration .epf-field input[type=text],.page-container .main-container .salary-configuration .epf-field input[type=number]{width:220px!important;height:35px;padding:10px;border-radius:6px;background:#f3f3f3}.page-container .main-container .salary-configuration .epf-field .input_note{font-weight:300;margin-top:5px;font-size:12px;line-height:100%;letter-spacing:-.12px;color:#666}.page-container .main-container .salary-configuration .epf-field .info-icon{display:inline-flex;align-items:center;margin-left:2px;cursor:pointer}.page-container .main-container .salary-configuration .epf-field .info-icon svg{color:#999;width:14px;height:14px;position:relative;top:2px}.page-container .main-container .salary-configuration .bonus-section{margin:20px 0}.page-container .main-container .salary-configuration .bonus-section label{display:flex;font-weight:400!important;color:#000d;font-size:16px;line-height:100%;letter-spacing:-.48px;gap:5px}.page-container .main-container .salary-configuration .bonus-section p{font-weight:300;margin-top:10px;font-size:14px;line-height:100%;letter-spacing:-.42px;color:#333333da;margin-bottom:10px}.page-container .main-container .salary-configuration .bonus-section .select{width:220px;margin-top:4px}.page-container .main-container .section{margin-bottom:20px}.page-container .main-container .section .red{color:red;margin-left:4px}.page-container .main-container .section .label{display:flex!important;align-items:center;gap:5px}.page-container .main-container .section .label label{font-weight:500;display:flex;align-items:center;color:#000;margin-bottom:10px!important;font-size:18px;letter-spacing:-.18px;line-height:20px}.page-container .main-container .section .radio{display:flex;flex-direction:column}.page-container .main-container .section .radio label{display:flex;align-items:center;gap:10px;font-weight:400;font-size:16px;color:#2a2a2a;line-height:100%;letter-spacing:-.16px;margin-bottom:6px}.page-container .main-container .section .input-wrapper{display:flex;border-radius:6px;overflow:hidden;width:120px;height:40px}.page-container .main-container .section .input-wrapper .input-left input{width:100%;height:100%;border:1px solid #ccc;padding:8px 10px;font-size:1rem;outline:none;border-top-right-radius:0;border-bottom-right-radius:0;box-sizing:border-box}.page-container .main-container .section .input-wrapper .input-left input:hover{border-color:var(--primary-color)}.page-container .main-container .section .input-wrapper .input-left input:focus{box-shadow:0 0 5px .1px var(--primary-color);outline:none}.page-container .main-container .section .input-wrapper .input-right{width:35%;flex:1;background:#fff;padding:8px 10px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#444;border-left:none!important;border:1px solid #ccc;border-radius:0 6px 6px 0}.page-container .main-container .ctc-section{display:grid;grid-template-columns:3fr 9fr;align-items:center;gap:10px;margin:0 0 30px 10px}.page-container .main-container .ctc-section .form-group{display:contents}.page-container .main-container .ctc-section .form-group label{grid-column:1/2;margin-bottom:0;font-weight:500}.page-container .main-container .ctc-section .form-group label span{color:red}.page-container .main-container .ctc-section .form-group .ctc-input-wrapper{grid-column:2/3;position:relative;display:flex;align-items:stretch;width:50%}.page-container .main-container .ctc-section .form-group .ctc-input-wrapper .ctc-symbol{width:30px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#555;background:#fff;border:1px solid #ccc;border-right:none;border-radius:8px 0 0 8px;pointer-events:none;box-sizing:border-box}.page-container .main-container .ctc-section .form-group .ctc-input-wrapper .ctc-input{display:flex;align-items:center;flex:1}.page-container .main-container .ctc-section .form-group .ctc-input-wrapper .ctc-input .ctc-input-field{width:60%;padding:8px 10px;font-size:1rem;border:1px solid #ccc;border-radius:0 8px 8px 0;text-align:right;box-sizing:border-box}.page-container .main-container .ctc-section .form-group .ctc-input-wrapper .ctc-input .ctc-input-field:hover{border-color:var(--primary-color)}.page-container .main-container .ctc-section .form-group .ctc-input-wrapper .ctc-input .ctc-input-field:focus{border-color:var(--primary-color);box-shadow:0 0 5px .1px var(--primary-color);outline:none}.page-container .main-container .ctc-section .form-group .ctc-input-wrapper .ctc-input .ctc-input-field::placeholder{color:#aaa;text-align:left}.page-container .main-container .ctc-section .form-group .ctc-input-wrapper .ctc-input p{margin-left:10px;white-space:nowrap}.page-container .main-container .salary-table-header{display:grid;grid-template-columns:1fr 1fr .5fr .5fr;gap:12px;padding-bottom:8px;border-bottom:1px solid #ddd;font-size:14px;letter-spacing:-.14px;font-weight:500;color:#1a1a1a}.page-container .main-container .salary-table-header div{flex:1;text-align:start}.page-container .main-container .salary-table-header div:nth-child(3){text-align:end}.page-container .main-container .salary-table-header div:nth-child(4){text-align:end;margin-right:20px}.page-container .main-container .salary-table-row{display:grid;grid-template-columns:1fr 1fr .5fr .5fr;gap:20px;padding:10px;margin:15px 0;align-items:center}.page-container .main-container .salary-table-row.full-width{grid-template-columns:1fr!important}.page-container .main-container .salary-table-row.full-width .component-title{white-space:nowrap}.page-container .main-container .salary-table-row .amount-section{text-align:right}.page-container .main-container .salary-table-row .blurred{opacity:.4;pointer-events:none}.page-container .main-container .salary-table-row .fbp-checkbox{margin-right:10px;transform:scale(1.2);width:12px;height:12px}.page-container .main-container .salary-table-row .component-title.with-checkbox{display:flex;align-items:flex-start;gap:4px}.page-container .main-container .salary-table-row .component-title.with-checkbox .fbp-checkbox{margin-top:4px;width:12px;height:12px;flex-shrink:0;cursor:pointer}.page-container .main-container .salary-table-row .component-title.with-checkbox .title-content{display:flex;flex-direction:column}.page-container .main-container .salary-table-row .component-title.with-checkbox .title-content .title-line{display:flex;align-items:center;gap:2px;font-weight:500;color:#666}.page-container .main-container .salary-table-row .component-title.with-checkbox .title-content .sub-line{font-size:12px;color:#bbb;margin-top:2px}.page-container .main-container .salary-table-row .component-title.with-checkbox .title-content .info-icon-wrapper{display:inline-flex;align-items:center;cursor:pointer;margin-left:2px}.page-container .main-container .salary-table-row .component-title.with-checkbox .title-content .info-icon-wrapper svg{color:#999;width:14px;height:14px;vertical-align:middle;position:relative;top:0}.page-container .main-container .salary-table-row .component-title{font-size:16px;font-weight:500;color:#1a1a1a}.page-container .main-container .salary-table-row .component-title strong{color:#0e0d0d;font-weight:600}.page-container .main-container .salary-table-row .component-title .info-icon-wrapper{display:inline-flex;align-items:center;margin-left:2px;cursor:pointer}.page-container .main-container .salary-table-row .component-title .info-icon-wrapper svg{color:#999;width:14px;height:14px;position:relative;top:2px;vertical-align:middle}.page-container .main-container .salary-table-row .component-title .sub-line{margin-top:4px;font-size:14px}.page-container .main-container .salary-table-row .component-title .sub-line .label{color:#888;font-weight:400}.page-container .main-container .salary-table-row .component-title .sub-line .value{color:#000;font-weight:500}.page-container .main-container .salary-table-row .component-title .sub-line .value .edit_icon{margin-left:5px;cursor:pointer}.page-container .main-container .salary-table-row .component-title .note-line{display:flex;align-items:center;gap:2px;margin-top:4px}.page-container .main-container .salary-table-row .component-title .note-line .lock-icon{width:12px;height:12px;fill:#777;flex-shrink:0}.page-container .main-container .salary-table-row .component-title .note-line .note-text{font-size:14px;color:#777;border-bottom:1px dashed #999;padding-bottom:1px}.page-container .main-container .salary-table-row .component-title:nth-child(3){text-align:end;margin-right:10px}.page-container .main-container .salary-table-row .slab-input{text-align:end}.page-container .main-container .salary-table-row .component-title:nth-child(4){text-align:end;margin-right:20px}.page-container .main-container .salary-table-row .input-wrapper{display:flex;border-radius:6px;overflow:hidden;width:200px}.page-container .main-container .salary-table-row .input-wrapper .input-left{flex:1}.page-container .main-container .salary-table-row .input-wrapper .input-left input{width:100%;height:100%;border:1px solid #ccc;padding:8px 10px;font-size:1rem;outline:none;border-top-right-radius:0;border-bottom-right-radius:0;box-sizing:border-box}.page-container .main-container .salary-table-row .input-wrapper .input-left input:hover{border-color:var(--primary-color)}.page-container .main-container .salary-table-row .input-wrapper .input-left input:focus{box-shadow:0 0 5px .1px var(--primary-color);outline:none}.page-container .main-container .salary-table-row .input-wrapper .input-left:hover{border-color:var(--primary-color)}.page-container .main-container .salary-table-row .input-wrapper .input-left:focus-within{border-color:var(--primary-color);box-shadow:0 0 5px .1px var(--primary-color);outline:none}.page-container .main-container .salary-table-row .input-wrapper .input-right{width:50%;height:100%;flex:1;background:#fff;padding:8px 10px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#444;border-left:none!important;border:1px solid #ccc;pointer-events:none;border-radius:0 6px 6px 0}.page-container .main-container .salary-table-row input[type=number]{width:200px;height:35px;padding:10px;border-radius:6px;background:#f3f3f3}.page-container .main-container .pt-input-box{position:absolute;background:#fff;box-shadow:0 0 10px .1px #00000017;padding:10px;border-radius:8px;margin-top:-90px;z-index:9;display:flex;align-items:center;gap:8px}.page-container .main-container .pt-input-box input{padding:6px 10px;border-radius:6px;border:1px solid #ccc}.page-container .main-container .pt-input-box .ok-btn{background-color:#28a745;color:#fff;border:none;border-radius:50%;min-width:32px;min-height:32px;font-size:16px;cursor:pointer}.page-container .main-container .pt-input-box .cancel-btn{background-color:#f0f0f0;color:#333;border:none;border-radius:50%;min-width:32px;min-height:32px;font-size:16px;cursor:pointer}.page-container .main-container .warning-container{font-family:sans-serif}.page-container .main-container .warning-container .warning-box{display:flex;justify-content:space-between;align-items:center;border:1px dashed #cacaca;border-radius:8px;margin-bottom:12px}.page-container .main-container .warning-container .warning-box .left-content{display:flex;align-items:center;gap:10px}.page-container .main-container .warning-container .warning-box .left-content .icon{border-bottom-left-radius:8px;border-top-left-radius:8px;padding:15px;background:#fd9f9f44}.page-container .main-container .warning-container .warning-box .left-content span{font-size:13px;color:#525252}.page-container .main-container .warning-container .warning-box .left-content strong{font-size:18px;font-weight:500}.page-container .main-container .warning-container .warning-box .right-values{margin-right:30px;display:flex;gap:145px}.page-container .main-container .warning-container .warning-box .right-values .value{color:#d8000c;font-weight:500}.page-container .main-container .warning-container ._info_box .icon{background:#ecf7f7!important}.page-container .main-container .warning-container ._info_box .right-values .value{color:#0e0d0d}.page-container .main-container .warning-container .cost-box{background-color:#edf1f7;padding:17px 16px;margin-top:20px;border-radius:8px;display:flex;justify-content:space-between;color:#000;font-weight:500;font-size:18px}.page-container .main-container .warning-container .cost-box .cost-values{display:flex;gap:155px;margin-right:20px}.page-container .main-container .payout-preference{margin:20px 0}.page-container .main-container .payout-preference .payout-field{display:grid;grid-template-columns:220px 220px 1fr;align-items:center;padding:10px 0;gap:20px}.page-container .main-container .payout-preference .payout-field label{font-weight:500}.page-container .main-container .payout-preference .payout-field input[type=date],.page-container .main-container .payout-preference .payout-field input[type=month]{width:100%;height:35px;padding:8px 10px;border-radius:6px;background:#f3f3f3}.page-container .main-container .payout-preference .payout-field .info-content{display:flex;align-items:center;gap:5px;font-size:14px;color:#666;line-height:1.4}.form16{color:#333}.form16 .heading{padding:20px;font-weight:500;font-size:24px;line-height:28px;letter-spacing:-.5px;border-bottom:1px solid #E9E4E4}.form16 .top-section{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;padding:20px}.form16 .user-card{display:flex}.form16 .user-card .label{font-weight:400;font-size:20px;line-height:24px;width:300px}.form16 .user-card .note{font-weight:300;color:#0000007a;font-size:14px;line-height:19.6px;max-width:300px!important;margin-top:5px}.form16 .user-card .card{margin-top:1rem;background:#fff;border-radius:10px;box-shadow:0 2px 24px #0000000f;position:relative;width:210px;padding:10px;margin-left:30px}.form16 .user-card .card .hea{display:flex;align-items:center;justify-content:space-between}.form16 .user-card .card img{width:48px;height:48px;border-radius:50%;margin-right:1rem}.form16 .user-card .card .details{flex:1}.form16 .user-card .card .details h4{font-weight:500;margin-top:10px;font-size:20px;line-height:24px}.form16 .user-card .card .details p{font-weight:300;font-size:16px;line-height:20px;color:#0000006e}.form16 .user-card .card .edit-btn{border:1px solid var(--primary-color);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.8rem;color:var(--primary-color);background-color:transparent}.form16 .generate-btn{background-color:var(--primary-color);color:#fff;padding:1rem 3rem;margin-right:40px;border-radius:8px;border:none;font-size:1rem;cursor:pointer;white-space:nowrap;margin-top:30px;box-shadow:0 4px 14px #0000001a;transition:all .3s}.form16 .generate-btn:hover{background-color:var(--primary-color)}.form16 .steps-guide{margin-top:3rem}.form16 .steps-guide img{margin:10px}.form16 .steps-guide h3{font-weight:500;color:#2a2a2a;padding:20px;border-bottom:1px solid #E9E4E4;font-size:24px;line-height:28px;letter-spacing:-.5px}.form16 .steps-guide .steps{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;font-size:1rem}.form16 .steps-guide .steps .step{background-color:#fff;padding:.5rem 1rem;border-radius:6px;box-shadow:0 1px 5px #0000000d}.form16 .steps-guide .steps .arrow{font-size:1.2rem}.form16 .video-section{margin-top:2.5rem}.form16 .video-section .video-box{background:#f0f0f0;padding:2rem;border-radius:12px;display:inline-block;text-align:center}.form16 .video-section .video-box .play-btn{background-color:var(--primary-color);color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:1.5rem;cursor:pointer;margin-bottom:1rem}.form16 .video-section .video-box p{font-size:.95rem;line-height:1.4}.upload-form{display:flex;align-items:center;padding:2rem}.upload-form .upload-box{border:1.5px dashed #ccc;padding:2rem;border-radius:10px;width:350px;text-align:center;background-color:#fcfcfc;margin-bottom:1.5rem;position:relative;height:194px}.upload-form .upload-box .upload-icon{font-size:2.5rem;color:#444;margin-bottom:1rem}.upload-form .upload-box p{font-size:.95rem;color:#444}.upload-form .upload-box .plus-btn{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background-color:#047857;color:#fff;border:none;border-radius:10%;width:32px;height:32px;display:flex;justify-content:center;align-items:center;font-size:1rem;cursor:pointer}.upload-form .generate-btn{background-color:var(--primary-color);color:#fff;padding:.8rem 3rem;border-radius:8px;border:none;font-size:1rem;font-weight:500;margin-bottom:1.5rem;cursor:pointer;box-shadow:0 3px 12px #0000001a}.upload-form .generate-btn:hover{background-color:var(--primary-color)}.upload-form .note{max-width:500px;font-weight:500;font-size:16px;line-height:24px;letter-spacing:-.5px;color:#2a2a2acd}.tip{background:#fff;border-radius:100px;box-shadow:0 0 4px .1px #00000014;padding:5px 7px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--primary-color);cursor:pointer;font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.14px}.login-container{display:flex;justify-content:center;background-color:#fff;margin-top:10%}.logo-container{display:flex;align-items:center;padding:6px 0 16px;gap:10px}.logo-container .logo{width:38px;background:#4dacff;height:31px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer}.logo-container .logo img{width:18px}.logo-container h2{cursor:pointer;font-weight:600;font-size:24px;line-height:100%}.login-form{display:flex;flex-direction:column;justify-content:center;margin-left:3vw;width:30vw;background-color:#fff}label{color:#2a2a2a}.accountimage img{width:10vw;height:auto;margin-bottom:10px}.welcome{color:var(--primary-color);margin-bottom:10px;font-size:1.6vw;font-weight:500;letter-spacing:-.025em;text-align:left}.name{color:#bab7b7;margin-bottom:20px;font-size:1vw;font-weight:500;text-align:left}.loginAlignmentform div{margin-bottom:1vw}.input1 .labelL{font-size:1vw}.address,.passwordform{color:#2a2a2a;margin-bottom:5px;display:block;font-size:1vw;font-weight:400;letter-spacing:-.02em;text-align:left}.valueform[type=email],.valueform[type=password],.valueform[type=text]{padding:10px;font-size:1vw;color:#333;border:1px solid #ececec;border-radius:.4vw;box-sizing:border-box;background:#fdfdfd;width:30vw;height:2.5vw}.eyeicon{position:static;margin-left:-2vw;font-size:1vw!important;cursor:pointer}.eyeicon svg{width:1.4vw!important;height:1.4vw!important}.rememberMe1,.forgot-password a{font-size:1vw!important}.remember-forgot-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.remember-me{display:flex;align-items:center;gap:1.73px}.checkbox[type=checkbox]{width:1.5vw!important;height:1.5vw!important;z-index:1!important;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;border:2px solid #000;cursor:pointer;position:relative;border-radius:3px;border:1px solid grey}.checkbox[type=checkbox]:not(:checked){background-color:#fff}.checkbox[type=checkbox]:checked{background-color:#6540a3}.checkbox[type=checkbox]:checked:after{content:"";position:absolute;top:0;left:.4vw;width:.4vw;height:1vw;border:solid white;border-width:0 .2vw .2vw 0;transform:rotate(45deg)}.checkbox[type=checkbox]:hover{box-shadow:0 0 0 2px #730fad4e;border:1px solid #0084F5!important}.input1 input{border:1px solid #efe5de!important;font-size:13px;color:#727171!important;box-sizing:border-box;background:#fdfdfd;width:424px;height:40px;gap:0px;border-radius:6px 6px 6px 7px;opacity:0px}input{border:none;outline:none}.input1 input:hover{box-shadow:0 0 0 2px #0f44ad4e}.input1 input:focus{color:#2a2a2a!important;border:1px solid #0084F5!important}#rememberMe{margin-right:9px}.rememberMe1{font-size:13px;color:#827c7c}.forgot-password a{color:#0084f5;font-size:13px;text-decoration:none;font-size:14px;font-weight:500;letter-spacing:-.02em;text-align:left}.forgot-password a:hover{text-decoration:underline}.button-container{width:30vw}.btnnn{width:100%;padding:1vw;font-size:16px;color:#fff;background-color:var(--primary-color);opacity:80%;border:none;border-radius:5px;cursor:pointer;position:relative;left:0;font-size:1vw;font-weight:500;letter-spacing:-.025em;height:50px;text-align:center;display:flex;align-items:center;justify-content:center}.btnnn:hover,.btnnn:active{opacity:100%}#svg_login_loading{width:100px;margin-top:15px;height:50px;cursor:none;display:flex;align-items:center;justify-content:center}.or-divider{display:flex;align-items:center;justify-content:center;margin:20px 0}.line{flex:1;height:1px;background-color:#edebeb!important;margin:0 10px}.Underline2{justify-content:center;margin-left:-10px;display:flex;align-items:center;margin-top:9px;width:30vw}.Underline2 .line1{flex:1;border:none;border-top:1px solid #c3c3c3;text-align:center;margin-left:20px}.Underline2 span{padding-left:15px!important}.distancelogin{text-align:center;margin-bottom:10px}.login1{color:#2a2a2a;font-size:14px;font-weight:500;letter-spacing:.015em;margin-left:37px}.social-media-container{display:flex;justify-content:space-around;position:relative;top:-5px;width:30vw;height:56px;gap:17px;opacity:0px}.social-media-container img{width:56px}.social-icon img{width:3vw}.wholeaccount h6{text-align:center;top:12px;font-size:1vw;position:relative}.accountant{font-size:13px;font-weight:400;letter-spacing:-.025em;text-align:center;margin-left:38px}.accountant a{color:#683de5;font-weight:500;text-decoration:none}.accountant a:hover{text-decoration:underline}.or-divider{margin-right:27px;display:flex;align-items:center;margin-top:20px;width:93%}.or-divider .line{flex:1;border:none;border-top:1px solid #c3c3c3}.or-divider span{margin:0 10px;color:#400f6f;font-size:14px}@media (max-width: 814px){.login-image{border:1px solid red;display:none;opacity:0!important}}@media (max-width: 800px){.wrapper{padding:10px}.login-container{flex-direction:column;justify-content:flex-start;align-items:center;height:auto}.form-image-wrapper{flex-direction:column;width:100%;box-shadow:none;border-radius:0}.form-wrapper{padding:20px}.image-wrapper,.login-image{display:none}.login-form{width:90%;margin:0 auto}.welcome{font-size:1.4rem}.name{font-size:1rem}.valueform[type=email],.valueform[type=password],.valueform[type=text]{width:100%;height:3rem;font-size:1rem}.eyeicon{margin-left:-2rem;font-size:1.2rem;margin-top:1rem}.button-container{width:100%}.btnnn{font-size:1.2rem;padding:12px}.or-divider{margin:10px 0}.Underline2{width:100%}.Underline2 span{padding-left:10px}.social-media-container{width:100%;gap:10px}.input1 .labelL{font-size:1rem;margin-bottom:2vw;gap:1vw}.accountimage img{width:80px;margin-top:20px}.social-icon img{width:4rem}.wholeaccount h6{font-size:1rem}.rememberMe1,.forgot-password a{font-size:3vw!important}.checkbox[type=checkbox]{width:3vw!important;height:3vw!important}}#HI{display:inline-block;animation:bounce 2s ease-in-out,shake 2s ease-in-out infinite .5s}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@keyframes shake{0%,to{transform:rotate(37deg)}50%{transform:rotate(-10deg)}}.wave{animation-name:wave-animation;animation-duration:2.5s;animation-iteration-count:infinite;transform-origin:70% 70%;display:inline-block}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}@media (min-width: 2800px){.slick-dots li{width:50px!important}.login-image .Img_main{margin-top:80px;border-radius:20px}.login-image{margin:40px!important;border-radius:25px}}@media (min-width: 768px) and (max-width: 1050px){.login-container{display:flex!important;align-items:center!important;justify-content:center!important;width:100%;height:100vh}.login-image{max-width:50vw}.login-image .Img_main{width:46vw!important;margin-bottom:10vh}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.epf .statutory-detail .epf-details{display:grid;grid-template-columns:8fr 4fr;gap:20px}.epf .statutory-detail .epf-details .epf-left .epf_data{display:flex;align-items:center;margin:10px 0}.epf .statutory-detail .epf-details .epf-left .epf_data.no-center{align-items:flex-start}.epf .statutory-detail .epf-details .epf-left .epf_data h3{font-weight:300;font-size:16px;line-height:23.05px;width:270px;letter-spacing:-.16px;display:flex;align-items:center;justify-content:space-between;color:#2a2a2a}.epf .statutory-detail .epf-details .epf-left .epf_data h3 span{margin-right:20px}.epf .statutory-detail .epf-details .epf-left .epf_data p{font-weight:300;font-size:16px;line-height:23.05px;letter-spacing:-.16px;color:#000}.epf .statutory-detail .epf-details .epf-left .contribution-preferences{display:flex;flex-direction:column;margin-top:8px}.epf .statutory-detail .epf-details .epf-left .contribution-preferences .preference-item{display:flex;align-items:center;margin-bottom:4px}.epf .statutory-detail .epf-details .epf-left .contribution-preferences .preference-item .icon{font-size:16px;margin-right:6px}.epf .statutory-detail .epf-details .epf-left .contribution-preferences .preference-item .icon.tick{color:#58d658}.epf .statutory-detail .epf-details .epf-left .contribution-preferences .preference-item .icon.cross{color:gray}.epf .statutory-detail .epf-details .epf-left .contribution-preferences .preference-item p{margin:0;font-weight:300;font-size:16px;line-height:23.05px;color:#000}.epf .statutory-detail .epf-details .epf-right .sample-calculation{width:100%;max-width:500px;margin:auto;font-family:Segoe UI,sans-serif}.epf .statutory-detail .epf-details .epf-right .sample-calculation .calculation-header{background-color:rgba(var(--primary-color-rgb),.4);text-align:center;padding:1rem;border-top-left-radius:10px;border-top-right-radius:10px}.epf .statutory-detail .epf-details .epf-right .sample-calculation .calculation-header h3{margin:0;font-weight:600;font-size:22px;line-height:23.05px;letter-spacing:-.22px}.epf .statutory-detail .epf-details .epf-right .sample-calculation .calculation-header p{font-weight:300;font-size:16px;line-height:23.05px;letter-spacing:-.16px;text-align:center;color:#2a2a2a}.epf .statutory-detail .epf-details .epf-right .sample-calculation .calculation-container{background-color:rgba(var(--primary-color-rgb),.1);padding:20px;min-height:100px}.epf .statutory-detail .epf-details .epf-right .sample-calculation .calculation-container .epf-box{background:#fff;border-radius:10px;box-shadow:0 0 10px #0000000d;border:1px solid #e2f0ff}.epf .statutory-detail .epf-details .epf-right .sample-calculation .calculation-container .epf-box .section{padding:20px}.epf .statutory-detail .epf-details .epf-right .sample-calculation .calculation-container .epf-box .section .section_head{font-weight:400;font-size:18px;line-height:23.01px;letter-spacing:-.18px;margin:0 0 .5rem}.epf .statutory-detail .epf-details .epf-right .sample-calculation .calculation-container .epf-box .section:first-of-type{position:relative;padding-bottom:1rem}.epf .statutory-detail .epf-details .epf-right .sample-calculation .calculation-container .epf-box .section:first-of-type:after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:1px;background-color:#e9e4e4}.epf .statutory-detail .epf-details .epf-right .sample-calculation .calculation-container .epf-box .row{display:flex;justify-content:space-between;align-items:flex-start;margin:.3rem 0;margin-top:20px;font-size:14px;font-weight:300;letter-spacing:-.42px;color:#333333da;opacity:.9;line-height:100%}.epf .statutory-detail .epf-details .epf-right .sample-calculation .calculation-container .epf-box .row span:first-child{flex:1 1 auto;margin-right:10px;word-break:break-word}.epf .statutory-detail .epf-details .epf-right .sample-calculation .calculation-container .epf-box .row span:last-child{flex:0 0 auto;white-space:nowrap}.epf .statutory-detail .epf-details .epf-right .sample-calculation .calculation-container .epf-box .total{background:#7df6ff33;background-color:rgba(var(--primary-color-rgb),.3);font-weight:500;padding:20px;color:#000;font-size:18px;line-height:23.01px;letter-spacing:-.18px;margin:0 0 .5rem;border-bottom-left-radius:10px;border-bottom-right-radius:10px;margin-bottom:-1px}.epf .statutory-detail .epf-details .epf-right .sample-calculation .calculation-container .epf-card{margin-top:20px;background-color:rgba(var(--primary-color-rgb),.08);padding:16px 20px;border-radius:8px;width:fit-content;font-family:Segoe UI,sans-serif;font-size:14px;color:#333}.epf .statutory-detail .epf-details .epf-right .sample-calculation .calculation-container .epf-message{display:flex;align-items:flex-start;gap:8px;color:#333}.epf .statutory-detail .epf-details .epf-right .sample-calculation .calculation-container .epf-message .epf-icon{color:#f5a623;margin-top:2px;font-size:18px;rotate:-40deg}.epf .statutory-detail .epf-details .epf-right .sample-calculation .calculation-container .epf-link{display:flex;align-items:center;gap:6px;margin-top:10px}.epf .statutory-detail .epf-details .epf-right .sample-calculation .calculation-container .epf-link .eye-icon{font-size:16px;color:#4a90e2}.epf .statutory-detail .epf-details .epf-right .sample-calculation .calculation-container .epf-link a{color:#4a90e2;text-decoration:none;font-weight:500}.epf .statutory-detail .epf-details .epf-right .sample-calculation .calculation-container .epf-link a:hover{text-decoration:underline}@media (max-width: 600px) and (max-width: 600px){.epf .statutory-detail .epf-details{flex-direction:column}.epf .statutory-detail .epf-details .esi-left,.epf .statutory-detail .epf-details .esi-right{width:100%}}.button{--border: rgba(0, 0, 0, .13);--highlight: rgba(255, 255, 255, .2);--shadow: rgba(0, 0, 0, .1);display:flex;height:2.5rem;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:.25rem;white-space:nowrap;border:none;background-color:#fff;padding:0 1rem;font-size:1rem;line-height:1.5rem;cursor:pointer;color:#000;text-decoration:none;outline-width:2px;outline-offset:2px;outline-color:#007acc;font-weight:500;border-radius:.375rem;box-shadow:inset 0 0 0 1px var(--border),inset 0 2px 0 var(--highlight),inset 0 -1px 0 var(--shadow),0 1px 1px var(--shadow)}.button:not(:active):hover{--border: rgb(0 0 0 / 33%)}.button[aria-disabled=true]{opacity:.5}.button[data-focus-visible]{outline-style:solid}.button:active,.button[data-active]{padding-top:.125rem;box-shadow:inset 0 0 0 1px var(--border),inset 0 2px 0 var(--border)}@media (min-width: 640px){.button{gap:.5rem}}.button.dark,:where(.dark,.dark *) .button{--border: rgba(255, 255, 255, .1);--highlight: rgba(255, 255, 255, .05);--shadow: rgba(0, 0, 0, .25);background-color:#ffffff0d;color:#fff;box-shadow:inset 0 0 0 1px var(--border),inset 0 -1px 0 1px var(--shadow),inset 0 1px 0 var(--highlight)}.button.dark:not(:active):hover,:where(.dark,.dark *) .button:not(:active):hover{--border: rgb(255 255 255 / 25%)}.button.dark:active,.button.dark[data-active],:where(.dark,.dark *) .button:active,:where(.dark,.dark *) .button[data-active]{box-shadow:inset 0 0 0 1px var(--border),inset 0 1px 1px 1px var(--shadow)}.secondary{background-color:transparent;color:currentColor;box-shadow:none}.secondary:hover{background-color:#0000000d}.secondary.dark,:where(.dark,.dark *) .secondary{background-color:transparent;box-shadow:none}.secondary.dark:hover,:where(.dark,.dark *) .secondary:hover{background-color:#ffffff0d}.secondary.dark:active,.secondary.dark[data-active],:where(.dark,.dark *) .secondary:active,:where(.dark,.dark *) .secondary[data-active]{box-shadow:none}.backdrop{background-color:#0000001a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.backdrop.dark,:where(.dark,.dark *) .backdrop{background-color:#0000004d}.dialog{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;margin:auto;display:flex;height:fit-content;max-height:calc(100dvh - 1.5rem);flex-direction:column;gap:1rem;overflow:auto;border-radius:.75rem;background-color:#fff;padding:1rem;color:#000;box-shadow:0 25px 50px -12px #00000040}@media (min-width: 640px){.dialog{max-height:80vh;width:420px;border-radius:1rem;padding:1.5rem}}.dialog.dark,:where(.dark,.dark *) .dialog{border:1px solid hsl(204,4%,24%);background-color:#27292a;color:#fff}.heading{margin:0;font-size:1.25rem;line-height:1.75rem;font-weight:600}.buttons{display:flex;gap:.5rem}.popup-container{position:absolute;top:145px;left:730px;z-index:999}.popup-box{position:relative;width:560px;background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 10px #00000014;padding:20px;font-family:Segoe UI,sans-serif}.popup-title{font-size:11px;font-weight:600;color:#999;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.popup-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.popup-row .left{width:60%;color:#333}.popup-row .right{display:flex;width:38%;text-align:right;color:#333}.popup-row.header{font-weight:600;font-size:13px;color:#444;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:10px}.info-icon{font-size:14px;margin-left:6px;cursor:pointer;color:#999}.close-btn{position:absolute;top:10px;right:12px;background:transparent;border:none;font-size:18px;color:#aaa;cursor:pointer}.close-btn:hover{color:#000}.epf-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;justify-content:center;align-items:center;z-index:1000}.epf-modal{background:#fff;width:900px;border-radius:10px;box-shadow:0 4px 12px #00000026;position:relative}.epf-header{margin-top:-24px;width:850px;height:40px;display:flex;justify-content:space-between;align-items:center;background:#fff;position:fixed;width:900px;border-top-left-radius:8px;border-top-right-radius:8px;padding:24px}.epf-header h2{margin:10px 0 0;font-size:20px}.epf-header .close-btn{margin-top:5px;font-size:22px;cursor:pointer;color:#555}.box_body_epf{padding:24px;max-height:75vh;margin-top:20px;overflow:auto}.epf-subtext{font-size:14px;color:#555;margin-top:12px}.blue-link{font-size:16px;color:#1877f2;margin-top:10px;display:inline-block;cursor:pointer;text-decoration:none}.blue-link:hover{text-decoration:underline}.config-box{margin:20px;padding:20px;background:#f8f8f8;border-radius:10px}.config-box h4{font-size:16px;font-weight:500;margin-top:10px;color:#1877f2}.config-box p{font-size:14px;font-weight:400;margin-top:10px;letter-spacing:.2px}.config-box p .green{color:green}.config-box p b{font-weight:500}.epf-table-section{margin-top:24px}.epf-table-section .table-header{display:flex;justify-content:space-between;align-items:center}.epf-table-section .table-header h3{font-size:16px;font-weight:600;margin:0}.epf-table-section .table-header label{font-size:14px;display:flex;align-items:center}.epf-table-section .table-header label input{margin-right:6px}.epf-table-section .epf-table{width:100%;margin-top:16px;border-collapse:collapse;font-size:14px}.epf-table-section .epf-table th,.epf-table-section .epf-table td{border:1px solid #ccc;padding:12px;vertical-align:top;text-align:left}.epf-table-section .epf-table th b,.epf-table-section .epf-table td b{font-weight:500;padding:15px 0}.epf-table-section .epf-table th{background-color:#f8f9fa;font-weight:500}.epf-table-section .epf-table .small-text{font-size:12px;color:#666}.epf-table-section .epf-table .orange-tag{background-color:#f3aa4e;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;margin-left:6px}.epf-table-section .epf-table .ml-6{margin-left:6px}.got-it-btn{margin-top:24px;padding:10px 20px;background-color:#f3f4f6;border:none;border-radius:6px;cursor:pointer;font-size:14px;margin-left:24px;margin-bottom:15px}.got-it-btn:hover{background-color:#e0e0e0}.esi .statutory-detail .esi-details{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px}.esi .statutory-detail .esi-details .esi-left,.esi .statutory-detail .esi-details .esi-right{width:48%}.esi .statutory-detail .esi-details .esi-left .esi_data,.esi .statutory-detail .esi-details .esi-right .esi_data{display:flex;align-items:center;margin:10px 0}.esi .statutory-detail .esi-details .esi-left .esi_data h3,.esi .statutory-detail .esi-details .esi-right .esi_data h3{font-weight:300;font-size:16px;line-height:23.05px;width:270px;letter-spacing:-.16px;display:flex;align-items:center;justify-content:space-between;color:#2a2a2a}.esi .statutory-detail .esi-details .esi-left .esi_data h3 span,.esi .statutory-detail .esi-details .esi-right .esi_data h3 span{margin-right:20px}.esi .statutory-detail .esi-details .esi-left .esi_data p,.esi .statutory-detail .esi-details .esi-right .esi_data p{font-weight:300;font-size:16px;line-height:23.05px;letter-spacing:-.16px;color:#000}@media (max-width: 600px){.esi .statutory-detail .esi-details{flex-direction:column}.esi .statutory-detail .esi-details .esi-left,.esi .statutory-detail .esi-details .esi-right{width:100%}}.professional-tax-container{margin:40px auto;background-color:#fff;border-radius:12px;font-family:sans-serif}.professional-tax-container .professional-tax-head{margin-bottom:15px;padding-bottom:10px;display:flex;justify-content:space-between}.professional-tax-container .professional-tax-head h2{font-weight:500;font-size:24px;line-height:23.05px;letter-spacing:-.24px}.professional-tax-container .professional-tax-head p{font-weight:400;color:#2a2a2a;margin-top:5px;font-size:16px;line-height:23.05px;letter-spacing:-.16px}.professional-tax-container .box_section{box-shadow:1px 1px 10px 2px #0000000f;padding:15px;border-radius:12px;margin-bottom:20px}.professional-tax-container .detail_head_title{font-size:22px;font-weight:500;margin-bottom:10px}.professional-tax-container .container-details{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px}.professional-tax-container .container-details .left-detail,.professional-tax-container .container-details .right-detail{width:48%}.professional-tax-container .container-details .left-detail .container_detail_data,.professional-tax-container .container-details .right-detail .container_detail_data{display:flex;align-items:center;margin:10px 0}.professional-tax-container .container-details .left-detail .container_detail_data h3,.professional-tax-container .container-details .right-detail .container_detail_data h3{font-weight:300;font-size:16px;line-height:23.05px;width:270px;letter-spacing:-.16px;display:flex;align-items:center;justify-content:space-between;color:#2a2a2a}.professional-tax-container .container-details .left-detail .container_detail_data h3 span,.professional-tax-container .container-details .right-detail .container_detail_data h3 span{margin-right:20px}.professional-tax-container .container-details .left-detail .container_detail_data p,.professional-tax-container .container-details .right-detail .container_detail_data p{font-weight:300;font-size:16px;line-height:23.05px;letter-spacing:-.16px;color:#000}.professional-tax-container .container-details .left-detail .container_detail_data a,.professional-tax-container .container-details .right-detail .container_detail_data a{color:var(--primary-color);border-bottom:1px solid;cursor:pointer}.professional-tax-container .container-details .left-detail .container_detail_data .toggle-container,.professional-tax-container .container-details .right-detail .container_detail_data .toggle-container{text-align:center}.professional-tax-container .container-details .left-detail .container_detail_data .toggle-container .toggle-switch,.professional-tax-container .container-details .right-detail .container_detail_data .toggle-container .toggle-switch{width:100px;height:35px;background-color:#ccc;border-radius:30px;position:relative;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;padding:0 10px;justify-content:space-between;font-weight:700;font-size:14px;-webkit-user-select:none;user-select:none}.professional-tax-container .container-details .left-detail .container_detail_data .toggle-container .toggle-switch .toggle-knob,.professional-tax-container .container-details .right-detail .container_detail_data .toggle-container .toggle-switch .toggle-knob{position:absolute;top:2.5px;left:3px;width:30px;height:30px;background-color:#fff;border-radius:50%;transition:left .3s ease;box-shadow:0 2px 6px #0003}.professional-tax-container .container-details .left-detail .container_detail_data .toggle-container .toggle-switch.enabled,.professional-tax-container .container-details .right-detail .container_detail_data .toggle-container .toggle-switch.enabled{background-color:#43a147}.professional-tax-container .container-details .left-detail .container_detail_data .toggle-container .toggle-switch.enabled .toggle-knob,.professional-tax-container .container-details .right-detail .container_detail_data .toggle-container .toggle-switch.enabled .toggle-knob{left:67px}.professional-tax-container .container-details .left-detail .container_detail_data .toggle-container .toggle-switch .toggle-label,.professional-tax-container .container-details .right-detail .container_detail_data .toggle-container .toggle-switch .toggle-label{width:100%;text-align:right;z-index:1;color:#000000a2}.professional-tax-container .container-details .left-detail .container_detail_data .toggle-container .toggle-switch .Enabled,.professional-tax-container .container-details .right-detail .container_detail_data .toggle-container .toggle-switch .Enabled{text-align:left;color:#fff}.professional-tax-container .container-details .left-detail .container_detail_data .toggle-container .toggle-status,.professional-tax-container .container-details .right-detail .container_detail_data .toggle-container .toggle-status{margin-top:10px;font-size:1rem}.professional-tax-container .container-details .left-detail .container_detail_data,.professional-tax-container .container-details .right-detail .container_detail_data{display:flex;align-items:center;gap:10px}.professional-tax-container .container-details .left-detail .container_detail_data h3,.professional-tax-container .container-details .right-detail .container_detail_data h3{margin:0}.professional-tax-container .container-details .left-detail .container_detail_data a,.professional-tax-container .container-details .right-detail .container_detail_data a{color:var(--primary-color);cursor:pointer}.professional-tax-container .container-details .left-detail .container_detail_data .pt-input-box,.professional-tax-container .container-details .right-detail .container_detail_data .pt-input-box{display:flex;align-items:center;gap:8px}.professional-tax-container .container-details .left-detail .container_detail_data .pt-input-box input,.professional-tax-container .container-details .right-detail .container_detail_data .pt-input-box input{padding:6px 10px;border-radius:6px;border:1px solid #ccc}.professional-tax-container .container-details .left-detail .container_detail_data .pt-input-box .ok-btn,.professional-tax-container .container-details .right-detail .container_detail_data .pt-input-box .ok-btn{background-color:#28a745;color:#fff;border:none;border-radius:50%;min-width:32px;min-height:32px;font-size:16px;cursor:pointer}.professional-tax-container .container-details .left-detail .container_detail_data .pt-input-box .cancel-btn,.professional-tax-container .container-details .right-detail .container_detail_data .pt-input-box .cancel-btn{background-color:#f0f0f0;color:#333;border:none;border-radius:50%;min-width:32px;min-height:32px;font-size:16px;cursor:pointer}.professional-tax-container .container-details .left-detail .container_detail_data .saved-data,.professional-tax-container .container-details .right-detail .container_detail_data .saved-data{display:flex;align-items:center;gap:8px}.professional-tax-container .container-details .left-detail .container_detail_data .saved-data .saved-number,.professional-tax-container .container-details .right-detail .container_detail_data .saved-data .saved-number{font-weight:500;color:#333}.professional-tax-container .container-details .left-detail .container_detail_data .saved-data .edit-btn,.professional-tax-container .container-details .right-detail .container_detail_data .saved-data .edit-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:100px;padding:3px}.professional-tax-container .container-details .left-detail .container_detail_data .saved-data .edit-btn:hover,.professional-tax-container .container-details .right-detail .container_detail_data .saved-data .edit-btn:hover{background:#e3e3e3}.professional-tax-container .box_section .notHave_think{display:flex;align-items:center;padding:20px;border:1px dashed #e3e3e3;border-radius:14px;gap:20px;font-size:14px;width:50%;font-weight:400;color:#2a2a2a}.professional-tax-container .box_section .notHave_think strong{font-weight:500;color:#000}@media (max-width: 600px){.professional-tax-container{padding:16px}.professional-tax-container .container-details{flex-direction:column}.professional-tax-container .container-details .left-detail,.professional-tax-container .container-details .right-detail{width:100%}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:start;padding-top:70px;z-index:999}.modal{background:#fff;width:600px;border-radius:8px;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dedede;padding:20px}.modal-header h3{font-size:22px;line-height:34px;font-weight:400!important}.modal-header h3 strong{font-weight:600}.modal-header .close-btn{background:none;border:none;font-size:24px;cursor:pointer;background:#3b3b3b0f;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:100px}.modal-header .close-btn:hover{color:red}.modal-body{margin-top:20px;padding:0 20px}.modal-body .info-row{display:flex;justify-content:start;gap:20px;margin-bottom:20px}.modal-body .info-row h4{margin-top:-10px;font-size:16px;font-weight:400;color:#323232;line-height:27px}.modal-body .info-row h4 strong{font-weight:600;color:#323232d2}.modal-body .custom-table{border:1px solid #dcdcdc;border-collapse:collapse;width:100%;font-family:Arial,sans-serif}.modal-body .table-row{display:flex}.modal-body .table-row:first-child{border-top:none}.modal-body .table-cell{flex:1;padding:12px;border-left:1px solid #dcdcdc;font-size:14px;text-align:left}.modal-body .table-cell:first-child{border-left:none}.modal-body .table-head{background-color:#f9f9f9;font-weight:500;opacity:.7;border-bottom:1px solid #dcdcdc}.modal-footer{text-align:right;margin-top:20px;padding:0 20px 20px}.modal-footer button{padding:8px 20px;border:none;background-color:var(--primary-color);color:#fff;border-radius:4px;cursor:pointer}.statutory_bonus .statutory-detail .header{display:flex;align-items:center;gap:10px}.statutory_bonus .statutory-detail .header h2{margin:0}.statutory_bonus .statutory-detail .header .edit-icon{background:#e3e3e3;opacity:.5;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:100%;padding:5px}.statutory_bonus .statutory-detail .header .edit-icon:hover{background:#e6e5e5;opacity:1}.statutory_bonus .statutory-detail .info-blocks{display:flex;gap:20px;margin:20px 0}.statutory_bonus .statutory-detail .info-blocks .info-card{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:50px;background-color:#f6f6f6}.statutory_bonus .statutory-detail .info-blocks .info-card svg{font-size:24px}.statutory_bonus .statutory-detail .info-blocks .info-card .label{font-size:14px;color:#666;margin:0}.statutory_bonus .statutory-detail .info-blocks .info-card .value{font-size:16px;font-weight:600;margin:0}.statutory_bonus .statutory-detail .info-blocks .info-card.green{background-color:#e6f8ec;color:#27ae60}.statutory_bonus .statutory-detail .info-blocks .info-card.orange{background-color:#fff4ec;color:#f2994a}.statutory_bonus .statutory-detail .wage-section h3{font-size:18px;font-weight:500;color:#1a1a1a;line-height:23.05px;letter-spacing:-.24px}.statutory_bonus .statutory-detail .wage-section p{margin-bottom:20px;opacity:.7;font-weight:400;color:#2a2a2a;font-size:16px;line-height:23.05px;letter-spacing:-.16px}.statutory_bonus .statutory-detail .wage-section .state-card{box-shadow:2px 2px 12px .3px #00000012;margin:10px 0;padding:20px;border-radius:10px;font-weight:500}.statutory_bonus .statutory-detail .wage-section .minimum-wage-notice{border:1px dashed #e2e8f0;background-color:#fefcfb;padding:20px;border-radius:12px;text-align:center;margin:20px}.statutory_bonus .statutory-detail .wage-section .minimum-wage-notice .notice-content{display:flex;align-items:center;justify-content:center;color:#f97316;font-size:16px;margin-bottom:10px}.statutory_bonus .statutory-detail .wage-section .minimum-wage-notice .notice-content .icon{margin-right:8px;width:20px;height:20px}.statutory_bonus .statutory-detail .wage-section .minimum-wage-notice .add-wage-btn{background-color:#eef2ff;color:#4f46e5;padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:500;font-size:14px;transition:background .2s}.statutory_bonus .statutory-detail .wage-section .minimum-wage-notice .add-wage-btn:hover{background-color:#e0e7ff}.statutory_bonus .statutory-detail .wage-section .wage-grid{display:grid;grid-template-columns:2fr 1.5fr 1.5fr;padding:12px 0;font-size:16px}.statutory_bonus .statutory-detail .wage-section .wage-grid.header{border-bottom:1px solid #ddd;font-weight:500;line-height:23.1px;letter-spacing:-.16px;color:#1a1a1a}.statutory_bonus .statutory-detail .wage-section .wage-grid.header span{font-weight:400;color:#7f7f7f;font-size:13px}.statutory_bonus .statutory-detail .wage-section .wage-grid.body{font-weight:500;font-size:16px;line-height:23.05px;letter-spacing:-.16px;color:#000}.page-container .main-container .table .statutory-detail{margin:40px auto;background-color:#fff;border-radius:12px;font-family:sans-serif}.page-container .main-container .table .statutory-detail .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.page-container .main-container .table .statutory-detail .head h2{font-weight:500;font-size:24px;line-height:23.05px;letter-spacing:-.24px}.page-container .main-container .table .statutory-detail .head .edit_disable_btn{display:flex;justify-content:flex-end;gap:12px}.page-container .main-container .table .statutory-detail .head .edit_disable_btn .edit-btn{background:#fff;color:var(--primary-color);border:1px solid var(--primary-color);padding:9px 24px;border-radius:6px;cursor:pointer;transition:background-color .3s;font-weight:500;font-size:18px;line-height:20px;letter-spacing:-.18px}.page-container .main-container .table .statutory-detail .head .edit_disable_btn .disable-btn{background-color:#fff;color:#ff3b30;border:1px solid #ff3b30;padding:9px 18px;border-radius:6px;cursor:pointer;transition:background-color .3s;font-weight:500;font-size:18px;line-height:20px;letter-spacing:-.18px;display:flex;gap:6px;align-items:center}.page-container .main-container .table .statutory-detail .head .edit_disable_btn .disable-btn:disabled{opacity:.5;cursor:not-allowed}.page-container .main-container .table .statutory-detail .head .edit_disable_btn .disable-btn:hover{background-color:#ff3b30;border:1px solid #ff3b30;color:#fff}.page-container .main-container .table .statutory-detail .head .edit_disable_btn .disable-btn:hover svg{color:#fff}.page-container .main-container .table .statutory-detail .head .edit_disable_btn .disable{opacity:.5}@media (max-width: 600px){.page-container .main-container .table .statutory-detail{padding:16px}.page-container .main-container .table .statutory-detail .edit_disable_btn{flex-direction:column;align-items:stretch}.page-container .main-container .table .statutory-detail .edit_disable_btn .edit-btn,.page-container .main-container .table .statutory-detail .edit_disable_btn .disable-btn{width:100%}}.page-container .main-container .tabs{display:flex;gap:24px;border-bottom:1px solid #e9e4e4;padding:15px 10px 0 15px;margin-bottom:-11px}@media (max-width: 970px){.page-container .main-container .tabs{overflow:scroll;gap:10px}}@media (max-width: 970px){.page-container .main-container .tabs button{min-width:190px}}.page-container .main-container .table{margin:40px 20px 20px}.page-container .main-container .table .enable_container{width:100%;height:fit-content;display:flex;align-items:center;justify-content:center;flex-direction:column}.page-container .main-container .table .enable_container h2{color:#333;font-size:20px;font-weight:500;margin-top:10px}.page-container .main-container .table .enable_container h3{font-weight:500;font-size:20px;letter-spacing:-.24px}.page-container .main-container .table .enable_container p{font-weight:400;font-size:14px;line-height:23.05px;letter-spacing:-.16px;text-align:center;margin:10px 0;color:#666;width:50%}.page-container .main-container .table .enable_container .enable_btn{background:var(--primary-color);color:#fff;padding:8px 25px;display:flex;align-items:center;gap:5px;border-radius:6px;box-shadow:0 0 10px .1px #0000000d;cursor:pointer;outline:none;border:none;font-weight:500;font-size:18px;line-height:20px;letter-spacing:-.18px;margin-bottom:30px}.page-container .main-container .table .enable_container .enable_btn:active{box-shadow:inset 0 0 10px .1px #00000019}.page-container .main-container .card{display:grid;grid-template-columns:8fr 4fr;gap:20px}.page-container .main-container .card .form-group{margin-bottom:10px}.page-container .main-container .card .form-group .label_none{opacity:0!important;color:#fff!important}.page-container .main-container .card .form-group label{display:block;font-weight:600;margin-bottom:5px;font-weight:500;font-size:15px;line-height:20px;letter-spacing:-.15px}.page-container .main-container .card .form-group label span{color:red}.page-container .main-container .card .form-row .form-group .checkBox{display:flex!important;align-items:center;justify-content:start;gap:5px;width:100%;text-align:start}.page-container .main-container .card .EditEpf-configurations{padding-top:20px;gap:10px}.page-container .main-container .card .EditEpf-configurations h3{margin-bottom:10px;font-weight:600;font-size:18px;line-height:20px;letter-spacing:-.18px}.page-container .main-container .card .EditEpf-configurations .itemCheck .item-section{margin:40px 0 10px;font-size:18px;line-height:23.01px;letter-spacing:-.18px}.page-container .main-container .card .EditEpf-configurations .itemCheck .left .checkbox-container,.page-container .main-container .card .EditEpf-configurations .itemCheck .right .checkbox-container{margin:10px 0}.page-container .main-container .card .EditEpf-configurations .checkbox-container{display:flex;align-items:center;gap:5px}.page-container .main-container .card .EditEpf-configurations .checkbox-container_2{margin:0 0 20px}.page-container .main-container .card .EditEpf-configurations .checkbox-container_2 h4{font-weight:600;margin-bottom:10px;font-size:16px;line-height:100%;letter-spacing:-.48px;color:#000!important}.page-container .main-container .card .EditEpf-configurations .checkbox-container_2 .left_radio2{opacity:.7}.page-container .main-container .card .EditEpf-configurations .checkbox-container_2 .left_radio{margin-left:25px}.page-container .main-container .card .EditEpf-configurations .checkbox-container_2 .checkbox_label{display:flex;align-items:center!important;text-align:left;margin-top:6px}.page-container .main-container .card .EditEpf-configurations .checkbox-container_2 .checkbox_label label{padding-left:5px;font-weight:medium;font-size:16px;line-height:100%;letter-spacing:-.48px}.page-container .main-container .card .EditEpf-configurations .checkbox-container_2 .label_2{font-weight:300;margin-top:5px;font-size:14px;line-height:100%;letter-spacing:-.42px;opacity:.9}.page-container .main-container .card .EditEpf-configurations .checkbox-container_2 .label_p{margin-left:27px;font-weight:300;margin-top:5px;font-size:14px;line-height:100%;letter-spacing:-.42px;color:#333333da;margin-bottom:10px}.page-container .main-container .card .EditEpf-configurations .contribution-type-section{margin-bottom:20px;margin-top:20px}.page-container .main-container .card .EditEpf-configurations .contribution-type-section .head-section{font-weight:medium;font-size:16px;line-height:100%;letter-spacing:-.48px;margin:20px 0 10px}.page-container .main-container .card .EditEpf-configurations .contribution-type-section .radio-group{margin-left:30px;display:flex;align-items:center;gap:20px}.page-container .main-container .card .EditEpf-configurations .contribution-type-section .radio-group .checkbox_label{display:flex;align-items:center;gap:8px;margin-top:6px}.page-container .main-container .card .EditEpf-configurations .contribution-type-section .radio-group .checkbox_label label{font-weight:400!important;color:#000d;font-size:16px;line-height:100%;letter-spacing:-.48px}.page-container .main-container .card .note{background:#ffe6e6;padding:15px;border-radius:5px;font-size:14px;margin-top:20px}.page-container .main-container .card .sample-calculation{width:100%;max-width:500px;margin:2rem auto;font-family:Segoe UI,sans-serif}.page-container .main-container .card .sample-calculation .calculation-header{background-color:rgba(var(--primary-color-rgb),.4);text-align:center;padding:1rem;border-top-left-radius:10px;border-top-right-radius:10px}.page-container .main-container .card .sample-calculation .calculation-header h3{margin:0;font-weight:600;font-size:22px;line-height:23.05px;letter-spacing:-.22px}.page-container .main-container .card .sample-calculation .calculation-header p{font-weight:300;font-size:16px;line-height:23.05px;letter-spacing:-.16px;text-align:center;color:#2a2a2a}.page-container .main-container .card .sample-calculation .calculation-container{background-color:rgba(var(--primary-color-rgb),.1);padding:20px;min-height:100px}.page-container .main-container .card .sample-calculation .calculation-container .epf-box{background:#fff;border-radius:10px;box-shadow:0 0 10px #0000000d;border:1px solid #E2F0FF}.page-container .main-container .card .sample-calculation .calculation-container .epf-box .section{padding:20px}.page-container .main-container .card .sample-calculation .calculation-container .epf-box .section .section_head{font-weight:400;font-size:18px;line-height:23.01px;letter-spacing:-.18px;margin:0 0 .5rem}.page-container .main-container .card .sample-calculation .calculation-container .epf-box .section:first-of-type{position:relative;padding-bottom:1rem}.page-container .main-container .card .sample-calculation .calculation-container .epf-box .section:first-of-type:after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:1px;background-color:#e9e4e4}.page-container .main-container .card .sample-calculation .calculation-container .epf-box .row{display:flex;justify-content:space-between;align-items:flex-start;margin:.3rem 0;margin-top:20px;font-size:14px;font-weight:300;letter-spacing:-.42px;color:#333333da;opacity:.9;line-height:100%}.page-container .main-container .card .sample-calculation .calculation-container .epf-box .row span:first-child{flex:1 1 auto;margin-right:10px;word-break:break-word}.page-container .main-container .card .sample-calculation .calculation-container .epf-box .row span:last-child{flex:0 0 auto;white-space:nowrap}.page-container .main-container .card .sample-calculation .calculation-container .epf-box .total{background-color:rgba(var(--primary-color-rgb),.3);font-weight:500;padding:20px;color:#000;font-size:18px;line-height:23.01px;letter-spacing:-.18px;margin:0 0 .5rem;border-bottom-left-radius:10px;border-bottom-right-radius:10px;margin-bottom:-1px}.page-container .main-container .card .sample-calculation .calculation-container .epf-card{margin-top:20px;background-color:rgba(var(--primary-color-rgb),.08);padding:16px 20px;border-radius:8px;width:fit-content;font-family:Segoe UI,sans-serif;font-size:14px;color:#333}.page-container .main-container .card .sample-calculation .calculation-container .epf-message{display:flex;align-items:flex-start;gap:8px;color:#333}.page-container .main-container .card .sample-calculation .calculation-container .epf-message .epf-icon{color:#f5a623;margin-top:2px;font-size:18px;rotate:-40deg}.page-container .main-container .card .sample-calculation .calculation-container .epf-link{display:flex;align-items:center;gap:6px;margin-top:10px}.page-container .main-container .card .sample-calculation .calculation-container .epf-link .eye-icon{font-size:16px;color:#4a90e2}.page-container .main-container .card .sample-calculation .calculation-container .epf-link a{color:#4a90e2;text-decoration:none;font-weight:500}.page-container .main-container .card .sample-calculation .calculation-container .epf-link a:hover{text-decoration:underline}.inputFlex{display:flex;align-items:center}.inputFlex p{font-weight:400;font-size:14px;line-height:20px;letter-spacing:-.14px;width:200px;text-align:center}.container .header{display:flex;align-items:center;justify-content:space-between;width:100%;background:#f8f8f8;padding:20px;height:65px;margin-bottom:20px}.container .header .right{display:flex;align-items:center;justify-content:end;gap:10px}.container .header .right .reload_data{background:#fff;padding:5px 10px;display:flex;align-items:center;gap:5px;border-radius:6px;box-shadow:0 0 10px .1px #0000000d;cursor:pointer}.container .header .right .reload_data:hover{box-shadow:1px 1px 10px .1px #00000014}.container .header .right .reload_data:active{rotate:360deg}.container .header .right .reload_data:active{scale:.97}.container .header .right .reload_data .rotating{animation:rotate 2s linear}.container .header .right .add-button-container{position:relative}.container .header .right .add-button-container .add-button{padding:7px 15px;border:1px solid #ddd;border-radius:8px;cursor:pointer;border:1px solid transparent;font-size:1rem;font-weight:500;transition:background-color .2s ease;background-color:var(--primary-color);color:#fff;box-shadow:0 4px 10px #0000001a}.container .header .right .add-button-container .add-button:hover{box-shadow:inset 0 4px 10px #0000001a}.container .header .right .add-button-container .add-button:active{scale:.97}.container .header .right .add-button-container .add-dropdown{padding:5px;position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #f4f3f3;border-radius:8px;box-shadow:0 4px 10px #0000001a;min-width:150px;z-index:10;margin-top:5px}.container .header .right .add-button-container .add-dropdown .dropdown-item{padding:10px;cursor:pointer;text-align:left;color:#555;border-radius:4px}.container .header .right .add-button-container .add-dropdown .dropdown-item:hover{background-color:#f5f5f5;color:#fff;font-weight:500;background-color:var(--primary-color)}.container .header .right .add-button-container .add-dropdown .dropdown-item:active{box-shadow:inset 0 4px 10px #0000001a}.payslip-containers{margin:20px;font-family:Arial,sans-serif;padding:40px;background:#fff;box-shadow:0 5.35px 29.62px #4141410f;border:1px solid #f5eeeb;border-radius:10px}.payslip-containers .headers{display:flex}.payslip-containers .headers p{font-weight:400;font-size:16.24px;line-height:25.99px;vertical-align:middle;color:#676767;margin-top:15px;margin-right:10px}.payslip-containers .headers h2{font-weight:500;font-size:37.6px;line-height:43.32px;vertical-align:middle;color:#333}.payslip-containers .container{margin:30px 0}.payslip-containers .container h2{text-align:center;font-size:28px;margin-bottom:30px}.payslip-containers .container .form-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-radius:10px;padding:20px;width:100%}.payslip-containers .container .form-section .pay-summary-container{background:#fff;border-right:1px solid #eaeaea;padding-right:30px}.payslip-containers .container .form-section .pay-summary-container h2{color:#333;margin-bottom:20px;font-weight:600;font-size:20.68px;line-height:25.99px;vertical-align:middle}.payslip-containers .container .form-section .pay-summary-container h2 .red{color:red}.payslip-containers .container .form-section .pay-summary-container:hover .remove-btn{display:block!important}.payslip-containers .container .form-section .pay-summary-container .form-fields{gap:20px}.payslip-containers .container .form-section .pay-summary-container .form-fields .field{display:flex;flex-direction:column;position:relative}.payslip-containers .container .form-section .pay-summary-container .form-fields .field .label-container{display:flex;align-items:center;justify-content:flex-start;width:100%;position:relative}.payslip-containers .container .form-section .pay-summary-container .form-fields .field .label-container .remove-btn{right:-20px;cursor:pointer;color:red;position:absolute;display:none}.payslip-containers .container .form-section .pay-summary-container .form-fields .field label{font-weight:500;font-size:16.71px;line-height:140%;letter-spacing:-.19px;color:#1e1e1e;margin-bottom:2px;margin-top:20px}.payslip-containers .container .form-section .pay-summary-container .form-fields .field .editable-label{font-weight:500;font-size:16.71px;line-height:140%;letter-spacing:-.19px;color:#1e1e1e;margin-bottom:2px;margin-top:20px;border:1px solid transparent;background:transparent;border-color:#2563eb;box-shadow:0 0 8px #2563eb33;outline:none;width:100%;border-radius:7px;transition:border .3s ease}.payslip-containers .container .form-section .pay-summary-container .form-fields .field .editable-label:hover{border:1px solid #d9d9d9}.payslip-containers .container .form-section .pay-summary-container .form-fields .field .editable-label:focus{border:1px solid #2563eb;box-shadow:0 0 8px #2563eb33}.payslip-containers .container .form-section .pay-summary-container .form-fields .field input{padding:10px;border:1px solid #d9d9d9;border-radius:8px;font-size:14px;transition:border .3s}.payslip-containers .container .form-section .pay-summary-container .form-fields .field input:focus{border-color:#2563eb;box-shadow:0 0 8px #2563eb33;outline:none}.payslip-containers .container .form-section .pay-summary-container .form-fields .field .error_message{font-size:12px;color:red;margin-top:2px;white-space:nowrap}.payslip-containers .container .form-section .pay-summary-container .add-field-btn{display:flex;align-items:center;justify-content:start;margin-top:40px}.payslip-containers .container .form-section .pay-summary-container .add-field-btn button{display:flex;align-items:center;gap:5px;background:transparent;color:#1b3e9f;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background .3s;font-weight:400;font-size:15.16px;line-height:24.26px;vertical-align:middle}.payslip-containers .container .form-section .pay-summary-container .add-field-btn button .plus-icon{background:#1b3e9f;color:#fff;width:16px;height:16px;border-radius:100px}.payslip-containers .container .form-section .income-details{padding-left:15px;display:flex;flex-direction:column;gap:10px}.payslip-containers .container .form-section .income-details h2{color:#333;margin-bottom:20px;font-weight:600;font-size:20.68px;line-height:25.99px;vertical-align:middle;text-align:center;width:100%}.payslip-containers .container .form-section .income-details h2 .red{color:red}.payslip-containers .container .form-section .income-details .input-group{display:flex;flex-direction:column}.payslip-containers .container .form-section .income-details .input-group label{font-size:14px;margin-bottom:5px;color:#333}.payslip-containers .container .form-section .income-details .input-group input{padding:12px;border:1px solid #ccc;border-radius:8px;transition:.3s}.payslip-containers .container .form-section .income-details .input-group input:focus{border-color:var(--primary-color)}.payslip-containers .container .form-section .LINE_{width:1px;height:100%}.payslip-containers .container .form-section h3{font-weight:600;font-size:15.04px;line-height:25.99px;vertical-align:middle;color:#333;margin-left:20px}.payslip-containers .container .form-section .earnings,.payslip-containers .container .form-section .deductions{width:100%;padding:10px 20px;border-radius:1px;border:1px solid #96a6d3}.payslip-containers .container .form-section .earnings .label_box,.payslip-containers .container .form-section .deductions .label_box{display:flex;align-items:center;justify-content:space-between;padding:10px;margin-bottom:10px}.payslip-containers .container .form-section .earnings .row,.payslip-containers .container .form-section .deductions .row{display:flex;justify-content:space-between;gap:10px;margin-bottom:20px;position:relative}.payslip-containers .container .form-section .earnings .row:hover .remove-btn,.payslip-containers .container .form-section .deductions .row:hover .remove-btn{display:block}.payslip-containers .container .form-section .earnings .row .remove-btn,.payslip-containers .container .form-section .deductions .row .remove-btn{right:-18px;cursor:pointer;color:red;position:absolute;display:none}.payslip-containers .container .form-section .earnings .row label,.payslip-containers .container .form-section .deductions .row label{width:30%;font-weight:700}.payslip-containers .container .form-section .earnings .row input,.payslip-containers .container .form-section .deductions .row input{margin-top:-10px;margin-bottom:-10px;border:1px solid transparent;width:65%;padding:10px;border-radius:8px;outline:none}.payslip-containers .container .form-section .earnings .row input:hover,.payslip-containers .container .form-section .deductions .row input:hover{border:1px solid #377dff;box-shadow:0 0 10px .1px #526bae2b}.payslip-containers .container .form-section .earnings .row input:focus,.payslip-containers .container .form-section .deductions .row input:focus{border-color:#377dff;box-shadow:0 0 8px #377dff4d}.payslip-containers .container .form-section .earnings .row input[type=number],.payslip-containers .container .form-section .deductions .row input[type=number]{text-align:end}.payslip-containers .container .form-section .earnings .add-field-btn,.payslip-containers .container .form-section .deductions .add-field-btn{display:flex;justify-content:start;margin-top:10px;align-items:center;margin-bottom:10px;margin-left:10px}.payslip-containers .container .form-section .earnings .add-field-btn button,.payslip-containers .container .form-section .deductions .add-field-btn button{display:flex;align-items:center;gap:5px;background:transparent;color:#1b3e9f;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background .3s;font-weight:400;font-size:15.16px;line-height:24.26px;vertical-align:middle}.payslip-containers .container .form-section .earnings .add-field-btn button .plus-icon,.payslip-containers .container .form-section .deductions .add-field-btn button .plus-icon{background:#1b3e9f;color:#fff;width:16px;height:16px;border-radius:100px}.payslip-containers .container .form-section .amount_box{padding:10px 20px;background:#f9f9fb;border:1px solid #96a6d3;margin-top:-20px}.payslip-containers .container .form-section .amount_box p{margin-top:10px;display:flex;align-items:center;justify-content:space-between;font-weight:500;font-size:14.41px;line-height:23.05px;vertical-align:middle;color:#333}.payslip-containers .container .form-section .amount_box p strong{font-weight:400;font-size:10.13px;line-height:23.05px;text-align:right;vertical-align:middle}.payslip-containers .container .form-section .deductions_h3{margin-top:10px}.payslip-containers .container .total-section{border:1px solid #f2f2f6;padding:20px 30px;margin:30px 0;display:flex;justify-content:space-between;align-items:center;font-size:18px;border-radius:8px;background:#f9f9fb}.payslip-containers .container .total-section .section_title h2{font-weight:400;color:#333;font-size:19.49px;line-height:31.19px;vertical-align:middle;text-align:start}.payslip-containers .container .total-section .section_title p{margin-top:-20px;font-weight:400;font-size:16.24px;line-height:25.99px;vertical-align:middle;color:#676767}.payslip-containers .container .total-section strong{font-weight:600;font-size:22.56px;line-height:31.19px;text-align:right;vertical-align:middle;color:#333}.payslip-containers .container .generate-btn{display:flex;align-items:center;width:227.6359405518px;height:60.645160675px;background:#1b3e9f;margin:0 auto!important;top:1287.46px;left:356.21px;padding:21.66px 43.32px;color:#fff;border:none;border-radius:5px;font-size:18px;cursor:pointer;transition:.3s;font-weight:600;font-size:17.33px;line-height:21.66px;text-align:center;vertical-align:middle}.payslip-containers .container .generate-btn:hover{background:#143693}.Organization .content-Organization{display:flex;align-items:start;border-bottom:1px solid #e9e4e4;margin-bottom:20px;padding-bottom:20px}.Organization .content-Organization .left{height:fit-content;width:25%}.Organization .content-Organization .left h2{font-weight:400;font-size:20px;line-height:23.05px;letter-spacing:-.2px}.Organization .content-Organization .right{width:75%}.Organization .content-Organization .right .upload-form-Organization{display:flex;align-items:center;gap:30px}.Organization .content-Organization .right .upload-form-Organization .upload-box{border:1.5px dashed #ccc;padding:10px;border-radius:10px;width:250px;text-align:center;background-color:#fcfcfc;margin-bottom:1.5rem;position:relative;height:135px}.Organization .content-Organization .right .upload-form-Organization .upload-box .upload-icon{font-size:2.5rem;color:#444}.Organization .content-Organization .right .upload-form-Organization .upload-box p{font-weight:500;font-size:11.38px;line-height:100%;text-align:center;color:#191d23}.Organization .content-Organization .right .upload-form-Organization .upload-box .plus-btn{position:absolute;margin-top:10px;left:50%;transform:translate(-50%);background-color:#1b3e9f;color:#fff;border:none;border-radius:10%;width:32px;height:32px;display:flex;justify-content:center;align-items:center;font-size:1rem;cursor:pointer}.Organization .content-Organization .right .right_upload h3{font-weight:600;font-size:15.04px;line-height:100%;color:#191d23;margin-bottom:10px}.Organization .content-Organization .right .right_upload p{font-weight:400;font-size:12px;line-height:14.99px;color:#191d23}.Organization .content-Organization .right .section_form_title h3{color:#2a2a2a;font-weight:500;font-size:16px;line-height:20px;letter-spacing:-.16px}.Organization .content-Organization .right .section_form_title h3 span{color:red}.Organization .content-Organization .right .section_form_title p{font-weight:300;font-size:12px;line-height:20px;opacity:.9;color:#000;margin-bottom:20px;letter-spacing:-.12px}.Organization .content-Organization .right .form-group1{grid-column:span 2}.Organization .content-Organization .right .email-settings-container{padding:30px;font-family:Arial,sans-serif}.Organization .content-Organization .right .email-card{display:flex;justify-content:space-between;gap:40px;margin-bottom:20px;flex-wrap:wrap}.Organization .content-Organization .right .email-section{flex:1;min-width:300px}.Organization .content-Organization .right .email-section h3{font-weight:500;font-size:16px;line-height:20px;letter-spacing:-.16px;color:#2a2a2a;margin-bottom:5px}.Organization .content-Organization .right .email-section p{font-weight:300;font-size:12px;line-height:20px;letter-spacing:-.12px;color:#000;opacity:.9;width:339px;margin-bottom:15px}.Organization .content-Organization .right .email-box{display:flex;align-items:center;background-color:#f7f9fc;padding:12px 15px;border-radius:8px;box-shadow:0 1px 3px #0000000d}.Organization .content-Organization .right .email-box div{margin-left:10px}.Organization .content-Organization .right .email-box div strong{display:block;font-size:15px}.Organization .content-Organization .right .email-box div p{margin:0;color:#888;font-size:14px}.Organization .content-Organization .right .icon{min-width:30px;min-height:30px;border-radius:100px;background:#00c9a731;display:flex;align-items:center;justify-content:center}.Organization .content-Organization .right .icon2{min-width:30px;min-height:30px;border-radius:100px;background:#94a3b83c;display:flex;align-items:center;justify-content:center}.Organization .content-Organization .right .icon-star{color:#00c9a7;font-size:20px}.Organization .content-Organization .right .icon-mail{color:#94a3b8;font-size:20px}.Organization .content-Organization .right strong{font-weight:500;font-size:16px;line-height:20px;letter-spacing:-.16px}.Organization .content-Organization .right .pp{font-weight:300!important;font-size:12px!important;line-height:16px;letter-spacing:-.12px}.Organization .content-Organization .right .email-buttons{display:flex;gap:15px}.Organization .content-Organization .right .email-buttons button{padding:10px 20px;border-radius:8px;font-size:14px;cursor:pointer;border:none;font-weight:500;line-height:20px;letter-spacing:-.14px}.Organization .content-Organization .right .save-btn{background-color:var(--primary-color);color:#fff;padding:0 60px!important}.Organization .content-Organization .right .save-btn:hover{opacity:.9;box-shadow:0 0 6px .1px var(--primary-color)}.Organization .content-Organization .right .cancel-btn-{background-color:#fff;color:red;border:1px solid red!important}.Organization .content-Organization .right .cancel-btn-:hover{opacity:.9;box-shadow:0 0 6px .1px #ff00006c}.theme-selector{display:flex;flex-direction:column;gap:20px;padding:20px}.theme-selector label{font-size:16px;font-weight:500;margin-bottom:10px;display:block}.theme-selector .theme-mode .mode-options{display:flex;gap:20px}.theme-selector .theme-mode .mode-options .mode-box{border:2px solid #ccc;padding:20px;border-radius:10px;text-align:center;cursor:pointer;width:220px;transition:all .3s ease;background-color:#212529;color:#fff}.theme-selector .theme-mode .mode-options .mode-box.active{outline:3px solid var(--primary-color)}.theme-selector .theme-mode .mode-options .mode-box p{margin-top:8px;font-weight:600;font-size:14px}.theme-selector .theme-mode .mode-options .light{background-color:#fff;color:#212529}.theme-selector .accent-color .color-options{display:flex;align-items:center;gap:10px}.theme-selector .accent-color .color-options .color-btn{width:40px;height:40px;border-radius:50%;border:none;position:relative;cursor:pointer;transition:.3s}.theme-selector .accent-color .color-options .color-btn.active{outline:2px solid #000}.theme-selector .accent-color .color-options .color-btn .tick{position:absolute;color:#fff;font-size:18px;left:50%;top:50%;transform:translate(-50%,-50%)}.theme-selector .accent-color .color-options .color-picker{width:50px;height:50px;border:none;cursor:pointer;border-radius:50%;background:linear-gradient(135deg,#16e9d9,#308bfa,#f121d5,#fcd71f);padding:20px;overflow:hidden}.theme-selector .accent-color .color-options .color-picker:hover .color_pick{display:none}.theme-selector .accent-color .color-options .color_pick{margin-left:-45px;opacity:1;cursor:pointer}@media (max-width: 1316px){.page-container .main-container{overflow:scroll}}.page-container .main-container .tabs{display:flex;gap:10px;border-bottom:1px solid #e9e4e4;padding:10px 10px 0;margin-bottom:-11px}@media (max-width: 1316px){.page-container .main-container .tabs{min-width:1120px}}.page-container .main-container .tabs button{color:#2a2a2a;padding:10px 15px;border:none;background:transparent;cursor:pointer;font-weight:700;font-weight:400;font-size:20px;line-height:23.05px;letter-spacing:-.2px}.page-container .main-container .tabs button.active{border-bottom:1px solid #000;color:var(--primary-color)}@media (max-width: 1316px){.page-container .main-container .table{min-width:1100px}}.page-container .main-container table{width:100%;border-collapse:collapse;border-top-left-radius:10px!important}.page-container .main-container table th{background:#ecf0f6!important;color:#320b57;font-weight:400;font-size:14px;line-height:100%;letter-spacing:-.14px}.page-container .main-container table tr:hover{cursor:pointer;background:#eff5ff!important}.page-container .main-container table tr:first-child th:last-child{border-top-right-radius:10px}.page-container .main-container table tr:first-child th:first-child{border-top-left-radius:10px}.page-container .main-container table tr:last-child td:first-child{border-bottom-left-radius:10px}.page-container .main-container table tr:last-child td:last-child{border-bottom-right-radius:10px!important}.page-container .main-container table tr{border-bottom:1px solid #ecf0f6}.page-container .main-container table td{font-weight:400;font-size:14px;line-height:100%;letter-spacing:-.28px}.page-container .main-container table td .inactive{border:1px solid #d28e3d;color:#d28e3d;border-radius:4px;padding:2px 4px;font-weight:500;font-size:12px;line-height:140%}.page-container .main-container table td .active{border:1px solid #5b7ffe;padding:2px 4px;color:#5b7ffe;border-radius:4px;font-weight:500;font-size:12px;line-height:140%}.page-container .main-container table td .action-cell{background:transparent!important;position:relative}.page-container .main-container table td .action-cell button{border-radius:4px;background:transparent;border:1px solid grey;width:19px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.page-container .main-container table td .action-cell button:hover{border:1px solid black}.page-container .main-container table td .action-cell button:hover svg{color:#000}.page-container .main-container table td .action-cell button svg{width:10px;height:10px;color:gray}.page-container .main-container table td .action-cell .dropdown_menu_action{position:absolute;background:#fff!important;z-index:9;min-width:140px;margin-left:-120px!important;margin-top:5px!important;top:calc(100% - 130px);border-radius:8px;display:flex;flex-direction:column;align-items:start;justify-content:start;box-shadow:0 4px 16px #00000026;border:1px solid rgba(128,128,128,.2);padding:4px;text-align:left!important}.page-container .main-container table td .action-cell .dropdown_menu_action .dropdown-item{text-align:left!important;padding:15px 16px;width:100%;background:transparent;border:none;outline:none;color:#333;font-size:14px;cursor:pointer;transition:background .2s ease;margin:2px 0}.page-container .main-container table td .action-cell .dropdown_menu_action .dropdown-item:hover{background:#f2f2f2}.page-container .main-container table td .action-cell .dropdown_menu_action .Mark{background:var(--primary-color);color:#fff;text-align:left}.page-container .main-container table td .action-cell .dropdown_menu_action .Mark:hover{background:var(--primary-color)}.page-container .main-container table th,.page-container .main-container table td{padding:12px;text-align:left}.page-container .main-container table th{background:#f8f9fa}.page-container .main-container table .active{color:green;font-weight:700}.page-container .main-container table .inactive{color:red;font-weight:700}.page-container .main-container .title_h2{font-weight:500;margin-bottom:15px;font-size:20px;line-height:23.05px;letter-spacing:-.2px}.page-container .main-container .label_info{display:flex;justify-content:start;gap:5px}.page-container .main-container .label_info svg{font-size:18px}.page-container .main-container .topboarder{border-top:1px solid #E9E4E4;margin-top:20px;padding-bottom:10px}.page-container .main-container .tab-switcher{display:flex;align-items:center;gap:12px}.page-container .main-container .tab-switcher .label{font-size:14px;font-weight:500;white-space:nowrap}.page-container .main-container .tab-switcher .tax-tabs{display:flex;gap:8px}.page-container .main-container .tab-switcher .tax-tabs .tab{padding:8px 16px;font-size:14px;border:1px solid #ccc;border-radius:6px;background-color:#fff;color:#333;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease-in-out}.page-container .main-container .tab-switcher .tax-tabs .tab:hover{background-color:#f0f0f0!important;box-shadow:none!important}.page-container .main-container .tab-switcher .tax-tabs .tab.active{background-color:var(--primary-color)!important;color:#fff;border-color:var(--primary-color)!important}.page-container .main-container .tab-switcher .tax-tabs .tab .icon{font-size:16px}.page-container .main-container .error{color:red;font-size:12px;margin-top:4px}.loading-screen{position:fixed;top:0;left:0;z-index:9999;width:100vw;height:100vh;background:#ffffff18;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;justify-content:flex-end;align-items:end;padding-bottom:30px;padding-right:30px}.loader-card{background:#fffc;border-radius:20px;padding:30px 20px;width:300px;height:200px;box-shadow:0 0 25px #0000000e;position:relative;animation:slideInRight .5s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.glow-circle{position:absolute;width:100%;height:100%;background:linear-gradient(45deg,#3f87a648,#ebf8e159,#f69c3c30);filter:blur(20px);z-index:-1;animation:pulseGlow 2s infinite ease-in-out}.dots-loader{display:flex;gap:8px;margin-bottom:15px}.dots-loader span{width:12px;height:12px;background:var(--primary-color);border-radius:50%;animation:bounce 1s infinite ease-in-out alternate}.dots-loader span:nth-child(2){animation-delay:.2s}.dots-loader span:nth-child(3){animation-delay:.4s}.loader-text{font-size:15px;font-weight:500;color:#333;text-align:center;margin-top:10px;animation:fadeIn .6s ease-in}@keyframes bounce{0%{transform:translateY(0);opacity:.6}to{transform:translateY(-10px);opacity:1}}@keyframes slideInRight{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-conatiner .main-container .form-group{margin-bottom:10px}.page-conatiner .main-container .form-group input[type=date],.page-conatiner .main-container .form-group input[type=text],.page-conatiner .main-container .form-group input[type=number],.page-conatiner .main-container .form-group select{width:100%;padding:10px;border-radius:8px;font-size:14px;background:#f3f3f3;height:40px}.page-conatiner .main-container .form-group input:disabled{pointer-events:none;background:#f1f1f1;cursor:not-allowed;opacity:.6}.page-conatiner .main-container .form-group input:disabled:hover{border:none}.page-conatiner .main-container .note{background:#ffe6e6;padding:20px;border-radius:5px;font-size:14px;margin-top:20px}.state-wage{margin:20px 0}.state-wage h3{font-size:20px;font-weight:500;color:#1a1a1a;line-height:23.05px;letter-spacing:-.18px;margin-left:5px}.state-wage p{margin-top:5px;margin-left:5px;opacity:.7;font-weight:400;color:#2a2a2a;font-size:16px;line-height:23.05px;letter-spacing:-.16px}.state-wage .minimum-wage-notice{border:1px dashed #e2e8f0;background-color:#fefcfb;padding:20px;border-radius:12px;text-align:center;margin:20px}.state-wage .minimum-wage-notice .notice-content{display:flex;align-items:center;justify-content:center;color:#f97316;font-size:16px;margin-bottom:10px}.state-wage .minimum-wage-notice .notice-content .icon{margin-right:8px;width:20px;height:20px}.state-wage .minimum-wage-notice .add-wage-btn{background-color:#eef2ff;color:#4f46e5;padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:500;font-size:14px;transition:background .2s}.state-wage .minimum-wage-notice .add-wage-btn:hover{background-color:#e0e7ff}.add-wage{background:#fff;max-height:90vh;overflow-y:auto;width:1000px;max-width:90%;border-radius:8px;box-shadow:0 0 15px .2px #0001;font-family:Arial,sans-serif;margin-top:20px}.add-wage .wage_subtitle{margin:20px 0 10px;padding:0 24px}.add-wage .wage_subtitle strong{color:#0e0d0d;font-weight:500}.add-wage .table-header{padding:0 24px 8px;display:flex;gap:12px;border-bottom:1px solid #ddd;font-weight:500;line-height:23.1px;letter-spacing:-.16px;color:#1a1a1a}.add-wage .table-header span{font-weight:500;color:#7f7f7f;font-size:13px}.add-wage .table-header div{flex:1;text-align:start}.add-wage .table-row{padding:0 24px;display:flex;align-items:center;gap:12px;margin:10px 0}.add-wage .table-row input{flex:1;padding:8px;border:1px solid #ccc;border-radius:6px}.add-wage .table-row input[type=number]{width:300px;padding:10px;border-radius:6px}.add-wage .table-row .dash{margin:0 5px;color:#1a1a1a8e}.add-wage .table-row .remove-btn{background:none;border:none;color:#999;font-size:20px;cursor:pointer}.add-wage .button-row{display:flex;justify-content:space-between;align-items:center;padding:0 24px;margin-top:20px;margin-bottom:20px}.add-wage .button-row .add-btn,.add-wage .button-row .save-btn{font-size:16px;font-weight:500}.add-wage .button-row .add-btn{color:var(--primary-color);background:none;border:none;cursor:pointer}.add-wage .button-row .save-btn{background-color:var(--primary-color);color:#fff;border:none;padding:6px 20px;border-radius:6px;cursor:pointer;transition:all .3s ease}.page-container .main-container .field label{display:block;font-weight:500;margin-bottom:6px}.page-container .main-container .field input[type=text],.page-container .main-container .field input[type=date]{width:300px;padding:10px;border:1px solid #ccc;border-radius:6px;background:#f3f3f3}.page-container .main-container .field .info-icon{display:inline-flex;align-items:center;margin-left:2px}.page-container .main-container .field .info-icon svg{color:#999;width:14px;height:14px;position:relative;top:2px}.page-container .main-container .field2{border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;padding:20px 0;display:flex;align-items:center;gap:20px}.page-container .main-container .subtitle{margin:20px 0;padding:20px 0;font-size:16px;font-weight:500;color:#1a1a1a;border-bottom:1px solid #ddd}.page-container .main-container .subtitle strong{color:#0e0d0d;font-weight:500}.page-container .main-container .table-header{display:flex;gap:12px;font-weight:700;padding-bottom:8px;border-bottom:1px solid #ddd;font-size:16px;font-weight:500;color:#1a1a1a}.page-container .main-container .table-header div{flex:1;text-align:start}.page-container .main-container .table-row{display:flex;align-items:center;gap:12px;margin:10px 0}.page-container .main-container .table-row input[type=number]{width:300px;padding:10px;border-radius:6px;background:#f3f3f3}.page-container .main-container .table-row .dash{margin:0 5px;color:#1a1a1a8e}.page-container .main-container .table-row .remove-btn{background:none;border:none;color:#999;font-size:20px;cursor:pointer}.page-container .main-container .add-btn{color:var(--primary-color);background:none;border:none;font-weight:700;cursor:pointer;margin-top:10px;font-size:16px;font-weight:500;margin-bottom:20px}.page-container .main-container .location-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:20px 40px;width:90%}@media (max-width: 1300px){.page-container .main-container .location-grid{width:90%}}@media (max-width: 1100px){.page-container .main-container .location-grid{width:100%}}.page-container .main-container .location-grid .location-card{background-color:#fff;padding:20px;border-radius:10px;position:relative;box-shadow:2px 2px 11px .1px #0000001a}.page-container .main-container .location-grid .location-card .card-header{display:flex;justify-content:space-between;align-items:center}.page-container .main-container .location-grid .location-card .card-header h3{font-size:18px;font-weight:500;margin:0}.page-container .main-container .location-grid .location-card .card-header .icons{display:flex;align-items:center;gap:10px;color:#666}.page-container .main-container .location-grid .location-card .card-header .icons .icon{min-width:34px;min-height:34px;border-radius:100px;display:flex;align-items:center;justify-content:center;background:#f4f3f3;border:1px solid transparent}.page-container .main-container .location-grid .location-card .card-header .icons .icon:hover{border:1px solid var(--primary-color)}.page-container .main-container .location-grid .location-card .card-header .icons svg{font-size:18px;cursor:pointer}.page-container .main-container .location-grid .location-card .card-header .icons .menu-wrapper{position:relative}.page-container .main-container .location-grid .location-card .card-header .icons .menu-wrapper .popup-menu{position:absolute;top:25px;right:0;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 10px #0000001a;padding:8px 0;z-index:10;min-width:160px}.page-container .main-container .location-grid .location-card .card-header .icons .menu-wrapper .popup-menu button{display:block;width:100%;background:none;border:none;padding:10px 15px;text-align:left;font-size:14px;color:#333;cursor:pointer}.page-container .main-container .location-grid .location-card .card-header .icons .menu-wrapper .popup-menu button:hover{background-color:#f0f0f0}.page-container .main-container .location-grid .location-card .card-address{margin-top:10px}.page-container .main-container .location-grid .location-card .card-address p{font-size:14px;color:#1c1c1c;font-weight:400;margin:8px 0}.page-container .main-container .location-grid .location-card .card-footer{display:flex;align-items:center;gap:6px;margin-top:15px;font-size:16px;color:#444}.page-container .main-container .location-grid .location-card .card-footer svg{font-size:14px}.page-container .main-container .location-grid .location-card .card-footer strong{font-weight:500;color:#000}.page-container .main-container .location-grid .location-card .filing-address{position:absolute;bottom:0;right:0;background-color:var(--primary-color);color:#fff;font-size:11px;font-weight:500;padding:5px 15px;text-align:end;border-top-left-radius:100px}.location-note{background:#ffe6e6;padding:15px;border-radius:5px;font-size:14px;margin-top:20px;width:60%}.location-note .notice-content{display:flex;align-items:center;justify-content:start}.location-note .notice-content .icon{margin-right:8px;width:24px;height:24px}.form-row2{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:40px}.Left-page-container .Left-main-container{display:flex}.Left-page-container .Left-main-container .tabs{position:fixed;overflow-y:auto;height:100%;gap:10px;width:220px;border-right:1px solid #e9e4e4;padding:12px}.Left-page-container .Left-main-container .tabs h1{font-size:24px;font-weight:500;color:#3e3e3e;padding-bottom:20px;padding-left:12px}.Left-page-container .Left-main-container .tabs button{width:100%;color:#2a2a2a;padding:10px 15px;border:none;background:transparent;cursor:pointer;font-weight:700;font-weight:500;font-size:14px;line-height:23.05px;letter-spacing:.2px;text-align:left;border-radius:12px}.Left-page-container .Left-main-container .tabs button:hover{color:var(--primary-color)}.Left-page-container .Left-main-container .tabs button.active{background-color:rgba(var(--primary-color-rgb),.09);color:var(--primary-color)}.Left-page-container .Left-main-container .table{width:100%;margin-left:220px}.Left-page-container .Left-main-container .table .header_right_top{border-bottom:1px solid #e9e4e4;padding:20px 35px;font-size:22px;position:fixed;background:#f9f8f8;width:100%;z-index:1}.Left-page-container .Left-main-container .table .content{padding:20px;margin-top:65px}.employee-portal{padding:0 15px;max-width:700px;border-radius:8px}.employee-portal .section_{margin-bottom:20px}.employee-portal .toggle-section{padding-bottom:30px;border-bottom:1px dashed #cecdcd}.employee-portal .toggle-section .label-switch{display:flex;align-items:center;justify-content:space-between}.employee-portal .toggle-section .label-switch .title{font-weight:500;font-size:22px;line-height:23.05px;letter-spacing:-.24px}.employee-portal .toggle-section .label-switch .badge{background-color:#00b050;color:#fff;font-size:12px;padding:2px 8px;border-radius:61px;margin-left:10px}.employee-portal .toggle-section .desc{font-weight:300;font-size:16px;line-height:23.05px;letter-spacing:-.16px;color:#000;font-size:14px;opacity:.7;margin-top:10px;width:80%}.employee-portal .toggle-section .switch{position:relative;display:inline-block;width:50px;height:25px}.employee-portal .toggle-section .switch input{opacity:0;width:0;height:0}.employee-portal .toggle-section .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:25px;transition:.4s}.employee-portal .toggle-section .switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:3.5px;background-color:#fff;transition:.4s;border-radius:50%}.employee-portal .toggle-section .switch input:checked+.slider{background-color:var(--primary-color)}.employee-portal .toggle-section .switch input:checked+.slider:before{transform:translate(24px)}.employee-portal .contact-section h4{font-weight:500;font-size:22px;line-height:23.05px;letter-spacing:-.24px}.employee-portal .contact-section p{font-weight:300;font-size:16px;line-height:23.05px;letter-spacing:-.16px;color:#000;font-size:14px;opacity:.7;margin-top:10px;width:80%}.employee-portal .contact-card{margin-top:10px;display:flex;align-items:center;border-radius:6px;gap:12px;border:1px solid #ebeaea;padding:30px}.employee-portal .contact-card .email-icon{padding:10px;background:#2b76d20c;border-radius:100px;display:flex;align-items:center;justify-content:center}.employee-portal .contact-card .email-icon svg path{stroke:#2b76d2!important}.employee-portal .contact-card .email-info{flex-grow:1}.employee-portal .contact-card .email-info h4{font-weight:500;font-size:18px;line-height:21.05px;letter-spacing:-.24px}.employee-portal .contact-card .email-info p{font-weight:300;font-size:16px;line-height:18.05px;letter-spacing:-.16px;color:#000;font-size:14px;opacity:.7;margin-top:10px}.employee-portal .contact-card .email-info span{color:#666;font-size:13px}.employee-portal .contact-card .manage-btn{display:flex;gap:5px;background:transparent;border:none;color:#2b76d2;cursor:pointer}.employee-portal .contact-card .manage-btn svg path{stroke:#2b76d2!important}.employee-portal .banner-section h4{font-weight:500;font-size:18px;line-height:21.05px;letter-spacing:-.24px;margin-top:40px}.employee-portal .banner-section p{font-weight:300;font-size:16px;line-height:22.05px;letter-spacing:.1px;color:#000000b0;font-size:14px;width:78%;margin-top:10px}.employee-portal .banner-section p a{color:#2e82ea;cursor:pointer;opacity:1;position:relative}.employee-portal .banner-section label{margin-top:30px!important;font-weight:500;font-size:18px;line-height:21.05px;letter-spacing:-.24px}.employee-portal .banner-section label .red{color:red}.employee-portal .banner-section textarea{width:100%;height:60px;margin:10px 0;padding:10px;border:1px solid #ccc;border-radius:4px}.employee-portal .banner-section input[type=date]{padding:8px;border-radius:4px;border:1px solid #ccc;margin-top:8px;width:100%}.employee-portal .banner-section .viewImg{position:absolute;display:flex;flex-direction:column;align-items:end;background:#fff;width:fit-content;height:fit-content;box-shadow:0 0 10px .1px #0000002c;border-radius:8px;padding:10px;z-index:9}.employee-portal .banner-section .viewImg .IMgView{width:500px}.employee-portal .banner-section .viewImg .close{cursor:pointer}.portal-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:start;justify-content:center;z-index:99;padding:60px}.portal-modal .portal-popup{background:#fff;padding:25px;width:800px;max-width:95%;max-height:85vh;overflow-y:auto;border-radius:10px;box-shadow:0 0 15px #00000026}.portal-modal .portal-popup .contact-row{padding:13px 0;border-bottom:1px solid #eee;display:flex;justify-content:space-between}.portal-modal .portal-popup .contact-row h3{font-weight:500;font-size:18px;line-height:16.05px;letter-spacing:.24px;display:flex}.portal-modal .portal-popup .contact-row p{font-weight:300;font-size:16px;line-height:23.05px;letter-spacing:.16px;color:#000;font-size:14px;opacity:.7;margin-top:10px;width:80%;display:flex;align-items:center;gap:1px}.portal-modal .portal-popup .contact-row p .actions{display:flex;width:fit-content}.portal-modal .portal-popup .contact-row p .actions .alert-icon{margin-left:-20px;margin-top:-5px}.portal-modal .portal-popup .contact-row p .actions .alert-icon svg path{stroke:var(--primary-color)!important}.portal-modal .portal-popup .contact-row .badge{font-size:10px;letter-spacing:.3px;border-radius:2px;color:#fff;margin-left:3px;margin-top:-3px;padding:3px 5px;height:20px;justify-content:center;background:#f57c00}.portal-modal .portal-popup .contact-row .actions{margin-top:6px;display:flex;align-items:center;justify-content:space-between;width:400px}.portal-modal .portal-popup .contact-row .actions .show-btn{padding:4px 10px;font-size:12px;border-radius:4px;background-color:#007bff;color:#fff;border:none;margin-right:10px;cursor:pointer;opacity:0}.portal-modal .portal-popup .contact-row .actions .show-btn.active{background-color:#fff0}.portal-modal .portal-popup .contact-row .actions .right_action{display:flex;gap:10px}.portal-modal .portal-popup .contact-row .actions .verify-section{color:red;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:5px;opacity:0}.portal-modal .portal-popup .contact-row .actions .verify-section .resend{color:#007bff}.portal-modal .portal-popup .contact-row .actions button{font-size:14px;background:none;border:none;cursor:pointer}.portal-modal .portal-popup .contact-row:hover .show-btn{opacity:1;display:block;transition:.3s linear}.portal-modal .portal-popup .contact-row:hover .actions .verify-section{opacity:1;transition:.3s linear;display:block}.portal-modal .portal-popup .contact-info .add-contact{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:30px}.portal-modal .portal-popup .contact-info .add-contact .Input_flex{width:100%;display:flex;gap:6px}.portal-modal .portal-popup .contact-info .add-contact .Input_flex .input-group{display:flex;flex-direction:column;flex:1}.portal-modal .portal-popup .contact-info .add-contact .error{color:red;font-size:12px;margin-top:4px}.portal-modal .portal-popup .contact-info .add-contact .portal_checkbox{display:flex;margin:10px 0;gap:5px;align-items:center}.portal-modal .portal-popup .contact-info .actions{display:flex;align-items:center;justify-content:end;gap:6px}.portal-modal .portal-popup .contact-info .actions .Save{background-color:var(--primary-color);color:#fff;border:none;padding:10px 25px;border-radius:6px;cursor:pointer;transition:all .3s ease}.portal-modal .portal-popup .contact-info .actions .Cancel{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;border:1px solid var(--primary-color);background-color:transparent;color:#333}.add-btn{margin-top:10px;color:var(--primary-color);cursor:pointer}.open-popup-btn{padding:10px 16px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;margin:20px}.popup-headers{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #e7e7e7}.popup-headers h2{font-weight:500;font-size:24px;line-height:23.05px;letter-spacing:-.24px}.popup-headers p{text-transform:uppercase;font-size:14px;padding-top:10px;opacity:.7}.popup-headers .close-btn{position:relative;background:none;border:none;cursor:pointer;background:#eef3fa;border-radius:100px;padding:4px;width:30px;height:30px;margin-top:-30px;margin-right:-10px}.fbp-container{padding:0 20px}.fbp-container .release-section .box_release .info-box .flex_content{display:flex;align-items:start;justify-content:space-between;gap:30px}.fbp-container .release-section .box_release .info-box .flex_content p{font-size:16px;font-weight:400;color:#555;width:80%}.fbp-container .release-section .box_release .info-box .flex_content .date_right{width:20%}.fbp-container .release-section .box_release .info-box .green-text{color:#00b386;margin-top:12px;font-weight:400;width:80%}.fbp-container .release-section .box_release .info-box .green-text span{padding:2px;background:rgba(var(--primary-color-rgb),.1)}.fbp-container{padding:0 24px}.fbp-container .locked-section{background-color:#fff;padding:24px;border-radius:12px;box-shadow:0 0 12px #0000000f;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.fbp-container .locked-section .img{width:100%;margin:auto;display:flex}.fbp-container .locked-section .img img{width:250px;margin:0 auto}.fbp-container .locked-section .setIsLocked_btn{margin-top:20px;border:none;outline:none;background:var(--primary-color);padding:10px 25px;border-radius:8px;color:#fff;font-size:14px;letter-spacing:.02px;cursor:pointer;transition:.3s linear}.fbp-container .locked-section .setIsLocked_btn:hover{background:rgba(var(--primary-color-rgb),.9);scale:.99}.fbp-container .locked-section h2{color:#333;margin-bottom:16px;font-size:20px;font-weight:500;margin-top:20px}.fbp-container .locked-section p{color:#555;line-height:1.6;width:55%;text-align:center;font-size:14px;font-weight:400}.fbp-container .release-section{width:80%}.fbp-container .release-section h2{color:#333;margin-bottom:16px;font-size:20px;font-weight:500;margin-top:20px}.fbp-container .release-section p{color:#555;line-height:1.6;font-size:14px;font-weight:400}.fbp-container .release-section .box_release{box-shadow:0 0 12px #0000000f;border:1px solid #edecec;border-radius:8px;padding:10px 20px 30px;margin-top:20px}.fbp-container .release-section .box_release .info-box{padding:16px;border-bottom:1px dashed #dedddd}.fbp-container .release-section .box_release .info-box .flex__content{display:flex;align-items:start;justify-content:space-between;gap:10px}.fbp-container .release-section .box_release .info-box .flex__content p{font-size:16px;font-weight:400;color:#555}.fbp-container .release-section .box_release .info-box .flex__content .green-text{color:#00b386;margin-top:12px;font-weight:400;width:80%}.fbp-container .release-section .box_release .info-box .flex__content .green-text span{padding:2px;background:rgba(var(--primary-color-rgb),.1)}.fbp-container .release-section .box_release .info-box .flex__content .day_month{display:flex;flex-direction:column;gap:5px;width:fit-content}.fbp-container .release-section .box_release .info-box .flex__content .day_month .Days{width:100px;border:1px solid transparent;border-radius:8px}.fbp-container .release-section .box_release .info-box .flex__content .day_month .Days .day{padding:10.5px 13px 10.5px 10.5px;background:#f3f3f3;margin-bottom:-5px;border-top-left-radius:7px;border-top-right-radius:7px}.fbp-container .release-section .box_release .info-box .flex__content .day_month .Days .daysList{width:110px}.fbp-container .release-section .box_release .alerts-box{padding:20px 20px 20px 10px;border-bottom:1px dashed #edecec}.fbp-container .release-section .box_release .alerts-box h3{font-size:18px;font-weight:500;display:flex;gap:5px}.fbp-container .release-section .box_release .alerts-box h3 svg{max-width:20px;max-height:20px;color:#b9b9b9!important}.fbp-container .release-section .box_release .alerts-box p{padding:5px 0;font-size:16px;opacity:.8}.fbp-container .release-section .box_release .alerts-box label{display:flex;gap:10px;margin-top:10px;font-weight:400;color:#555}.fbp-container .release-section .box_release .alerts-box label strong{font-weight:500!important;color:#111}.fbp-container .btn-group{margin-top:24px;display:flex;gap:12px}.fbp-container .btn-group button{padding:10px 18px;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.fbp-container .btn-group .save-btn{background-color:rgba(var(--primary-color-rgb),1);color:#fff}.fbp-container .btn-group .save-btn:hover{background-color:rgba(var(--primary-color-rgb),.8)}.fbp-container .btn-group .lock-btn{border:1px solid rgba(var(--primary-color-rgb),1);color:#333;background:transparent}.fbp-container .btn-group .lock-btn:hover{background-color:#f8f6f6}.it-declaration-container .declaration-box .illustration{width:200px;height:200px;background:url(/path-to-image.png) no-repeat center center;background-size:contain;margin:0 auto 15px}.it-declaration-container .declaration-box .config-section .checkbox-tree{display:flex;flex-direction:column}.it-declaration-container .declaration-box .config-section .checkbox-tree .checkbox-wrapper{font-size:14px;display:flex;align-items:center;gap:8px;margin-bottom:8px;position:relative}.it-declaration-container .declaration-box .config-section .checkbox-tree .child-checkbox-wrapper{position:relative;margin-left:20px}.it-declaration-container .declaration-box .config-section .checkbox-tree .child-checkbox-wrapper .vertical_line{position:absolute;top:-8px;left:-12px;height:15.5px;width:1px;background-color:#ccc}.it-declaration-container .declaration-box .config-section .checkbox-tree .child-checkbox-wrapper .horizontal_line{position:absolute;top:7.2px;left:-12px;height:1px;width:12px;background-color:#ccc}.it-declaration-container .declaration-box .config-section .checkbox-tree .child-checkbox-wrapper .checkbox-wrapper.child{margin-top:0}.it-declaration-pref-container{color:#1a1a1a}.it-declaration-pref-container .it_declaration_box{padding:0 20px}.it-declaration-pref-container .alert-banner{position:fixed;background:#f4f6ff;padding:10px 12px;font-size:14px;font-weight:500;color:#1a1a1a;margin-bottom:15px;width:100%;margin-top:-59px;margin-left:-20px;z-index:1}.it-declaration-pref-container .alert-banner .dot-icon{color:#36f;margin-right:5px}.it-declaration-pref-container .desc{margin-top:40px;font-size:16px;opacity:.6;font-weight:300!important;width:80%;margin-bottom:10px}.it-declaration-pref-container .info-text{font-size:16px;margin-bottom:10px}.it-declaration-pref-container .learn-text{font-size:15px;color:#333;margin-bottom:4px;line-height:20px}.it-declaration-pref-container .learn-text a{color:#1a73e8;text-decoration:none}.it-declaration-pref-container .ebook-text{font-size:15px;color:#333;border-left:1px solid rgb(249,237,3);padding-left:14px;margin-left:10px;line-height:20px}.it-declaration-pref-container .ebook-text a{color:#1a73e8;text-decoration:none}.it-declaration-pref-container .white-box{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 4px #0000000d;margin-top:20px;width:80%;border:1px solid rgb(231,229,229)}.it-declaration-pref-container .white-box label{font-size:14px;font-weight:500;display:block;margin-bottom:10px}.it-declaration-pref-container .white-box input[type=text]{margin-top:6px;padding:8px 10px;width:150px;border:1px solid #ccc;border-radius:4px;margin-bottom:20px}.it-declaration-pref-container .white-box h4{font-size:14px;font-weight:600;margin:20px 0 8px}.it-declaration-pref-container .white-box .info-box .flex_content{display:flex;align-items:start;justify-content:space-between;gap:30px}.it-declaration-pref-container .white-box .info-box .flex_content p{font-size:16px;font-weight:400;color:#555;width:80%}.it-declaration-pref-container .white-box .info-box .flex_content .date_right{width:20%}.it-declaration-pref-container .white-box .info-box .green-text{color:#00b386;margin-top:12px;font-weight:400;width:80%}.it-declaration-pref-container .white-box .info-box .green-text span{padding:2px;background:rgba(var(--primary-color-rgb),.1)}.it-declaration-pref-container .white-box .alerts-box{margin-top:30px}.it-declaration-pref-container .white-box .alerts-box h3{font-size:16px;font-weight:500;display:flex;align-items:center;gap:6px}.it-declaration-pref-container .white-box .alerts-box h3 svg{width:18px;height:18px;color:#b9b9b9}.it-declaration-pref-container .white-box .alerts-box p{margin:10px 0 15px;font-size:14px;color:#6d6d6d}.it-declaration-pref-container .white-box .checkbox-group{display:flex;flex-direction:column;gap:12px;font-size:14px}.it-declaration-pref-container .white-box .checkbox-group .line-I{border:1px dashed rgb(240,240,240);rotate:180deg;height:140px;margin-left:6px;width:1px;position:absolute}.it-declaration-pref-container .white-box .checkbox-group label{display:flex;align-items:center;gap:10px;color:#333}.it-declaration-pref-container .white-box .checkbox-group label strong{font-weight:500;color:#000}.it-declaration-pref-container .white-box .checkbox-group label.disabled{pointer-events:none}.it-declaration-pref-container .white-box .checkbox-group .upgrade-alert{margin-left:30px;background:#fdf2f2;font-size:13px;padding:10px;border-radius:6px;display:flex;align-items:center;gap:6px;color:#535252}.it-declaration-pref-container .white-box .checkbox-group .upgrade-alert span{color:#d9534f;font-size:15px;line-height:1}.it-declaration-pref-container .white-box .config-section{margin-top:30px;border-top:1px solid rgb(228,228,228);padding-top:20px}.it-declaration-pref-container .white-box .config-section h3{font-size:14px;font-weight:500;margin-bottom:10px;display:flex}.it-declaration-pref-container .white-box .config-section .checkbox-wrapper{display:flex;align-items:center;gap:10px;font-size:14px;margin-bottom:10px}.it-declaration-pref-container .white-box .config-section .checkbox-wrapper .info-icon{display:inline-block;margin-left:5px;font-size:12px;background:#ccc;border-radius:50%;width:16px;height:16px;text-align:center;line-height:16px}.it-declaration-pref-container .white-box .btn-group{margin-top:24px;display:flex;gap:12px}.it-declaration-pref-container .white-box .btn-group button{padding:10px 18px;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.it-declaration-pref-container .white-box .btn-group .save-btn{background-color:rgba(var(--primary-color-rgb),1);color:#fff}.it-declaration-pref-container .white-box .btn-group .lock-btn{border:1px solid rgba(var(--primary-color-rgb),1);color:#333;background:transparent}.it-declaration-container{margin:0 auto;padding:20px;color:#1a1a1a}.it-declaration-container h1{font-size:20px;font-weight:500;margin-bottom:10px}.it-declaration-container .info-text{font-size:16px;margin-bottom:10px}.it-declaration-container .learn-text{font-size:15px;color:#333;margin-bottom:4px;line-height:20px}.it-declaration-container .learn-text a{color:#1a73e8;text-decoration:none}.it-declaration-container .ebook-text{font-size:15px;color:#333;border-left:1px solid rgb(249,237,3);padding-left:14px;margin-left:10px;line-height:20px}.it-declaration-container .ebook-text a{color:#1a73e8;text-decoration:none}.it-declaration-container .declaration-box{margin-top:20px;padding:30px;border-radius:10px;text-align:center;box-shadow:0 0 3px .3px #0000001a}.it-declaration-container .declaration-box .illustration{width:200px;height:200px;background:url(/path-to-image.png) no-repeat center center;background-size:contain;margin:0 auto 15px}.it-declaration-container .declaration-box h2{font-size:18px;font-weight:500;margin-bottom:10px}.it-declaration-container .declaration-box p{font-size:16px;color:#444;width:60%;margin:20px auto;line-height:22px}.it-declaration-container .declaration-box p strong{font-weight:500}.it-declaration-container .declaration-box .flex_0_content{display:flex;align-items:start;justify-content:space-between;gap:10px;width:100%;text-align:left;margin-top:30px;border-top:1px dashed rgb(238,234,234);padding-top:20px}.it-declaration-container .declaration-box .flex_0_content p{font-size:16px;font-weight:400;color:#111;text-align:left;width:100%}.it-declaration-container .declaration-box .flex_0_content .green-text{color:#00b386;margin-top:12px;font-weight:400;padding-right:120px}.it-declaration-container .declaration-box .flex_0_content .green-text span{padding:2px;background:rgba(var(--primary-color-rgb),.1)}.it-declaration-container .declaration-box .flex_0_content .day_month{gap:5px;width:240px}.it-declaration-container .declaration-box .flex_0_content .day_month .Days .day{padding:10px;background:#f3f3f3;margin-bottom:-10px;border-top-right-radius:7px;border-top-left-radius:7px}.it-declaration-container .declaration-box .flex_0_content .date_right{width:100%}.it-declaration-container .declaration-box .release-btn{padding:8px 16px;border:1px solid #ccc;background-color:#fff;color:#333;cursor:pointer;border-radius:4px}.it-declaration-container .declaration-box .config-section{margin-top:30px;border-top:1px solid rgb(228,228,228);padding-top:20px}.it-declaration-container .declaration-box .config-section h3{font-size:14px;font-weight:500;margin-bottom:10px;display:flex}.it-declaration-container .declaration-box .config-section .checkbox-wrapper{display:flex;align-items:center;gap:10px;font-size:14px;margin-bottom:10px}.it-declaration-container .declaration-box .config-section .checkbox-wrapper .info-icon{display:inline-block;margin-left:5px;font-size:12px;background:#ccc;border-radius:50%;width:16px;height:16px;text-align:center;line-height:16px}.it-declaration-container .declaration-box .save-btn{margin-top:20px;padding:8px 24px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;display:flex}.it-declaration-pref-container_s{color:#1a1a1a}.it-declaration-pref-container_s .it_declaration_box{padding:0 20px}.it-declaration-pref-container_s .alert-banner{position:fixed;background:#f4f6ff;padding:10px 12px;font-size:14px;font-weight:500;color:#1a1a1a;margin-bottom:15px;width:100%;margin-top:-59px;margin-left:-20px;z-index:1}.it-declaration-pref-container_s .alert-banner .dot-icon{color:#36f;margin-right:5px}.it-declaration-pref-container_s .desc{margin-top:40px;font-size:16px;opacity:.6;font-weight:300!important;width:80%;margin-bottom:10px}.it-declaration-pref-container_s .info-text{font-size:16px;margin-bottom:10px}.it-declaration-pref-container_s .learn-text{font-size:15px;color:#333;margin-bottom:4px;line-height:20px}.it-declaration-pref-container_s .learn-text a{color:#1a73e8;text-decoration:none}.it-declaration-pref-container_s .ebook-text{font-size:15px;color:#333;border-left:1px solid rgb(249,237,3);padding-left:14px;margin-left:10px;line-height:20px}.it-declaration-pref-container_s .ebook-text a{color:#1a73e8;text-decoration:none}.it-declaration-pref-container_s .white-box{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 4px #0000000d;margin-top:20px;width:84%;border:1px solid rgb(231,229,229)}.it-declaration-pref-container_s .white-box label{font-size:14px;font-weight:500;display:block;margin-bottom:10px}.it-declaration-pref-container_s .white-box h4{font-size:14px;font-weight:600;margin:20px 0 8px}.it-declaration-pref-container_s .white-box .info-box .flex_content{display:flex;align-items:start;justify-content:space-between;gap:30px}.it-declaration-pref-container_s .white-box .info-box .flex_content p{font-size:16px;font-weight:400;color:#555;width:80%}.it-declaration-pref-container_s .white-box .info-box .flex_content .date_right{width:20%}.it-declaration-pref-container_s .white-box .info-box .green-text{color:#00b386;margin-top:12px;font-weight:400;width:80%}.it-declaration-pref-container_s .white-box .info-box .green-text span{padding:2px;background:rgba(var(--primary-color-rgb),.1)}.it-declaration-pref-container_s .white-box .alerts-box{margin-top:30px}.it-declaration-pref-container_s .white-box .alerts-box h3{font-size:16px;font-weight:500;display:flex;align-items:center;gap:6px}.it-declaration-pref-container_s .white-box .alerts-box h3 svg{width:18px;height:18px;color:#b9b9b9}.it-declaration-pref-container_s .white-box .alerts-box p{margin:10px 0 15px;font-size:14px;color:#6d6d6d}.it-declaration-pref-container_s .white-box .checkbox-group{display:flex;flex-direction:column;gap:12px;font-size:14px}.it-declaration-pref-container_s .white-box .checkbox-group .line-I{border:1px dashed rgb(240,240,240);rotate:180deg;height:140px;margin-left:6px;width:1px;position:absolute}.it-declaration-pref-container_s .white-box .checkbox-group label{display:flex;align-items:center;gap:10px;color:#333}.it-declaration-pref-container_s .white-box .checkbox-group label strong{font-weight:500;color:#000}.it-declaration-pref-container_s .white-box .checkbox-group label.disabled{pointer-events:none}.it-declaration-pref-container_s .white-box .checkbox-group .upgrade-alert{margin-left:30px;background:#fdf2f2;font-size:13px;padding:10px;border-radius:6px;display:flex;align-items:center;gap:6px;color:#535252}.it-declaration-pref-container_s .white-box .checkbox-group .upgrade-alert span{color:#d9534f;font-size:15px;line-height:1}.it-declaration-pref-container_s .white-box .flex_0_content{display:flex;align-items:start;justify-content:space-between;gap:10px;width:100%;text-align:left;margin-top:30px;border-top:1px dashed rgb(238,234,234);padding-top:20px}.it-declaration-pref-container_s .white-box .flex_0_content p{font-size:16px;font-weight:400;color:#111;text-align:left;width:100%}.it-declaration-pref-container_s .white-box .flex_0_content .green-text{color:#00b386;margin-top:12px;font-weight:400;padding-right:120px}.it-declaration-pref-container_s .white-box .flex_0_content .green-text span{padding:2px;background:rgba(var(--primary-color-rgb),.1)}.it-declaration-pref-container_s .white-box .flex_0_content .day_month{gap:5px;width:290px}.it-declaration-pref-container_s .white-box .flex_0_content .day_month .Days .day{padding:10px;background:#f3f3f3;margin-bottom:-10px;border-top-right-radius:7px;border-top-left-radius:7px}.it-declaration-pref-container_s .white-box .flex_0_content .date_right{width:100%}.it-declaration-pref-container_s .white-box .config-section{margin-top:30px;border-top:1px solid rgb(228,228,228);padding-top:20px}.it-declaration-pref-container_s .white-box .config-section h3{font-size:14px;font-weight:500;margin-bottom:10px;display:flex}.it-declaration-pref-container_s .white-box .config-section .checkbox-wrapper{display:flex;align-items:center;gap:10px;font-size:14px;margin-bottom:10px}.it-declaration-pref-container_s .white-box .config-section .checkbox-wrapper .info-icon{display:inline-block;margin-left:5px;font-size:12px;background:#ccc;border-radius:50%;width:16px;height:16px;text-align:center;line-height:16px}.it-declaration-pref-container_s .white-box .buttons{margin-top:24px}.it-declaration-pref-container_s .white-box .buttons button{padding:8px 20px;border-radius:5px;font-weight:500;font-size:14px;border:none;cursor:pointer;margin-right:10px}.it-declaration-pref-container_s .white-box .buttons button.save{background-color:var(--primary-color);color:#fff}.it-declaration-pref-container_s .white-box .buttons button.lock{background-color:#f1f1f1;color:#333}.page-container .main-container .payschedule-container{padding:30px}.page-container .main-container .payschedule-container .red{color:red;margin-left:4px}.page-container .main-container .payschedule-container p{font-size:14px;color:#666;margin-bottom:12px}.page-container .main-container .payschedule-container .section{margin-bottom:20px}.page-container .main-container .payschedule-container .section .error{color:red;font-size:13px;margin:10px 0}.page-container .main-container .payschedule-container .section .days{display:flex;gap:0px;flex-wrap:wrap}.page-container .main-container .payschedule-container .section .days button{padding:8px 14px;border:1px solid #ccc;background:#f7f7f7;font-size:14px;cursor:pointer;transition:all .2s ease}.page-container .main-container .payschedule-container .section .days button.selected{background-color:rgba(var(--primary-color-rgb),.2);border-color:var(--primary-color)}.page-container .main-container .payschedule-container .section .days button:hover{opacity:.6!important;box-shadow:none!important}.page-container .main-container .payschedule-container .section label{font-weight:500;display:block;color:#000;margin-bottom:8px;font-size:18px;letter-spacing:-.18px;line-height:20px}.page-container .main-container .payschedule-container .section .label{display:flex!important;align-items:center;gap:5px}.page-container .main-container .payschedule-container .section .label label{font-weight:500;display:flex;align-items:center;color:#000;margin-bottom:10px!important;font-size:18px;letter-spacing:-.18px;line-height:20px}.page-container .main-container .payschedule-container .section .info-icon{display:inline-flex;align-items:center;margin-left:2px}.page-container .main-container .payschedule-container .section .info-icon svg{color:#999;width:16px;height:16px;vertical-align:middle}.page-container .main-container .payschedule-container .section .radio{display:flex;flex-direction:column}.page-container .main-container .payschedule-container .section .radio label{display:flex;align-items:center;gap:10px;font-weight:400;font-size:16px;color:#2a2a2a;line-height:100%;letter-spacing:-.16px;margin-bottom:6px}.page-container .main-container .payschedule-container .section .radio label .select{width:104px;margin-bottom:4px;margin-left:-6px}.page-container .main-container .payschedule-container .section_main{display:flex;align-items:center;gap:50px;margin-bottom:50px}.page-container .main-container .payschedule-container .section_main .section_{width:30%;margin-bottom:32px}.page-container .main-container .payschedule-container .section_main .section_ .pay_section{margin-bottom:30px}.page-container .main-container .payschedule-container .section_main .section_ .pay_section label{font-size:16px;font-weight:500;margin:10px 0}.page-container .main-container .payschedule-container .section_main .section_ .pay_section p{margin:10px 0}.page-container .main-container .payschedule-container .section_main .payroll-start-wrapper{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;margin-top:20px}.page-container .main-container .payschedule-container .section_main .payroll-start-wrapper .left-section{flex:1;min-width:280px}.page-container .main-container .payschedule-container .section_main .payroll-start-wrapper .right-calendar{flex:1;min-width:320px;max-width:400px;border-radius:2px;border:1px solid rgb(235,234,234)}.page-container .main-container .payschedule-container .section_main .payroll-start-wrapper .right-calendar .react-calendar{width:100%;border:none;font-family:inherit}.page-container .main-container .payschedule-container .section_main .payroll-start-wrapper .right-calendar .react-calendar .highlight{background-color:#007bff;color:#fff;border-radius:50%}.page-container .main-container .payschedule-container .section_main .payroll-start-wrapper .right-calendar .react-calendar__tile.highlight-month{background-color:rgba(var(--primary-color-rgb),.2);border-radius:4px}.page-container .main-container .payschedule-container .section_main .payroll-start-wrapper .right-calendar .react-calendar__tile.highlight-paydate{display:flex!important;justify-content:center;align-items:center;background:transparent!important;padding:0!important}.page-container .main-container .payschedule-container .section_main .payroll-start-wrapper .right-calendar .react-calendar__tile.highlight-paydate>div{background-color:rgba(var(--primary-color-rgb));color:#fff;border-radius:50%;width:32px;height:32px;display:flex;justify-content:center;align-items:center}@media (max-width: 600px){.page-container .main-container{padding:20px}.page-container .main-container .days{justify-content:space-between}.page-container .main-container .radio label{flex-direction:column;align-items:flex-start;gap:4px}}select{width:100%;max-width:300px;padding:8px 12px;border:1px solid #ccc;border-radius:6px;margin-top:8px}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.page-container .top-note{background:#fff7e6;border:1px solid #ffe58f;padding:12px 16px;font-size:14px;display:flex;align-items:center;margin-bottom:24px;width:100%;margin-top:-20px}.page-container .top-note span[role=img]{margin-right:8px;font-size:18px}.page-container .top-note strong{margin-right:4px}.page-container .main-container .pay-schedule-container{padding:30px}.page-container .main-container .pay-schedule-container .content_box{max-width:900px}.page-container .main-container .pay-schedule-container .payschedule-header{margin-bottom:32px}.page-container .main-container .pay-schedule-container .payschedule-header .header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.page-container .main-container .pay-schedule-container .payschedule-header .header h2{font-weight:600;font-size:18px;line-height:23.05px;letter-spacing:-.24px}.page-container .main-container .pay-schedule-container .payschedule-header .header h3{font-size:16px;font-weight:600;line-height:24px;letter-spacing:-.18px}.page-container .main-container .pay-schedule-container .payschedule-header .header .edit-icon{background:#e3e3e3;opacity:.5;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:100%;padding:5px;margin-bottom:10px}.page-container .main-container .pay-schedule-container .payschedule-header .header .edit-icon:hover{background:#e6e5e5;opacity:1}.page-container .main-container .pay-schedule-container .payschedule-header ul{list-style:none;padding:0}.page-container .main-container .pay-schedule-container .payschedule-header ul li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}.page-container .main-container .pay-schedule-container .payschedule-header ul li span:first-child{font-weight:500}.page-container .main-container .pay-schedule-container .payschedule-header ul li span:last-child a{color:#1890ff;text-decoration:none}.page-container .main-container .pay-schedule-container .upcoming-payrolls h3{font-size:16px;margin-bottom:16px}.page-container .main-container .pay-schedule-container .upcoming-payrolls table{width:100%;border-collapse:collapse}.page-container .main-container .pay-schedule-container .upcoming-payrolls table th{text-align:left;color:#888;font-weight:500;font-size:13px;padding-bottom:8px}.page-container .main-container .pay-schedule-container .upcoming-payrolls table td{padding:12px 0;border-top:1px solid #eee;font-size:15px}.page-container .main-container .pay-schedule-container .upcoming-payrolls table td .next-payrun{background-color:#13c2c2;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;margin-left:6px}.page-container .main-container .salary-revision-details{padding:20px}.page-container .main-container .salary-revision-details .salary-revision-breakdown{margin:0 10px;position:sticky}.page-container .main-container .salary-revision-details .salary-revision-breakdown .salary-header .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.page-container .main-container .salary-revision-details .salary-revision-breakdown .salary-header .head h2{font-weight:500;font-size:18px;line-height:23.05px;letter-spacing:-.24px}.page-container .main-container .salary-revision-details .salary-revision-breakdown h2{font-size:18px;font-weight:500}.page-container .main-container .salary-revision-details .salary-revision-breakdown .ctc-info{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;width:100%;margin:10px 0}@media (max-width: 1000px){.page-container .main-container .salary-revision-details .salary-revision-breakdown .ctc-info{grid-template-columns:repeat(2,1fr);gap:0px;padding-right:60px}}.page-container .main-container .salary-revision-details .salary-revision-breakdown .ctc-info .info-item{display:flex;flex-direction:column}.page-container .main-container .salary-revision-details .salary-revision-breakdown .ctc-info .info-item .label{font-size:15px;line-height:144%;letter-spacing:-.15px;font-weight:400;color:#2c2c2c99}.page-container .main-container .salary-revision-details .salary-revision-breakdown .ctc-info .info-item .value{font-weight:500;line-height:133%;letter-spacing:-.3px;margin:5px 0;font-size:16px;color:#000}.page-container .main-container .salary-revision-details .salary-revision-breakdown .ctc-info .edit_delete_btn{display:flex;justify-content:flex-end;gap:12px}.page-container .main-container .salary-revision-details .salary-revision-breakdown .ctc-info .edit_delete_btn .delete-btn{background:#fff;color:var(--primary-color);border:1px solid var(--primary-color);padding:8px 14px;border-radius:6px;cursor:pointer;transition:background-color .3s;font-weight:500;font-size:18px;line-height:20px;letter-spacing:-.18px;width:auto;height:35px;display:flex;align-items:center;justify-content:center;gap:5px}.page-container .main-container .salary-revision-details .salary-revision-breakdown .ctc-info .edit_delete_btn .edit-btn{background:var(--primary-color);color:#fff;padding:8px 14px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:6px;font-weight:500;font-size:18px;line-height:20px;letter-spacing:-.18px;cursor:pointer;outline:none;border:none;width:auto;height:35px}.page-container .main-container .salary-revision-details .salary-card{box-shadow:2px 2px 12px .3px #00000012;margin:10px 0;padding:20px;border-radius:10px;width:60%}.page-container .main-container .salary-revision-details .salary-card .salary-table{width:100%;border-collapse:collapse;margin-bottom:20px}.page-container .main-container .salary-revision-details .salary-card .salary-table th,.page-container .main-container .salary-revision-details .salary-card .salary-table td{padding:10px 12px;text-align:left;vertical-align:top}.page-container .main-container .salary-revision-details .salary-card .salary-table thead th{color:#888;text-transform:uppercase;padding-bottom:8px;border-bottom:1px solid #ddd;font-size:12px;letter-spacing:-.24px;background:#fff!important}.page-container .main-container .salary-revision-details .salary-card .salary-table th:nth-child(2){text-align:right}.page-container .main-container .salary-revision-details .salary-card .salary-table th:nth-child(3){text-align:right}.page-container .main-container .salary-revision-details .salary-card .salary-table tr{border-style:none}.page-container .main-container .salary-revision-details .salary-card .salary-table tr:hover{background:none!important}.page-container .main-container .salary-revision-details .salary-card .salary-table td:nth-child(2){text-align:right}.page-container .main-container .salary-revision-details .salary-card .salary-table td:nth-child(3){text-align:right}.page-container .main-container .salary-revision-details .salary-card .salary-table .salary-section-title{font-size:14px;font-weight:600}.page-container .main-container .salary-revision-details .salary-card .salary-table td.amount{text-align:right;white-space:nowrap;font-size:15px}.page-container .main-container .salary-revision-details .salary-card .salary-table .salary-description{color:#888;font-size:12px;margin-top:4px;display:block}.page-container .main-container .salary-revision-details .salary-card .salary-table .section-divider td{border-bottom:1px solid #ddd;padding-top:8px}.page-container .main-container .salary-revision-details .salary-card .salary-table .total-row td{font-weight:600;font-size:16px;padding-top:24px;border-top:1px solid #ddd}.overview-container{display:flex;flex-direction:row;gap:20px;width:100%}@media (max-width: 1000px){.overview-container{flex-direction:column}}.overview-container .left-section{position:relative;z-index:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-width:313px;width:25%;border:1px solid rgba(244,234,234,.5);border-radius:10px;background-color:#fff;box-shadow:0 1px 19.2px #0000000a}@media (max-width: 1000px){.overview-container .left-section{width:100%}}.overview-container .left-section .profile-container{padding:30px 20px}@media (max-width: 1000px){.overview-container .left-section .profile-container{width:100%}}.overview-container .left-section .profile-container .top-section{border-bottom:1px solid #e7e7e7;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-bottom:20px}@media (max-width: 1000px){.overview-container .left-section .profile-container .top-section{width:100%}}.overview-container .left-section .profile-container .top-section .UserAvatar{margin:20px 0}.overview-container .left-section .profile-container .top-section .UserAvatar .editProfile{background:#d9d9d9cc;width:24px;cursor:pointer;height:24px;display:flex;align-items:center;justify-content:center;margin-top:-15px;z-index:99;position:absolute;margin-left:30px;border-radius:100px}.overview-container .left-section .profile-container .top-section .refresh-btn{position:absolute;right:0;cursor:pointer;top:1%;margin-top:10px;margin-right:10px;width:25px;height:25px;border-radius:50px;border:1px solid #d0d5dd;align-items:center;display:flex;justify-content:center}.overview-container .left-section .profile-container .top-section .refresh-btn img{width:20px;height:12px;transition:transform .3s ease-in-out}.overview-container .left-section .profile-container .top-section .refresh-btn img.rotating{animation:rotate 1s linear infinite}.overview-container .left-section .profile-container .top-section h4{font-size:18px;font-weight:500;line-height:24px;letter-spacing:-.5px;color:#23256b}.overview-container .left-section .profile-container .top-section .progress-circle{position:relative;width:90px;height:90px}.overview-container .left-section .profile-container .top-section .progress-circle img{padding:2px;width:70px;height:70px;border-radius:50%;object-fit:cover;position:absolute;top:10px;left:10px;z-index:2}.overview-container .left-section .profile-container .top-section .progress-circle:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:conic-gradient(purple 0% 90%,transparent 1% 100%);background:conic-gradient(purple 0% var(--angle),transparent var(--angle) 100%);border-radius:50%;z-index:1;clip-path:circle(43% at 50% 50%);animation:roted-animation 12s infinite}.overview-container .left-section .profile-container .top-section .progress-circle:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:conic-gradient(rgb(175,175,171) 0% 100%,transparent 1% 100%);border-radius:50%;z-index:1;clip-path:circle(41% at 50% 50%)}.overview-container .left-section .profile-container .top-section h2{font-size:18px;font-weight:500;line-height:24px;letter-spacing:-.72px;color:#2c2c2c}.overview-container .left-section .profile-container .top-section p{font-size:13px;font-weight:400;line-height:20.1px;letter-spacing:-.72px;color:#2c2c2c;opacity:70%}.overview-container .left-section .profile-container .bottom-section{margin:40px 0}.overview-container .left-section .profile-container .bottom-section .info-section{display:grid;grid-template-columns:1fr 2fr;gap:10px;width:100%;align-items:center;margin:0 auto}.overview-container .left-section .profile-container .bottom-section .info-section .info_row{display:contents}.overview-container .left-section .profile-container .bottom-section .info-section .info_name{color:#2c2c2c;font-size:13px;line-height:155%;font-weight:400;letter-spacing:-.2px;opacity:.7;white-space:nowrap}.overview-container .left-section .profile-container .bottom-section .info-section .info_value{color:#2a2a2a;font-size:15px;line-height:134%;font-weight:500;text-align:left;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}@media (max-width: 768px){.overview-container .left-section .profile-container .info-section{grid-template-columns:1fr}}.overview-container .left-section .profile-container .edit-btn_{margin:20px 0;display:block;font-size:16px;font-weight:500;letter-spacing:-.32px;line-height:87.5%;width:100%;padding:10px;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer}@media (max-width: 1000px){.overview-container .left-section .profile-container .edit-btn_{width:400px;margin:0 auto}}.overview-container .right-section{display:flex;flex-direction:column;height:100%;width:75%;gap:10px}@media (max-width: 1000px){.overview-container .right-section{width:100%}}.overview-container .right-section .section{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;padding:10px 20px;border:1px solid rgba(244,234,234,.5);border-radius:10px;background-color:#fff;box-shadow:0 1px 19.2px #0000000a}.overview-container .right-section .section .header_section{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding-bottom:10px;border-bottom:1px solid #e7e7e7}.overview-container .right-section .section .header_section .left_section{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;height:100%}.overview-container .right-section .section .header_section .left_section span{width:30px;height:30px;border:1px solid rgb(231,231,231);border-radius:6px;padding:2px}.overview-container .right-section .section .header_section .left_section span img{fill:#23256b;height:24px;width:24px}.overview-container .right-section .section .header_section .left_section h3{color:#2a2a2a;font-size:18px;line-height:133%;font-weight:500;letter-spacing:-1px;line-height:24px}.overview-container .right-section .section .header_section .edit-btn{display:block;background:#fff;cursor:pointer;padding:4px 16px;border:2px solid var(--primary-color);border-radius:4px;box-shadow:0 4px 24px #00000014;color:var(--primary-color);font-size:14px;line-height:123%;font-weight:500;letter-spacing:-.14px}.overview-container .right-section .section .info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;row-gap:40px;width:100%;padding:30px 10px}@media (max-width: 1380px){.overview-container .right-section .section .info-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1200px){.overview-container .right-section .section .info-grid{grid-template-columns:repeat(2,1fr)}}.overview-container .right-section .section .info-grid .info-item{display:flex;flex-direction:column}.overview-container .right-section .section .info-grid .info-item .label{font-size:14px;line-height:144%;letter-spacing:-.07px;font-weight:400;color:#2c2c2c99}.overview-container .right-section .section .info-grid .info-item .value{font-size:15px;font-weight:500;line-height:133%;letter-spacing:-.3px;color:#2c2c2c}.overview-container .right-section .section .info-grid .full-width-section{display:contents}.overview-container .right-section .section .info-grid .full-width-section .info-item{grid-column:span 2}@media (max-width: 768px){.overview-container .right-section .section .info-grid{grid-template-columns:repeat(2,1fr)}.overview-container .right-section .section .info-grid .full-width-section{display:contents}.overview-container .right-section .section .info-grid .full-width-section .info-item{grid-column:span 1}}@media (max-width: 480px){.overview-container .right-section .section .info-grid{grid-template-columns:1fr}.overview-container .right-section .section .info-grid .full-width-section{display:contents}.overview-container .right-section .section .info-grid .full-width-section .info-item{grid-column:span 1}}.overview-container .right-section .section .deductions-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%;row-gap:30px;padding:30px 10px}@media (max-width: 768px){.overview-container .right-section .section .deductions-container{grid-template-columns:1fr;gap:15px}}@media (max-width: 480px){.overview-container .right-section .section .deductions-container{grid-template-columns:1fr;gap:10px}}.toggle-container{display:flex;align-items:center;cursor:pointer;gap:12px;flex-wrap:wrap}.toggle-container input{display:none}.toggle-container .toggle-slider{width:40px;height:20px;background:#e6e0e9;border-radius:75px;padding:8px 6px;position:relative;transition:.3s;border:1.5px solid rgb(121,116,126)}.toggle-container .toggle-slider:before{content:"";position:absolute;width:16px;height:16px;background:#79747e;border-radius:50%;top:50%;left:2px;transform:translateY(-50%);transition:.3s}.toggle-container input:checked+.toggle-slider{background:#65558f;border:none}.toggle-container input:checked+.toggle-slider:before{left:calc(100% - 18px);background:#fff}.toggle-container .toggle-label{font-size:14px;font-weight:500;color:#2c2c2c}@media (max-width: 480px){.toggle-container .toggle-label{font-size:13px}}.emp_container_detail .salary-details .salary-breakdown{margin:0 10px}.emp_container_detail .salary-details .salary-breakdown .salary-header{margin:40px auto 20px}.emp_container_detail .salary-details .salary-breakdown .salary-header .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.emp_container_detail .salary-details .salary-breakdown .salary-header .head h2{font-weight:500;font-size:18px;line-height:23.05px;letter-spacing:-.24px}.emp_container_detail .salary-details .salary-breakdown .salary-header .head .left-section{display:flex;align-items:center;gap:10px}.emp_container_detail .salary-details .salary-breakdown .salary-header .head .left-section h2{margin:0}.emp_container_detail .salary-details .salary-breakdown .salary-header .head .left-section .edit-icon{background:#e3e3e3;opacity:.5;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:100%;padding:5px}.emp_container_detail .salary-details .salary-breakdown .salary-header .head .left-section .edit-icon:hover{background:#e6e5e5;opacity:1}.emp_container_detail .salary-details .salary-breakdown h2{font-size:18px;font-weight:500}.emp_container_detail .salary-details .salary-breakdown .ctc-info{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;row-gap:40px;width:100%;margin:10px 0}@media (max-width: 1000px){.emp_container_detail .salary-details .salary-breakdown .ctc-info{grid-template-columns:repeat(2,1fr);gap:0px;padding-right:60px}}.emp_container_detail .salary-details .salary-breakdown .ctc-info .info-item{display:flex;flex-direction:column}.emp_container_detail .salary-details .salary-breakdown .ctc-info .info-item .label{font-size:15px;line-height:144%;letter-spacing:-.15px;font-weight:400;color:#2c2c2c99}.emp_container_detail .salary-details .salary-breakdown .ctc-info .info-item .value{font-weight:500;line-height:133%;letter-spacing:-.3px;margin:5px 0;font-size:16px;color:#000}.emp_container_detail .salary-details .salary-breakdown .ctc-info .revise-btn{background:var(--primary-color);color:#fff;padding:8px 14px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:6px;cursor:pointer;outline:none;border:none;width:80px;height:40px}.emp_container_detail .salary-details .salary-card{box-shadow:2px 2px 12px .3px #00000012;margin:10px 0;padding:20px;border-radius:10px;width:80%}.emp_container_detail .salary-details .salary-card .salary-table{width:100%;border-collapse:collapse;margin-bottom:20px}.emp_container_detail .salary-details .salary-card .salary-table th,.emp_container_detail .salary-details .salary-card .salary-table td{padding:15px 12px;text-align:left;vertical-align:top}.emp_container_detail .salary-details .salary-card .salary-table thead th{color:#888;text-transform:uppercase;padding-bottom:8px;border-bottom:1px solid #ddd;font-size:14px;letter-spacing:-.14px;background:#fff!important}.emp_container_detail .salary-details .salary-card .salary-table th:nth-child(2){text-align:right}.emp_container_detail .salary-details .salary-card .salary-table th:nth-child(3){text-align:right}.emp_container_detail .salary-details .salary-card .salary-table tr{border-style:none}.emp_container_detail .salary-details .salary-card .salary-table tr:hover{background:none!important}.emp_container_detail .salary-details .salary-card .salary-table td:nth-child(2){text-align:right}.emp_container_detail .salary-details .salary-card .salary-table td:nth-child(3){text-align:right}.emp_container_detail .salary-details .salary-card .salary-table .salary-section-title{font-size:16px;font-weight:600}.emp_container_detail .salary-details .salary-card .salary-table td.amount{text-align:right;white-space:nowrap;font-size:15px}.emp_container_detail .salary-details .salary-card .salary-table .salary-description{color:#888;font-size:13px;margin-top:4px;display:block}.emp_container_detail .salary-details .salary-card .salary-table .section-divider td{border-bottom:1px solid #ddd;padding-top:8px}.emp_container_detail .salary-details .salary-card .salary-table .total-row td{font-weight:600;font-size:18px;padding-top:24px;border-top:1px solid #ddd}.emp_container_detail .salary-details .revision-history{margin:30px 0;padding:20px 0;border-top:.5px dashed #eee;width:80%}.emp_container_detail .salary-details .revision-history table{border-collapse:collapse;margin:20px 0}.emp_container_detail .salary-details .revision-history table th,.emp_container_detail .salary-details .revision-history table td{padding:12px;text-align:left;vertical-align:top}.emp_container_detail .salary-details .revision-history table thead th{color:#888;text-transform:uppercase;border-bottom:1px solid #ddd;border-top:1px solid #ddd;font-size:14px;letter-spacing:-.14px;font-weight:500;background:#fff!important}.emp_container_detail .salary-details .revision-history table tr{border-style:none}.emp_container_detail .salary-details .revision-history table tr:hover{background:none!important}.emp_container_detail .salary-details .revision-history table .component-title{font-size:16px}.emp_container_detail .salary-details .revision-history table small{display:block;color:#777}.emp_container_detail .salary-details .revision-history table a{color:var(--primary-color);text-decoration:none;cursor:pointer}.emp_container_detail .salary-details .revision-history table .link-button{background:none;border:none;padding:0;color:var(--primary-color);text-decoration:underline;cursor:pointer;font:inherit}.salary-revision-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;justify-content:center;align-items:center;z-index:1000}.salary-revision-modal{background:#fff;width:900px;max-height:90vh;overflow:hidden;border-radius:10px;box-shadow:0 4px 12px #00000026;position:absolute}.salary-revision-modal .salary-revision-header{margin:0;width:900px;height:40px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-top-right-radius:10px;border-top-left-radius:10px;position:fixed;padding:30px;border-bottom:1px solid #ddd}.salary-revision-modal .salary-revision-header h2{margin-top:10px;font-size:20px;color:#1e1e1e}.salary-revision-modal .salary-revision-header .close-btn{background:none;border:none;cursor:pointer;color:#333;padding:0;position:relative;width:24px;height:24px;background:#ecf3f3;border-radius:100px;display:flex;align-items:center;justify-content:center;margin-top:-15px}.salary-revision-modal .salary-revision-body{padding:24px;max-height:67vh;overflow:auto;margin-top:60px}.salary-revision-modal .salary-revision-body .salary-revision-breakdown{margin:0 10px}.salary-revision-modal .salary-revision-body .salary-revision-breakdown .previous-info{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;width:100%;margin:10px 0}@media (max-width: 1000px){.salary-revision-modal .salary-revision-body .salary-revision-breakdown .previous-info{grid-template-columns:repeat(2,1fr);gap:0px;padding-right:60px}}.salary-revision-modal .salary-revision-body .salary-revision-breakdown .previous-info .info-item{display:flex;flex-direction:column}.salary-revision-modal .salary-revision-body .salary-revision-breakdown .previous-info .info-item .label{font-size:15px;line-height:144%;letter-spacing:-.15px;font-weight:400;color:#2c2c2c99}.salary-revision-modal .salary-revision-body .salary-revision-breakdown .previous-info .info-item .value{font-weight:500;line-height:133%;letter-spacing:-.3px;margin:5px 0;font-size:16px;color:#000}.salary-revision-modal .salary-revision-body .revision-history{padding:20px 0}.salary-revision-modal .salary-revision-body .revision-history table{border-collapse:collapse}.salary-revision-modal .salary-revision-body .revision-history table th,.salary-revision-modal .salary-revision-body .revision-history table td{padding:12px;text-align:left;vertical-align:top}.salary-revision-modal .salary-revision-body .revision-history table thead th{color:#888;text-transform:uppercase;border-bottom:1px solid #ddd;border-top:1px solid #ddd;font-size:14px;letter-spacing:-.14px;font-weight:500;background:#fff!important}.salary-revision-modal .salary-revision-body .revision-history table th:nth-child(2){text-align:right}.salary-revision-modal .salary-revision-body .revision-history table th:nth-child(3){text-align:right}.salary-revision-modal .salary-revision-body .revision-history table tr{border-style:none}.salary-revision-modal .salary-revision-body .revision-history table tr:hover{background:none!important}.salary-revision-modal .salary-revision-body .revision-history table td:nth-child(2){text-align:right}.salary-revision-modal .salary-revision-body .revision-history table td:nth-child(3){text-align:right}.salary-revision-modal .salary-revision-body .revision-history table .section-title{font-size:16px;font-weight:600}.salary-revision-modal .salary-revision-body .revision-history table td.amount{text-align:right;white-space:nowrap;font-size:15px}.salary-revision-modal .salary-revision-body .revision-history table .component-title{font-size:16px}.salary-revision-modal .salary-revision-body .revision-history table .salary-description{color:#888;font-size:13px;margin-top:4px;display:block}.salary-revision-modal .salary-revision-body .revision-history table .section-divider td{border-bottom:1px solid #ddd;padding-top:8px}.salary-revision-modal .salary-revision-body .revision-history table small{display:block;color:#777}.salary-revision-modal .salary-revision-body .revision-history table .total-row td{font-weight:600;font-size:18px;padding-top:24px;border-top:1px solid #ddd}.salary-revision-modal .salary-revision-footer{padding:20px 24px;border-top:1px solid #e0e0e0;justify-content:space-between;align-items:center;background:#fff}.salary-revision-modal .salary-revision-footer .got-it-btn{margin:0;padding:10px 20px;background:#f0f0f0;border:1px solid #ccc;border-radius:6px;font-size:14px;cursor:pointer;color:#333;transition:background .2s}.salary-revision-modal .salary-revision-footer .got-it-btn:hover{background:#e0e0e0}.investment .it-header{margin:20px auto}.investment .it-header .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.investment .it-header .head h2{font-weight:500;font-size:18px;line-height:23.05px;letter-spacing:-.24px}.investment .it-header .head .left-section{display:flex;align-items:center;gap:10px}.investment .it-header .head .left-section h2{margin:0}.investment .it-header .head .left-section .status-label{font-size:12px;font-weight:500;padding:2px 8px;letter-spacing:-.48px;border-radius:2px;text-transform:uppercase;vertical-align:middle!important;margin-left:-6px}.investment .it-header .head .left-section .status-label.declared{background-color:#00b050;color:#dcffec}.investment .it-header .head .left-section .status-label.draft{background-color:#e7eaf1;color:#788297}.investment .it-header .head .left-section .status-label.pending{background-color:#ff973b;color:#fff3e9}.investment .it-header .head .left-section .edit-icon{background:#e3e3e3;opacity:.5;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:100%;padding:5px}.investment .it-header .head .left-section .edit-icon:hover{background:#e6e5e5;opacity:1}.investment .header-menu{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.investment .header-menu .tabs_{display:flex;background-color:#eff3ff;gap:.5rem;border-radius:8px}.investment .header-menu .tabs_ button{padding:.5rem 1rem;border:none;border-radius:6px;background-color:#f0f2f5;color:#000;font-size:14px;cursor:pointer;transition:.2s ease}.investment .header-menu .tabs_ button.active{background-color:var(--primary-color);color:#fff}.investment .header-menu .filter-section{display:flex;align-items:center;gap:.6rem}.investment .header-menu .filter-section .filter-icon{font-size:18px;color:#000}.investment .header-menu .filter-section .filter-text{font-size:14px;color:#333}.investment .header-menu .filter-section .period-select{padding:.4rem .8rem;border-radius:6px;border:1px solid #ddd;font-size:14px;background-color:#f9f9f9;color:#000;outline:none;margin:0;height:32px}.investment .header-menu .filter-section .period-select:focus{border-color:var(--primary-color)}.investment.tax-regime{padding:20px 30px}.investment.tax-regime .regime-container{width:50%;display:flex;gap:16px}.investment.tax-regime .regime-box{cursor:pointer;border:2px solid #e9e8e8;border-radius:6px;padding:16px 24px;flex:1;transition:border .2s,box-shadow .2s;display:flex;align-items:center;transition:.3s linear}.investment.tax-regime .regime-box.selected{border:2px solid var(--primary-color)}.investment.tax-regime .regime-box.selected .circle{background:var(--primary-color)!important;color:#fff}.investment.tax-regime .regime-box:hover{box-shadow:0 0 4px .1px var(--primary-color)}.investment.tax-regime .regime-box:active{box-shadow:0 0 1px 0 var(--primary-color)}.investment.tax-regime .regime-box .regime-radio{display:flex;align-items:center;gap:12px}.investment.tax-regime .regime-box .regime-radio .circle{width:22px;height:22px;border-radius:50%;background:#ccc;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;font-weight:600}.investment.tax-regime .regime-box .regime-radio .dot{font-weight:700}.investment.tax-regime .regime-box .regime-radio .regime-info .title{font-weight:500;font-size:16px}.investment.tax-regime .regime-box .regime-radio .regime-info .tax{font-size:14px;color:#666;margin-top:4px}.investment .it-declarations{width:90%}.investment .it-declarations .info-note{background:#f7f8ff;padding:12px;border-radius:8px;font-size:14px;width:80%}.investment .it-declarations .info-note .content{display:flex;align-items:center;justify-content:flex-start}.investment .it-declarations .info-note .content .icon{margin-right:8px;width:20px;height:20px;flex-shrink:0}.investment .it-declarations .info-note .content span{display:flex;flex-wrap:wrap;align-items:center;gap:4px;color:#555;font-size:14px}.investment .it-declarations .info-note .content span .change-link{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:0;color:#1b6de0;cursor:pointer;font:inherit;text-decoration:none;font-weight:500}.investment .it-declarations .info-note .content span .change-link svg{flex-shrink:0;width:16px;height:16px;fill:currentColor}.investment .it-declarations .info-note .content span .change-link span{color:inherit}.investment .it-declarations .info-note .content span .change-link:hover{color:#1d39c4}.investment .it-declarations .it-declaration-table{width:80%!important;border-collapse:collapse;margin:20px 0;border-bottom:1px solid #ddd}.investment .it-declarations .it-declaration-table th,.investment .it-declarations .it-declaration-table td{padding:15px 12px!important;text-align:left;vertical-align:top}.investment .it-declarations .it-declaration-table thead th{color:#888;text-transform:uppercase;padding-bottom:8px;border-bottom:1px solid #ddd;font-size:14px;letter-spacing:-.14px;background:#fff!important}.investment .it-declarations .it-declaration-table th:nth-child(2){text-align:right}.investment .it-declarations .it-declaration-table th:nth-child(3){text-align:center}.investment .it-declarations .it-declaration-table th:nth-child(4){text-align:center}.investment .it-declarations .it-declaration-table th:nth-child(5){text-align:right}.investment .it-declarations .it-declaration-table tr{border-style:none;border-bottom:none!important}.investment .it-declarations .it-declaration-table tr:hover{background:none!important}.investment .it-declarations .it-declaration-table td:nth-child(2){text-align:right}.investment .it-declarations .it-declaration-table td:nth-child(3){text-align:center}.investment .it-declarations .it-declaration-table td:nth-child(4){text-align:center}.investment .it-declarations .it-declaration-table td:nth-child(5){text-align:right}.investment .it-declarations .it-declaration-table .it-section-title{font-size:16px;font-weight:500}.investment .it-declarations .it-declaration-table .it-section-title .max-limit-text{font-weight:400;font-size:14px;color:#888;margin-left:6px}.investment .it-declarations .it-declaration-table .let-out-house-item{position:relative;padding-left:25px!important}.investment .it-declarations .it-declaration-table .let-out-house-item:before{content:"";position:absolute;top:-15px;bottom:0;left:25px;z-index:1;border-left:1px solid #ddd}.investment .it-declarations .it-declaration-table .let-out-house-item .let-out-house-detail{position:relative;margin-left:20px}.investment .it-declarations .it-declaration-table .let-out-house-item .let-out-house-detail.home-loan-item{gap:5px;display:flex;flex-direction:column}.investment .it-declarations .it-declaration-table .let-out-house-item .let-out-house-detail.home-loan-item p span{padding:0 10px;opacity:.5}.investment .it-declarations .it-declaration-table td{vertical-align:middle}.investment .it-declarations .it-declaration-table td .come{text-align:center!important;display:flex;align-items:center;justify-content:center;cursor:pointer}.investment .it-declarations .it-declaration-table td .comment-icon{position:relative;cursor:pointer!important;display:flex;align-items:center;justify-content:center;gap:4px;font-size:20px;color:#6b7280}.investment .it-declarations .it-declaration-table td .comment-icon:hover{color:#3b82f6}.investment .it-declarations .it-declaration-table td .comment-icon .dot{cursor:pointer;position:absolute;width:15px;height:15px;background-color:#3b82f6;border-radius:50%;border:1.5px solid #fff;font-size:10px;display:flex;align-items:center;justify-content:center;color:#fff;margin-left:10px}.investment .it-declarations .it-declaration-table td .file{text-align:center;padding:6px 12px!important}.investment .it-declarations .it-declaration-table td .no-data-info{text-align:center}.investment .it-declarations .it-declaration-table td.toggle-cell{padding-left:15px!important;gap:5px;cursor:pointer;font-weight:500;color:#000;display:flex;align-items:center;padding-left:10px}.investment .it-declarations .it-declaration-table td.toggle-cell .add,.investment .it-declarations .it-declaration-table td.toggle-cell .close{display:flex;align-items:center;justify-content:center;font-size:18px;min-width:20px;height:20px;border-radius:50%;line-height:1;flex-shrink:0;cursor:pointer}.investment .it-declarations .it-declaration-table td.toggle-cell .add{background-color:#e3f2fd;color:#2196f3}.investment .it-declarations .it-declaration-table td.toggle-cell .close{background-color:#ffebee;color:#f44336}.investment .it-declarations .it-declaration-table td.amount{text-align:right;white-space:nowrap;font-size:15px}.investment .it-declarations .it-declaration-table td.home-loan-item{padding-left:20px!important;gap:5px;display:flex;flex-direction:column}.investment .it-declarations .it-declaration-table td.home-loan-item p span{padding:0 10px;opacity:.5}.investment .it-declarations .it-declaration-table td .house-rent-per-month{color:#888;font-size:13px;margin-top:4px;display:block}.investment .it-declarations .it-declaration-table td .house-detail{margin-top:4px;font-size:14px}.investment .it-declarations .it-declaration-table td .house-detail .address{margin:10px 0}.investment .it-declarations .it-declaration-table td .house-detail .address .label{color:#888;font-weight:400}.investment .it-declarations .it-declaration-table td .house-detail .address .value{color:#000;font-weight:500}.investment .it-declarations .it-declaration-table td .house-detail .pan-metro{display:flex;align-items:center;gap:6px}.investment .it-declarations .it-declaration-table td .house-detail .pan-metro .dot-separator{color:#0094ff;font-size:16px;line-height:1}.investment .it-declarations .it-declaration-table td .house-detail .pan-metro .metro-text{font-size:14px;color:#000}.investment .it-declarations .it-declaration-table .section-divider td{border-top:1px solid #eee;padding:10px 0!important}.investment .it-declarations .regime_buttons{display:flex;justify-content:space-between;width:80%;align-items:center;margin-top:30px}.investment .it-declarations .regime_buttons .edit-declaration{display:flex;align-items:center;gap:6px;color:#1b6de0;text-decoration:none;font-weight:500;cursor:pointer}.investment .it-declarations .regime_buttons .edit-declaration svg{color:inherit;display:block}.investment .it-declarations .regime_buttons .edit-declaration:hover{color:#1d39c4}.investment .it-declarations .regime_buttons .edit-declaration span{font-size:14px}.investment .it-declarations .poi-section{width:90%!important}.investment .it-declarations .note-section{margin-top:5%;width:90%;display:flex;align-items:flex-start;gap:8px;padding:8px;border-left:4px solid var(--primary-color);background:#f7f8ff;font-size:14px;color:#555}.investment .it-declarations .note-section .note-icon{flex-shrink:0;color:var(--primary-color);font-size:18px;line-height:1}.investment .it-declarations .note-section p{margin:0;line-height:1.4}.investment .it-declarations .note-section p strong{font-weight:600;margin-right:4px}.investment .it-declarations .note-section p a{color:var(--primary-color);text-decoration:none;font-weight:500}.investment .it-declarations .note-section p a:hover{text-decoration:underline}.investment .it-declarations .submit-button-section{margin-top:30px}.comment-drawer{position:fixed;top:0;right:-400px;width:400px;height:100%;background-color:#fff;box-shadow:-4px 0 15px #0000001a;transition:right .3s ease-in-out;z-index:1000;display:flex;flex-direction:column}.comment-drawer.open{right:0}.comment-drawer .comment-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee;background-color:#f8f8f8;flex-shrink:0}.comment-drawer .comment-drawer-header h2{margin:0;font-size:1.2em;color:#333;font-weight:600}.comment-drawer .comment-drawer-header .close-button{background:none;border:none;font-size:1.8em;cursor:pointer;color:#777;line-height:1}.comment-drawer .comment-drawer-header .close-button:hover{color:#333}.comment-drawer .comment-drawer-content{flex-grow:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column}.comment-drawer .comment-section-header{margin-bottom:20px}.comment-drawer .comment-section-header h3{margin:0;font-size:1em;color:#555;font-weight:500}.comment-drawer .comment-section-header p{margin:5px 0 0;font-size:.85em;color:#888}.comment-drawer .comment-input-section{display:flex;align-items:flex-start;margin-bottom:20px;flex-shrink:0}.comment-drawer .comment-input-section .avatar.placeholder{width:36px;height:36px;border-radius:50%;background-color:#ddd;margin-right:15px;flex-shrink:0}.comment-drawer .comment-input-section .textarea-wrapper{flex-grow:1;display:flex;flex-direction:column}.comment-drawer .comment-input-section .textarea-wrapper textarea{flex-grow:1;border:1px solid #ccc;border-radius:8px;padding:10px;font-family:inherit;font-size:.95em;min-height:80px;resize:vertical;line-height:1.4}.comment-drawer .comment-input-section .textarea-wrapper textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.comment-drawer .comment-input-section .textarea-wrapper .comment-actions{display:flex;justify-content:flex-end;margin-top:10px}.comment-drawer .comment-input-section .textarea-wrapper .comment-actions button{padding:8px 15px;border-radius:5px;cursor:pointer;font-size:.9em;margin-left:10px;transition:background-color .2s ease,color .2s ease}.comment-drawer .comment-input-section .textarea-wrapper .comment-actions button.cancel-button{background-color:#f0f2f5;color:#555;border:1px solid #ddd}.comment-drawer .comment-input-section .textarea-wrapper .comment-actions button.cancel-button:hover{background-color:#e2e4e8}.comment-drawer .comment-input-section .textarea-wrapper .comment-actions button.save-button{background-color:#007bff;color:#fff;border:1px solid #007bff}.comment-drawer .comment-input-section .textarea-wrapper .comment-actions button.save-button:hover{background-color:#0056b3}.comment-drawer .comment-list{flex-grow:1}.comment-drawer .comment-list .comment-item{display:flex;align-items:flex-start;margin-bottom:20px;position:relative}.comment-drawer .comment-list .comment-item .avatar.placeholder{width:36px;height:36px;border-radius:50%;background-color:#ddd;margin-right:15px;flex-shrink:0}.comment-drawer .comment-list .comment-item .comment-details{flex-grow:1;background-color:#f0f2f5;border-radius:10px;padding:10px 15px;position:relative;box-shadow:0 1px 2px #0000000d}.comment-drawer .comment-list .comment-item .comment-details:before{content:"";position:absolute;left:-7px;top:12px;width:0;height:0;border-style:solid;border-width:8px 8px 8px 0;border-color:transparent #f0f2f5 transparent transparent}.comment-drawer .comment-list .comment-item .comment-text{margin:0 0 5px;font-size:.95em;color:#333;white-space:pre-wrap;word-break:break-word}.comment-drawer .comment-list .comment-item .comment-meta{margin:0;font-size:.75em;color:#777;text-align:right}.comment-drawer .comment-list .comment-item .comment-meta .timestamp{margin-left:5px}.comment-drawer .comment-list .comment-item .comment-line{position:absolute;left:17px;top:40px;bottom:-20px;width:2px;background-color:#e0e0e0}.comment-drawer .comment-list .comment-item:last-child .comment-line{display:none}.multi-image-upload-wrapper{display:flex;align-items:center;justify-content:center}.multi-image-upload-wrapper .hidden-file-input{display:none}.multi-image-upload-wrapper .file-upload-trigger-icon{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:2px dashed #a0a0a0;border-radius:50%;background-color:#f8f8f8;transition:all .3s ease;box-shadow:0 2px 5px #0000001a}.multi-image-upload-wrapper .file-upload-trigger-icon:hover,.multi-image-upload-wrapper .file-upload-trigger-icon:focus{border-color:var(--primary-color);background-color:#e6f7ff;outline:none;box-shadow:0 4px 10px #007bff33}.multi-image-upload-wrapper .file-upload-trigger-icon .main-file-icon{font-size:20px;color:#555;transition:color .3s ease}.multi-image-upload-wrapper .file-upload-trigger-icon .file-count-badge{position:absolute;top:-5px;right:-10px;background-color:var(--primary-color);color:#fff;border-radius:50%;padding:5px 9px;font-size:13px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;box-shadow:0 2px 4px #0003;z-index:1}.multi-image-upload-wrapper .file-upload-trigger-icon .uploading-state{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.multi-image-upload-wrapper .file-upload-trigger-icon .uploading-state .circular-progress-bar{transform:rotate(-90deg);width:60px;height:60px;position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg)}.multi-image-upload-wrapper .file-upload-trigger-icon .uploading-state .circular-progress-bar .circle-bg{fill:none;stroke:#e0e0e0;stroke-width:6}.multi-image-upload-wrapper .file-upload-trigger-icon .uploading-state .circular-progress-bar .circle-progress{fill:none;stroke:var(--primary-color);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .3s ease-in-out}.multi-image-upload-wrapper .file-upload-trigger-icon .uploading-state .circular-progress-bar .progress-text-svg{fill:#333;font-size:12px;font-weight:700;text-anchor:middle;dominant-baseline:middle;transform:rotate(90deg) translate(0);transform-origin:center}.multi-image-upload-wrapper .file-management-popup-overlay,.multi-image-upload-wrapper .image-preview-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.multi-image-upload-wrapper .file-management-popup-overlay .file-management-popup-content,.multi-image-upload-wrapper .file-management-popup-overlay .image-preview-popup-content,.multi-image-upload-wrapper .image-preview-popup-overlay .file-management-popup-content,.multi-image-upload-wrapper .image-preview-popup-overlay .image-preview-popup-content{background:#fff;padding:30px;border-radius:10px;box-shadow:0 8px 20px #0000004d;position:relative;max-width:450px;max-height:80vh;overflow-y:auto}.multi-image-upload-wrapper .file-management-popup-overlay .file-management-popup-content .close-button,.multi-image-upload-wrapper .file-management-popup-overlay .image-preview-popup-content .close-button,.multi-image-upload-wrapper .image-preview-popup-overlay .file-management-popup-content .close-button,.multi-image-upload-wrapper .image-preview-popup-overlay .image-preview-popup-content .close-button{position:absolute;top:15px;right:15px;background:none;border:none;font-size:28px;cursor:pointer;color:#888;transition:color .2s ease}.multi-image-upload-wrapper .file-management-popup-overlay .file-management-popup-content .close-button:hover,.multi-image-upload-wrapper .file-management-popup-overlay .image-preview-popup-content .close-button:hover,.multi-image-upload-wrapper .image-preview-popup-overlay .file-management-popup-content .close-button:hover,.multi-image-upload-wrapper .image-preview-popup-overlay .image-preview-popup-content .close-button:hover{color:red!important}.multi-image-upload-wrapper .file-management-popup-overlay .file-management-popup-content h3,.multi-image-upload-wrapper .file-management-popup-overlay .image-preview-popup-content h3,.multi-image-upload-wrapper .image-preview-popup-overlay .file-management-popup-content h3,.multi-image-upload-wrapper .image-preview-popup-overlay .image-preview-popup-content h3{margin-top:0;margin-bottom:25px;color:#333;text-align:center;font-size:22px;border-bottom:1px solid #eee;padding-bottom:15px}.multi-image-upload-wrapper .file-management-popup-overlay .file-management-popup-content .uploaded-files-list,.multi-image-upload-wrapper .file-management-popup-overlay .image-preview-popup-content .uploaded-files-list,.multi-image-upload-wrapper .image-preview-popup-overlay .file-management-popup-content .uploaded-files-list,.multi-image-upload-wrapper .image-preview-popup-overlay .image-preview-popup-content .uploaded-files-list{margin-bottom:20px;max-height:350px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:8px;padding:10px;background-color:#fdfdfd}.multi-image-upload-wrapper .file-management-popup-overlay .file-management-popup-content .uploaded-files-list .no-files-message,.multi-image-upload-wrapper .file-management-popup-overlay .image-preview-popup-content .uploaded-files-list .no-files-message,.multi-image-upload-wrapper .image-preview-popup-overlay .file-management-popup-content .uploaded-files-list .no-files-message,.multi-image-upload-wrapper .image-preview-popup-overlay .image-preview-popup-content .uploaded-files-list .no-files-message{text-align:center;color:#777;padding:20px;font-style:italic}.multi-image-upload-wrapper .file-management-popup-overlay .file-management-popup-content .uploaded-files-list .uploaded-file-item,.multi-image-upload-wrapper .file-management-popup-overlay .image-preview-popup-content .uploaded-files-list .uploaded-file-item,.multi-image-upload-wrapper .image-preview-popup-overlay .file-management-popup-content .uploaded-files-list .uploaded-file-item,.multi-image-upload-wrapper .image-preview-popup-overlay .image-preview-popup-content .uploaded-files-list .uploaded-file-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #eee}.multi-image-upload-wrapper .file-management-popup-overlay .file-management-popup-content .uploaded-files-list .uploaded-file-item:last-child,.multi-image-upload-wrapper .file-management-popup-overlay .image-preview-popup-content .uploaded-files-list .uploaded-file-item:last-child,.multi-image-upload-wrapper .image-preview-popup-overlay .file-management-popup-content .uploaded-files-list .uploaded-file-item:last-child,.multi-image-upload-wrapper .image-preview-popup-overlay .image-preview-popup-content .uploaded-files-list .uploaded-file-item:last-child{border-bottom:none}.multi-image-upload-wrapper .file-management-popup-overlay .file-management-popup-content .uploaded-files-list .uploaded-file-item .file-name-display,.multi-image-upload-wrapper .file-management-popup-overlay .image-preview-popup-content .uploaded-files-list .uploaded-file-item .file-name-display,.multi-image-upload-wrapper .image-preview-popup-overlay .file-management-popup-content .uploaded-files-list .uploaded-file-item .file-name-display,.multi-image-upload-wrapper .image-preview-popup-overlay .image-preview-popup-content .uploaded-files-list .uploaded-file-item .file-name-display{flex-grow:1;font-size:16px;color:#444;white-space:nowrap;text-overflow:ellipsis;padding-right:15px}.multi-image-upload-wrapper .file-management-popup-overlay .file-management-popup-content .uploaded-files-list .uploaded-file-item .file-actions,.multi-image-upload-wrapper .file-management-popup-overlay .image-preview-popup-content .uploaded-files-list .uploaded-file-item .file-actions,.multi-image-upload-wrapper .image-preview-popup-overlay .file-management-popup-content .uploaded-files-list .uploaded-file-item .file-actions,.multi-image-upload-wrapper .image-preview-popup-overlay .image-preview-popup-content .uploaded-files-list .uploaded-file-item .file-actions{display:flex;gap:8px}.multi-image-upload-wrapper .file-management-popup-overlay .file-management-popup-content .uploaded-files-list .uploaded-file-item .file-actions .action-button,.multi-image-upload-wrapper .file-management-popup-overlay .image-preview-popup-content .uploaded-files-list .uploaded-file-item .file-actions .action-button,.multi-image-upload-wrapper .image-preview-popup-overlay .file-management-popup-content .uploaded-files-list .uploaded-file-item .file-actions .action-button,.multi-image-upload-wrapper .image-preview-popup-overlay .image-preview-popup-content .uploaded-files-list .uploaded-file-item .file-actions .action-button{display:flex;align-items:center;padding:8px 12px;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .2s ease,transform .1s ease}.multi-image-upload-wrapper .file-management-popup-overlay .file-management-popup-content .uploaded-files-list .uploaded-file-item .file-actions .action-button svg,.multi-image-upload-wrapper .file-management-popup-overlay .image-preview-popup-content .uploaded-files-list .uploaded-file-item .file-actions .action-button svg,.multi-image-upload-wrapper .image-preview-popup-overlay .file-management-popup-content .uploaded-files-list .uploaded-file-item .file-actions .action-button svg,.multi-image-upload-wrapper .image-preview-popup-overlay .image-preview-popup-content .uploaded-files-list .uploaded-file-item .file-actions .action-button svg{margin-right:6px;font-size:15px}.multi-image-upload-wrapper .file-management-popup-overlay .file-management-popup-content .uploaded-files-list .uploaded-file-item .file-actions .action-button:active,.multi-image-upload-wrapper .file-management-popup-overlay .image-preview-popup-content .uploaded-files-list .uploaded-file-item .file-actions .action-button:active,.multi-image-upload-wrapper .image-preview-popup-overlay .file-management-popup-content .uploaded-files-list .uploaded-file-item .file-actions .action-button:active,.multi-image-upload-wrapper .image-preview-popup-overlay .image-preview-popup-content .uploaded-files-list .uploaded-file-item .file-actions .action-button:active{transform:translateY(1px)}.multi-image-upload-wrapper .file-management-popup-overlay .file-management-popup-content .uploaded-files-list .uploaded-file-item .file-actions .action-button.view-button,.multi-image-upload-wrapper .file-management-popup-overlay .image-preview-popup-content .uploaded-files-list .uploaded-file-item .file-actions .action-button.view-button,.multi-image-upload-wrapper .image-preview-popup-overlay .file-management-popup-content .uploaded-files-list .uploaded-file-item .file-actions .action-button.view-button,.multi-image-upload-wrapper .image-preview-popup-overlay .image-preview-popup-content .uploaded-files-list .uploaded-file-item .file-actions .action-button.view-button{background-color:var(--primary-color);color:#fff}.multi-image-upload-wrapper .file-management-popup-overlay .file-management-popup-content .uploaded-files-list .uploaded-file-item .file-actions .action-button.view-button:hover,.multi-image-upload-wrapper .file-management-popup-overlay .image-preview-popup-content .uploaded-files-list .uploaded-file-item .file-actions .action-button.view-button:hover,.multi-image-upload-wrapper .image-preview-popup-overlay .file-management-popup-content .uploaded-files-list .uploaded-file-item .file-actions .action-button.view-button:hover,.multi-image-upload-wrapper .image-preview-popup-overlay .image-preview-popup-content .uploaded-files-list .uploaded-file-item .file-actions .action-button.view-button:hover{opacity:.8}.multi-image-upload-wrapper .file-management-popup-overlay .file-management-popup-content .uploaded-files-list .uploaded-file-item .file-actions .action-button.delete-button,.multi-image-upload-wrapper .file-management-popup-overlay .image-preview-popup-content .uploaded-files-list .uploaded-file-item .file-actions .action-button.delete-button,.multi-image-upload-wrapper .image-preview-popup-overlay .file-management-popup-content .uploaded-files-list .uploaded-file-item .file-actions .action-button.delete-button,.multi-image-upload-wrapper .image-preview-popup-overlay .image-preview-popup-content .uploaded-files-list .uploaded-file-item .file-actions .action-button.delete-button{background-color:#dc3545;color:#fff}.multi-image-upload-wrapper .file-management-popup-overlay .file-management-popup-content .uploaded-files-list .uploaded-file-item .file-actions .action-button.delete-button:hover,.multi-image-upload-wrapper .file-management-popup-overlay .image-preview-popup-content .uploaded-files-list .uploaded-file-item .file-actions .action-button.delete-button:hover,.multi-image-upload-wrapper .image-preview-popup-overlay .file-management-popup-content .uploaded-files-list .uploaded-file-item .file-actions .action-button.delete-button:hover,.multi-image-upload-wrapper .image-preview-popup-overlay .image-preview-popup-content .uploaded-files-list .uploaded-file-item .file-actions .action-button.delete-button:hover{background-color:#c82333}.multi-image-upload-wrapper .file-management-popup-overlay .file-management-popup-content .add-more-files-button,.multi-image-upload-wrapper .file-management-popup-overlay .image-preview-popup-content .add-more-files-button,.multi-image-upload-wrapper .image-preview-popup-overlay .file-management-popup-content .add-more-files-button,.multi-image-upload-wrapper .image-preview-popup-overlay .image-preview-popup-content .add-more-files-button{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 15px;background-color:var(--primary-color);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;margin-top:15px;transition:background-color .2s ease,transform .1s ease}.multi-image-upload-wrapper .file-management-popup-overlay .file-management-popup-content .add-more-files-button:hover,.multi-image-upload-wrapper .file-management-popup-overlay .image-preview-popup-content .add-more-files-button:hover,.multi-image-upload-wrapper .image-preview-popup-overlay .file-management-popup-content .add-more-files-button:hover,.multi-image-upload-wrapper .image-preview-popup-overlay .image-preview-popup-content .add-more-files-button:hover{opacity:.8}.multi-image-upload-wrapper .file-management-popup-overlay .file-management-popup-content .add-more-files-button:active,.multi-image-upload-wrapper .file-management-popup-overlay .image-preview-popup-content .add-more-files-button:active,.multi-image-upload-wrapper .image-preview-popup-overlay .file-management-popup-content .add-more-files-button:active,.multi-image-upload-wrapper .image-preview-popup-overlay .image-preview-popup-content .add-more-files-button:active{transform:translateY(1px)}.multi-image-upload-wrapper .file-management-popup-overlay .file-management-popup-content .add-more-files-button .add-icon,.multi-image-upload-wrapper .file-management-popup-overlay .image-preview-popup-content .add-more-files-button .add-icon,.multi-image-upload-wrapper .image-preview-popup-overlay .file-management-popup-content .add-more-files-button .add-icon,.multi-image-upload-wrapper .image-preview-popup-overlay .image-preview-popup-content .add-more-files-button .add-icon{margin-right:8px;font-size:18px}.multi-image-upload-wrapper .image-preview-popup-overlay .image-preview-popup-content{padding:20px;display:flex;align-items:center;justify-content:center;background:#000;border-radius:10px;max-width:90vw;max-height:90vh;box-shadow:0 0 20px #000000b3}.multi-image-upload-wrapper .image-preview-popup-overlay .image-preview-popup-content .close-button{color:#fff;background:#00000073!important;border-radius:100px;box-shadow:0 0 10px 1px #000;position:absolute;margin-right:-10px;margin-top:-10px}.multi-image-upload-wrapper .image-preview-popup-overlay .image-preview-popup-content .close-button:hover{color:red}.multi-image-upload-wrapper .image-preview-popup-overlay .image-preview-popup-content .preview-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:5px}.reimbursement-summary .back_{cursor:pointer;width:fit-content;display:flex!important;gap:5px;align-items:center;color:var(--primary-color)!important;font-size:16px!important}.reimbursement-summary .header{display:flex;gap:15px;align-items:center}.reimbursement-summary .header .line_{width:1px;height:30px;background:#b1b0b0}.reimbursement-summary .header h2{font-weight:500;font-size:18px;line-height:23.05px;letter-spacing:-.24px}.reimbursement-summary .header .filter button{background-color:#f2f2f2;border:1px solid #ccc;border-radius:5px;padding:.5rem 1rem;margin-left:.5rem;cursor:pointer;font-weight:500;transition:.3s}.reimbursement-summary .header .filter button.active{background-color:#004cff;color:#fff;border-color:#004cff}.reimbursement-summary .header .filter button:hover{background-color:#dce2ff}.reimbursement-summary .summary-text{margin-top:1rem;font-size:.95rem;color:#444}.reimbursement-summary .summary-table{width:100%;margin-top:1.5rem;border-collapse:collapse}.reimbursement-summary .summary-table th{text-align:left;padding:.75rem;font-weight:600}.reimbursement-summary .summary-table a{color:#0056d2;font-weight:500;text-decoration:none}.reimbursement-summary .summary-table a:hover{text-decoration:underline}.reimbursement-summary .summary-table .eligible{font-size:.85rem;color:#777;margin-top:.25rem}.reimbursement-summary .border_table{margin-top:20px;border:1px solid #e5e5e5!important;border-radius:8px}.reimbursement-summary .row-wrapper{display:flex;flex-direction:column}.reimbursement-summary .row-wrapper .row-header,.reimbursement-summary .row-wrapper .row{display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr .8fr;padding:15px 30px}.reimbursement-summary .row-wrapper .row-header{font-weight:300;color:#444;text-transform:uppercase;font-size:13px!important;border-bottom:1px solid #e5e5e5;text-align:right}.reimbursement-summary .row-wrapper .row-header div:first-child{text-align:left;width:fit-content}.reimbursement-summary .row-wrapper .row-header .info-icon{display:inline-flex;align-items:center;margin-left:2px}.reimbursement-summary .row-wrapper .row-header .info-icon svg{color:#999;width:16px;height:16px;position:relative;top:4px}.reimbursement-summary .row-wrapper .row{text-align:right}.reimbursement-summary .row-wrapper .row:last-child{border-bottom:1px solid #e5e5e5}.reimbursement-summary .row-wrapper .row div:first-child{font-weight:500;text-align:left!important;width:fit-content}.reimbursement-summary .row-wrapper .row div:first-child a{color:#007bff;cursor:pointer;text-decoration:none}.reimbursement-summary .row-wrapper .row div:first-child a:hover{text-decoration:underline}.reimbursement-summary .row-wrapper .row div:first-child .eligible{font-size:12px;color:#999}@media (max-width: 768px){.reimbursement-summary .row-wrapper .row-header{display:none}.reimbursement-summary .row-wrapper .row{display:flex;flex-direction:column;padding:10px}.reimbursement-summary .row-wrapper .row div{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dashed #ccc;font-size:13px}}.reimbursement-summary .note{margin:0 30px;padding:20px 0;font-size:.9rem;color:#555}.reimbursement-summary .note p{gap:5px;margin-bottom:.5rem;display:flex;align-items:center}.reimbursement-summary .note strong{font-weight:400;border-left:3px solid grey;padding-left:10px;opacity:.8}.reimbursement-summary .note ul{padding-left:1.25rem;margin-top:5px}.reimbursement-summary .note ul li{margin-bottom:.4rem}.reimbursement-summary .note ul li b{font-weight:600}.reimbursement-summary .note .info-icon{display:inline-flex;align-items:center;margin-left:-2px}.reimbursement-summary .note .info-icon svg{color:#999;width:16px;height:16px;vertical-align:middle}.detail-page h2{display:flex;justify-content:space-between;align-items:center}.detail-page table{width:100%;border-collapse:collapse;margin-top:20px}.detail-page table th,.detail-page table td{padding:10px;border-bottom:1px solid #ccc}.detail-page table th{background:#f5f5f5}.reimbursement-modal-overlay{position:fixed;top:0;left:0;height:100vh;width:100vw;background:#0006;display:flex;justify-content:center;align-items:center;z-index:9999}.reimbursement-modal{background:#fff;width:920px;border-radius:10px;box-shadow:0 2px 20px #00000026;overflow:hidden;font-family:Inter,sans-serif}.reimbursement-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e0e0e0}.reimbursement-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#1e1e1e}.reimbursement-modal-header .close-btn{font-size:20px;background:none;border:none;cursor:pointer;color:#333;padding:0;position:relative;width:30px;height:30px;background:#ecf3f3;border-radius:100px;display:flex;align-items:center;justify-content:center;margin-top:-15px}.reimbursement-modal-content{padding:24px}.reimbursement-modal-content h3{font-size:16px;font-weight:600;margin-bottom:20px;color:#1e1e1e}.reimbursement-modal-content .custom-table{border:1px solid #ddd;border-radius:6px;overflow:hidden;margin-bottom:24px}.reimbursement-modal-content .custom-table .table-row{display:flex;border-bottom:1px solid #ddd}.reimbursement-modal-content .custom-table .table-row:last-child{border-bottom:none}.reimbursement-modal-content .custom-table .table-row .cell{padding:16px;font-size:14px;flex:1;border-right:1px solid #ddd}.reimbursement-modal-content .custom-table .table-row .cell:last-child{border-right:none}.reimbursement-modal-content .custom-table .table-row .cell:nth-child(2){text-align:right}.reimbursement-modal-content .custom-table .table-row .cell:nth-child(3){text-align:right}.reimbursement-modal-content .custom-table .table-row.table-header{background:#f7f7f7;font-weight:500;font-size:12px;text-transform:uppercase;color:#000}.reimbursement-modal-content .total-amount-row{background:#f7f7f7;display:flex;justify-content:space-between;padding:16px 20px;font-size:16px;font-weight:600;color:#222;border:1px solid #ddd;border-radius:6px}.reimbursement-modal-footer{padding:20px 24px;border-top:1px solid #e0e0e0}.reimbursement-modal-footer .okay-btn{padding:10px 20px;background:#f0f0f0;border:1px solid #ccc;border-radius:6px;font-size:14px;cursor:pointer;color:#333;transition:background .2s}.reimbursement-modal-footer .okay-btn:hover{background:#e0e0e0}.payslip-container{display:grid!important;grid-column:1fr .4fr;gap:1.5rem;max-width:900px}.payslip-container .box{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 0 10px #0000000a;flex:1 1;min-width:300px;border:1px solid rgba(244,234,234,.5019607843);box-shadow:0 1px 19.2px #0000000a;min-height:400px;display:flex;flex-direction:column}.payslip-container .box h3{font-weight:400;font-size:20px;line-height:23.05px;letter-spacing:-.2px;color:#333;margin-bottom:20px}.payslip-container .box .header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap}.payslip-container .box .header-section h3{margin:0}.payslip-container .box .header-section .filter{display:flex;align-items:center;gap:.5rem;font-size:14px;color:#666}.payslip-container .box .header-section .filter .icon{font-size:16px;min-width:20px;color:#666}.payslip-container .box .header-section .filter select{padding:.3rem .5rem;border-radius:6px;border:1px solid #eee;background:#fcfcfc;font-size:13px;color:#333;cursor:pointer}.payslip-container .box .payslip-content{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start}.payslip-container .box .payslip-table-container{width:100%;overflow-x:auto}.payslip-container .box .payslip-table-container table{width:100%;border-collapse:collapse;text-align:left}.payslip-container .box .payslip-table-container table thead tr{border-bottom:1px solid #eee}.payslip-container .box .payslip-table-container table thead th{padding:10px 15px;font-size:.85em;color:#666;text-transform:uppercase;font-weight:500;background-color:#f8f8f8}.payslip-container .box .payslip-table-container table tbody tr{border-bottom:1px solid #eee}.payslip-container .box .payslip-table-container table tbody tr:last-child{border-bottom:none}.payslip-container .box .payslip-table-container table tbody td{padding:10px 15px;font-size:.9em;color:#333;vertical-align:middle}.payslip-container .box .payslip-table-container table tbody td .action-links{display:flex;align-items:center;gap:10px}.payslip-container .box .payslip-table-container table tbody td .action-links a{color:#007bff;text-decoration:none;font-weight:500}.payslip-container .box .payslip-table-container table tbody td .action-links a:hover{color:#0056b3;text-decoration:underline}.payslip-container .box .payslip-table-container table tbody td .action-links .download-icon{font-size:1.1em;color:#007bff;cursor:pointer}.payslip-container .box .payslip-table-container table tbody td .action-links .download-icon:hover{color:#0056b3}.payslip-container .box .no-data-box{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;color:#666;font-size:14px;padding:20px}.payslip-container .box .no-data-box svg{width:60px;height:60px;color:#b0b0b0;margin-bottom:15px}.payslip-container .box .no-data-box p{margin:0;text-align:center}.edit-investments{padding:30px;width:80%}.edit-investments .info-note{background:#f7f8ff;padding:12px;border-radius:8px;font-size:14px;width:80%;margin-top:-24px}.edit-investments .info-note .content{display:flex;align-items:center;justify-content:start}.edit-investments .info-note .content .icon{margin-right:8px;width:20px;height:20px}.edit-investments .sticky-header{display:flex;justify-content:space-between;position:sticky!important;top:0;background:#fff;padding:10px 30px;border-bottom:2px solid #eee;margin-top:20px}.edit-investments .sticky-header h2{font-size:14px;font-weight:500;line-height:23.05px;letter-spacing:-.15px;color:#000}.edit-investments .poi-header-row{display:flex;align-items:center;width:100%;font-family:Segoe UI,sans-serif;background:#fff;top:0;border-bottom:2px solid #eee;margin-top:10px}.edit-investments .poi-header-row .declaration-cell{padding:8px 12px;box-sizing:border-box;font-size:14px;font-weight:500;line-height:23.05px;letter-spacing:-.15px;color:#000;text-transform:uppercase}.edit-investments .poi-header-row .declaration-cell.particulars{width:50%}.edit-investments .poi-header-row .declaration-cell.declared,.edit-investments .poi-header-row .declaration-cell.actual{width:25%}.edit-investments .poi-header-row .declaration-cell.actual .actual-label{display:block}.edit-investments .poi-header-row .declaration-cell.actual .copy-declared{display:inline-flex;align-items:center;margin-top:4px;font-size:.75rem;text-transform:capitalize;color:#2b76d2;cursor:pointer;-webkit-user-select:none;user-select:none}.edit-investments .poi-header-row .declaration-cell.actual .copy-declared:hover{text-decoration:underline}.edit-investments .poi-header-row .declaration-cell.actual .copy-declared .icon{width:.75rem;height:.75rem;margin-left:.25rem}.edit-investments .poi-header-row .declaration-cell.text-end{text-align:right}.edit-investments .declaration-section{border-top:none;vertical-align:middle;padding-top:0;box-shadow:0 2px 7px #1c1d531a;border-radius:6px;margin-top:20px}.edit-investments .declaration-section .header-section{padding:20px 30px}.edit-investments .declaration-section .header-section.content-section-open{background-color:#f9faff;border-radius:6px}.edit-investments .declaration-section .form-section{display:flex;justify-content:space-between;align-items:center}.edit-investments .declaration-section .form-section .accordian-section{display:flex;gap:10px;align-items:center}.edit-investments .declaration-section .form-section .accordian-section h2{font-size:18px;font-weight:500;color:#000}.edit-investments .declaration-section .form-section .accordian-section svg{color:#666}.edit-investments .declaration-section .form-section .accordian{padding-left:10px}.edit-investments .declaration-section .form-section .accordian svg{transition:transform .5s ease;height:24px;width:24px;stroke-width:4;cursor:pointer;color:#ccc}.edit-investments .declaration-section .form-section .accordian:hover{color:#b6b6b6}.edit-investments .declaration-section .form-section .accordian.open svg{transform:rotate(90deg)}.edit-investments .declaration-section .form-section label{font-size:16px;font-weight:500;color:#000}.edit-investments .declaration-section .form-section .switch{position:relative;display:inline-block;width:42px;height:20px}.edit-investments .declaration-section .form-section .switch input{opacity:0;width:0;height:0}.edit-investments .declaration-section .form-section .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:20px}.edit-investments .declaration-section .form-section .switch .slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.edit-investments .declaration-section .form-section .switch input:checked+.slider{background-color:var(--primary-color)}.edit-investments .declaration-section .form-section .switch input:checked+.slider:before{transform:translate(20px)}.edit-investments .content-section{padding:15px 30px}.edit-investments .note-section{margin-bottom:11px;color:#666;font-size:13px}.edit-investments .note-section label{color:#666;font-weight:600;float:left;margin-right:4px}.edit-investments .note-section p{display:inline}.edit-investments .amount-input-wrapper{grid-column:2/3;position:relative;display:flex;align-items:stretch;width:100%}.edit-investments .amount-input-wrapper .amount-symbol{width:30px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#555;background:#fff;border:1px solid #ccc;border-right:none;border-radius:8px 0 0 8px;box-sizing:border-box}.edit-investments .amount-input-wrapper .amount-input{display:flex;align-items:center;flex:1}.edit-investments .amount-input-wrapper .amount-input .amount-input-field{width:100%;padding:8px 10px;font-size:1rem;border:1px solid #ccc;border-radius:0 8px 8px 0;text-align:right;box-sizing:border-box}.edit-investments .amount-input-wrapper .amount-input .amount-input-field:hover{border-color:var(--primary-color)}.edit-investments .amount-input-wrapper .amount-input .amount-input-field:focus{border-color:var(--primary-color);box-shadow:0 0 5px .1px var(--primary-color);outline:none}.edit-investments .amount-input-wrapper .amount-input .amount-input-field::placeholder{color:#aaa;text-align:left}.edit-investments .other-section{display:flex;align-items:center;margin-top:10px;margin-bottom:15px}.edit-investments .other-section .left-item{flex:0 0 60%}.edit-investments .other-section .left-item h2{font-size:15px;font-weight:500;color:#2a2a2a}.edit-investments .other-section .left-item .loan-with-checkbox{display:flex;gap:4px;align-items:center}.edit-investments .other-section .left-item .loan-with-checkbox .loan-checkbox{width:14px;height:14px;flex-shrink:0;cursor:pointer}.edit-investments .other-section .left-item .let-out-loan-item :before{content:"";border-left:1px solid #ddd;padding:19px 5px;margin:5px}.edit-investments .other-section .left-item .select-investment{border:1px solid #ccc!important;border-radius:8px}.edit-investments .other-section .left-item .investment-note{margin-top:4px;font-size:13px;font-weight:400;margin-left:15px}.edit-investments .other-section .left-item .investment-note .label{color:#888}.edit-investments .other-section .left-item .investment-note .value{color:#000}.edit-investments .other-section .middle-item{flex:0 0 20%}.edit-investments .other-section .middle-item p{text-align:right;margin:0 20px}.edit-investments .other-section .right-item{flex:0 0 20%;margin-left:auto}.edit-investments .other-section .right-item .right-content{display:flex;justify-content:flex-end;align-items:center;gap:8px}.edit-investments .other-section .right-item .right-content .remove-btn{background:transparent;border:none;color:#ff4d4f;font-size:18px;font-weight:700;cursor:pointer;padding:4px 8px}.edit-investments .other-section .right-item .right-content .remove-btn:hover{color:#d9363e}.edit-investments .other-section .right-item .input-note{display:flex;justify-content:flex-end;margin-top:2px;cursor:pointer}.edit-investments .other-section .right-item .input-note .note-content{display:flex;align-items:center;gap:2px;color:#ffad0c}.edit-investments .other-section .right-item .input-note .note-content svg{width:18px;height:18px;fill:currentColor}.edit-investments .other-section .right-item .input-note .note-content p{margin:0;font-size:14px;text-decoration:underline dotted}.edit-investments .hra-edit-container{margin-top:10px;margin-bottom:15px}.edit-investments .hra-edit-container .hra-edit-section{display:flex;flex-direction:row;margin-bottom:10px}.edit-investments .hra-edit-container .hra-edit-section .hra-edit-item.first-item{width:70%;padding-right:115px}.edit-investments .hra-edit-container .hra-edit-section .hra-edit-item.second-item{width:30%;padding-left:15px}.edit-investments .hra-edit-container .hra-edit-section h3{font-size:16px;margin:0}.edit-investments .hra-edit-container .hra-edit-section button{background:none;border:none;font-size:20px;color:#333;cursor:pointer;float:right}.edit-investments .hra-edit-container .hra-edit-section label{display:inline-block;line-height:22px;font-weight:400;font-size:14px;color:#000;margin-bottom:7px}.edit-investments .hra-edit-container .hra-edit-section .hra-segmented-input-section{display:flex;justify-content:flex-start}.edit-investments .hra-edit-container .hra-edit-section .hra-segmented-input-section .hra-segmented-input{width:50%}.edit-investments .hra-edit-container .hra-edit-section .hra-segmented-input-section .hra-segmented-input input{border:1px solid #ccc;padding:8px;font-size:14px}.edit-investments .hra-edit-container .hra-edit-section .hra-segmented-input-section .hra-segmented-input input:hover{border-color:var(--primary-color)}.edit-investments .hra-edit-container .hra-edit-section .hra-segmented-input-section .hra-segmented-input input:focus{border-color:var(--primary-color);box-shadow:0 0 5px .1px var(--primary-color);outline:none}.edit-investments .hra-edit-container .hra-edit-section .hra-segmented-input-section .hra-segmented-input input::placeholder{color:#aaa;text-align:left}.edit-investments .hra-edit-container .hra-edit-section .hra-segmented-input-section .hra-segmented-input:first-of-type input{border-radius:6px 0 0 6px}.edit-investments .hra-edit-container .hra-edit-section .hra-segmented-input-section .hra-segmented-input:not(:first-of-type) input{border-left-width:0;border-radius:0 6px 6px 0}.edit-investments .hra-edit-container .hra-edit-section .amount-total{margin-top:4px;font-size:14px;color:#888;font-weight:400}.edit-investments .hra-edit-container .hra-edit-section textarea{width:100%;height:60px;padding:10px;border:1px solid #ccc;border-radius:6px;background:#f3f3f3}.edit-investments .hra-edit-container .hra-edit-section textarea:hover{border-color:var(--primary-color)}.edit-investments .hra-edit-container .hra-edit-section textarea:focus{border-color:var(--primary-color);box-shadow:0 0 5px .1px var(--primary-color);outline:none}.edit-investments .hra-edit-container .hra-edit-section textarea::placeholder{color:#aaa;text-align:left}.edit-investments .hra-edit-container .hra-edit-section .hra-additional-fields-section{display:flex;flex-direction:row;gap:10px;margin:10px 0}.edit-investments .hra-edit-container .hra-edit-section .hra-additional-fields-section .hra-additional-fields-item{width:100%}.edit-investments .hra-edit-container .form-row{margin-top:15px;display:flex;flex-wrap:wrap;gap:10px}.edit-investments .hra-edit-container .form-row input,.edit-investments .hra-edit-container .form-row select{flex:1;padding:8px 10px;border:1px solid #ccc;border-radius:4px;font-size:14px}.edit-investments .hra-edit-container .form-row label{flex:1 0 100%;font-weight:500}.edit-investments .hra-edit-container .hra-edit-container hr{margin-top:20px;margin-bottom:0}.edit-investments hr{border-top:1px solid rgba(0,0,0,.1);opacity:1}.edit-investments .add-sub-item{padding-top:10px;margin-bottom:10px}.edit-investments .add-sub-item .add-btn{color:var(--primary-color);border:none;cursor:pointer;font-weight:500;font-size:16px;background:none}.edit-investments .button-container{margin-top:30px}.page-container .main-container .first-row{width:80%}.page-container .main-container .add-reimbursement-claim .add-btn{margin-top:-30px}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table{border-collapse:collapse;margin:20px 0 0}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table th,.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table td{padding:15px 12px!important;text-align:left;vertical-align:top}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table th:first-child,.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table td:first-child{padding-left:0!important}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table thead th{color:#888;text-transform:uppercase;border-bottom:1px solid #eee;border-top:1px solid #eee;font-size:12px;letter-spacing:-.48px;background:#fff!important}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table thead span{color:red;margin-left:2px}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table tr{border-style:none;border-bottom:none!important}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table tr:hover{background:none!important}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table td .amount-input-wrapper{grid-column:2/3;position:relative;display:flex;align-items:stretch;width:100%}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table td .amount-input-wrapper .amount-symbol{width:30px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#555;background:#fff;border:1px solid #ccc;border-right:none;border-radius:8px 0 0 8px;pointer-events:none;box-sizing:border-box}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table td .amount-input-wrapper .amount-input{display:flex;align-items:center;max-width:90px}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table td .amount-input-wrapper .amount-input .amount-input-field{width:100px;padding:8px 10px;font-size:1rem;border:1px solid #ccc;border-radius:0 8px 8px 0;text-align:right;box-sizing:border-box}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table td .amount-input-wrapper .amount-input .amount-input-field:hover{border-color:var(--primary-color)}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table td .amount-input-wrapper .amount-input .amount-input-field:focus{border-color:var(--primary-color);box-shadow:0 0 5px .1px var(--primary-color);outline:none}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table td .amount-input-wrapper .amount-input .amount-input-field::placeholder{color:#aaa;text-align:left}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table td .comment-cell{position:relative;display:flex;justify-content:center;align-items:center;height:100%}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table td .comment-icon{cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;color:#6b7280;font-size:18px;position:relative;margin-top:10px}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table td .comment-icon:hover{color:#3b82f6}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table td .comment-icon .dot{position:absolute;top:2px;right:2px;height:8px;width:8px;background-color:#3b82f6;border-radius:50%;border:1.5px solid #fff}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table td .comment-popup{position:absolute;background:#fff;width:280px;padding:15px;border-radius:12px;box-shadow:0 8px 30px #00000026;z-index:100;font-size:14px;right:90px;margin-top:15px;border:1px solid #e2e8f0}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table td .comment-popup:before{content:"";position:absolute;top:-14px;right:30px;border-width:8px;border-style:solid;border-color:transparent transparent #ffffff transparent;filter:drop-shadow(0 -2px 1px rgba(0,0,0,.05))}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table td .comment-popup h4{font-weight:500}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table td .comment-popup .done{border:1px solid grey;cursor:pointer;padding:5px 10px;border-radius:7px}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table td .comment-popup textarea{margin:6px 0;width:100%;min-height:80px;padding:10px 12px;border:1px solid #cbd5e0;border-radius:8px;font-size:15px;resize:vertical;box-sizing:border-box}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table td .comment-popup textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table td:nth-child(1){min-width:270px}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table td:nth-child(2){max-width:150px}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table td:nth-child(3){max-width:140px}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table td:nth-child(4){max-width:120px}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table td.remove-cell{text-align:center;vertical-align:middle}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table td.remove-cell .remove-btn{background:transparent;border:none;font-size:20px;color:#888;cursor:pointer;transition:color .2s}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table td.remove-cell .remove-btn:hover{color:#f56565}.page-container .main-container .add-reimbursement-claim .reimbursement-claim-table .section-divider td{border-top:1px solid #eee}.rejected-banner{background:#f9eaea;padding:12px 16px;color:#7d1010;display:flex;align-items:center;gap:12px;margin-bottom:20px;margin-top:-20px;height:60px;box-shadow:0 2px 8px #0000000d}.rejected-banner .icon{font-size:20px;background:#fff;width:40px;height:40px;display:flex;font-weight:300;align-items:center;border-radius:100px;justify-content:center;color:#b71717;box-shadow:0 1px 3px #0000001a}.rejected-banner .reason,.rejected-banner .by{font-size:14px;margin:3px 0}.rejected-banner .reason b,.rejected-banner .by b{font-weight:500;font-size:15px}.claim-details{padding:20px}.claim-details .table-container .table-header,.claim-details .table-container .table-row,.claim-details .table-container .table-footer{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;padding:12px 16px;font-size:14px;align-items:center}.claim-details .table-container .table-row:hover{background:none!important}.claim-details .table-container .table-row .comment-icon{cursor:pointer;display:flex;align-items:center;gap:4px;color:#6b7280}.claim-details .table-container .table-row .comment-icon .dot{position:absolute;top:5px;left:8px;height:8px;width:8px;background-color:#3b82f6;border-radius:50%;border:1.5px solid #fff}.claim-details .table-container .bill-title{font-weight:500;font-size:15px;padding:10px 16px;display:flex;align-items:center;gap:8px;background:#fefefe;color:#333}.save-button-container{padding:20px}.reject-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;justify-content:center;align-items:start;z-index:1000}.reject-popup-content{margin-top:60px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 10px 30px #00000026;width:90%;max-width:500px;display:flex;flex-direction:column;gap:20px}.reject-popup-content .popup-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;margin-bottom:0;border-bottom:1px solid #e0e0e0}.reject-popup-content .popup-header h3{font-size:22px;font-weight:500;color:#333;margin:0;border-bottom:0}.reject-popup-content .popup-header .popup-close-btn{background:none;border:none;font-size:20px;font-weight:300;cursor:pointer;color:#9e9e9e;padding:5px;border-radius:50%;transition:background-color .2s ease}.reject-popup-content .popup-header .popup-close-btn:hover{background-color:#f0f0f0;color:#555}.reject-popup-content .popup-body{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.reject-popup-content .popup-body p{font-size:15px;color:#555;margin:0;text-align:left}.reject-popup-content .popup-body textarea,.reject-popup-content .popup-body input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;box-sizing:border-box;resize:vertical;min-height:80px;max-height:200px;font-family:inherit}.reject-popup-content .popup-body textarea:focus,.reject-popup-content .popup-body input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.reject-popup-content .popup-body .popup-note{background:#fffbe6;border:1px solid #ffe58f;color:#8c6d00;padding:10px 15px;border-radius:8px;font-size:13px;line-height:1.4;text-align:left}.reject-popup-content .popup-buttons{display:flex;justify-content:flex-start;gap:12px}.reject-popup-content .popup-buttons button{padding:9px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease-in-out,transform .1s ease-in-out;border:none}.reject-popup-content .popup-buttons button.confirm-btn{background-color:#ef4444;color:#fff}.reject-popup-content .popup-buttons button.confirm-btn:hover{background-color:#dc2626;transform:translateY(-1px)}.reject-popup-content .popup-buttons button.confirm-btn:active{transform:translateY(0)}.reject-popup-content .popup-buttons button.cancel-btn{background-color:#e5e7eb;color:#333}.reject-popup-content .popup-buttons button.cancel-btn:hover{background-color:#d1d5db;transform:translateY(-1px)}.reject-popup-content .popup-buttons button.cancel-btn:active{transform:translateY(0)}.reimbursement-actions .popup-menu{position:absolute;right:20px;top:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:10px;min-width:280px;z-index:1000}.ProofOfInvestmentsDetail-banner{background:#f9eaea;padding:12px 16px;color:#7d1010;display:flex;align-items:center;gap:12px;margin-bottom:20px;margin-top:-20px;height:70px;box-shadow:0 2px 8px #0000000d}.ProofOfInvestmentsDetail-banner .icon{font-size:20px;background:#fff;width:40px;height:40px;display:flex;font-weight:300;align-items:center;border-radius:100px;justify-content:center;color:#b71717;box-shadow:0 1px 3px #0000001a}.ProofOfInvestmentsDetail-banner .reason,.ProofOfInvestmentsDetail-banner .by{font-size:14px;margin:3px 0}.ProofOfInvestmentsDetail-banner .reason b,.ProofOfInvestmentsDetail-banner .by b{font-weight:500;font-size:15px}.main-container2{padding:20px}.claim-details .info-section{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px}.claim-details .info-section .info-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px 20px;max-width:220px;flex:1;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 1px 4px #0000000a;transition:all .2s ease-in-out}.claim-details .info-section .info-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.claim-details .info-section .info-card .emoji{font-size:28px;margin-bottom:8px}.claim-details .info-section .info-card .label{font-size:13px;color:#6b7280;margin-bottom:4px}.claim-details .info-section .info-card .value{font-size:17px;font-weight:500;color:#111827}.claim-details .table-container{background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 20px #0000000d}.claim-details .table-container .table-header,.claim-details .table-container .table-row,.claim-details .table-container .table-footer{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1fr;padding:12px 16px;font-size:14px;align-items:center}.claim-details .table-container .table-header{font-weight:500;background-color:#edf2f7;color:#334155}.claim-details .table-container .table-header div{display:flex;align-items:center;gap:5px}.claim-details .table-container .table-row{background-color:#fff;border-bottom:1px solid #f0f2f3;transition:background-color .15s ease-in-out}.claim-details .table-container .table-row:hover{background-color:#f6f8fa}.claim-details .table-container .table-row .link-style{color:#3b82f6;cursor:pointer;display:flex;align-items:center;gap:4px}.claim-details .table-container .table-row .link-style:hover{text-decoration:underline}.claim-details .table-container .table-row .attachments-cell{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:5px 0}.claim-details .table-container .table-row .attachments-cell .attachment-summary{color:#3b82f6;cursor:pointer;text-decoration:none;display:flex;align-items:center;gap:5px;word-break:break-all}.claim-details .table-container .table-row .attachments-cell .attachment-summary:hover{text-decoration:underline;color:#2563eb}.claim-details .table-container .table-row .attachments-cell .file-list{background:#fff;padding:10px;border-radius:6px;display:flex;flex-direction:column;position:absolute;margin-top:20px;gap:5px;display:none;box-shadow:0 0 10px 1px #efeded}.claim-details .table-container .table-row .attachments-cell:hover .file-list{display:flex!important}.claim-details .table-container .table-row .approved-input,.claim-details .table-container .table-row .comment-textarea{border:1px solid #d1d5db;border-radius:6px;padding:8px 10px;font-size:14px;box-sizing:border-box;transition:border-color .2s ease-in-out}.claim-details .table-container .table-row .approved-input:focus,.claim-details .table-container .table-row .comment-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640}.claim-details .table-container .table-row .approved-input{width:130px!important}.claim-details .table-container .table-row .comment-textarea{resize:vertical;min-height:58px;max-height:80px;width:100%}.claim-details .table-container .table-row .comment-cell{position:relative;display:flex;align-items:center;height:100%}.claim-details .table-container .table-row .comment-icon{cursor:pointer;display:flex;align-items:center;gap:4px;color:#6b7280;position:relative;font-size:20px}.claim-details .table-container .table-row .comment-icon:hover{color:#3b82f6}.claim-details .table-container .table-row .comment-icon .dot{position:absolute;top:0;left:10px;height:8px;width:14px;height:14px;background-color:#3b82f6;border-radius:50%;border:1.5px solid #fff;font-size:10px;display:flex;align-items:center;justify-content:center;color:#fff}.claim-details .table-container .table-row .popup-backdrop{position:fixed;top:0;left:0;height:100%;width:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:9999}.claim-details .table-container .table-row .popup-backdrop .popup{background:#fff;padding:20px;border-radius:8px;width:400px;box-shadow:0 2px 10px #0003}.claim-details .table-container .table-row .popup-backdrop .popup h3{margin-bottom:10px}.claim-details .table-container .table-row .popup-backdrop .popup input,.claim-details .table-container .table-row .popup-backdrop .popup textarea{width:100%;padding:10px;margin-top:10px;margin-bottom:15px;border-radius:6px;border:1px solid #aaa}.claim-details .table-container .table-row .popup-backdrop .popup .popup-buttons{display:flex;justify-content:flex-end;gap:10px}.claim-details .table-container .table-row .popup-backdrop .popup .popup-buttons .save-btn{background:#007bff;color:#fff;padding:6px 12px;border:none;border-radius:4px;cursor:pointer}.claim-details .table-container .table-row .popup-backdrop .popup .popup-buttons .cancel-btn{background:#6c757d;color:#fff;padding:6px 12px;border:none;border-radius:4px;cursor:pointer}.claim-details .table-container .table-footer{background-color:#f3f4f6;font-weight:500;border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-top:-10px!important}.claim-details .table-container .bill-title{flex-direction:column;font-weight:500;font-size:15px;padding:10px 16px;display:flex;align-items:start;gap:8px;background:#fefefe;color:#333}.claim-details .table-container .bill-title p{font-weight:400}.claim-details .table-container .comment-popup{position:absolute;background:#fff;width:280px;padding:15px;border-radius:12px;box-shadow:0 8px 30px #00000026;z-index:100;font-size:14px;right:10px;margin-top:-15px;border:1px solid #e2e8f0}.claim-details .table-container .comment-popup:before{content:"";position:absolute;top:-14px;left:30px;border-width:8px;border-style:solid;border-color:transparent transparent #ffffff transparent;filter:drop-shadow(0 -2px 1px rgba(0,0,0,.05))}.claim-details .table-container .comment-popup strong{color:#f59e0b;display:flex;align-items:center;gap:6px;margin-bottom:8px}.claim-details .table-container .action-select{width:120px;padding:8px 12px;border-radius:6px;border:1px solid #ccc}.claim-details .table-container .action-select.approved{background-color:#e6f9ec;border-color:#28a745;color:#155724}.claim-details .table-container .action-select.rejected{background-color:#fdecea;border-color:#dc3545;color:#721c24}.confirm-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.confirm-popup-content{background:#fff;padding:30px;border-radius:12px;box-shadow:0 10px 40px #0003;width:90%;max-width:450px;text-align:center;display:flex;flex-direction:column;gap:20px;position:relative}.confirm-popup-content h3{font-size:22px;color:#1a202c;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e2e8f0}.confirm-popup-content p{font-size:16px;color:#4a5568;line-height:1.5}.confirm-popup-content textarea{width:100%;min-height:80px;padding:10px 12px;border:1px solid #cbd5e0;border-radius:8px;font-size:15px;resize:vertical;box-sizing:border-box}.confirm-popup-content textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640}.confirm-popup-content .popup-close-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#999}.confirm-popup-content .popup-close-btn:hover{color:#333}.confirm-popup-content .popup-buttons{display:flex;justify-content:center;gap:15px;margin-top:10px}.confirm-popup-content .popup-buttons button{padding:10px 25px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .2s ease-in-out,transform .1s ease-in-out}.confirm-popup-content .popup-buttons button.confirm-btn{background-color:#ef4444;color:#fff;border:none}.confirm-popup-content .popup-buttons button.cancel-btn{background-color:#e2e8f0;color:#4a5568;border:1px solid #cbd5e0}.confirm-popup-content .popup-buttons button.cancel-btn:hover{background-color:#cbd5e0;transform:translateY(-1px)}.confirm-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;justify-content:center;align-items:start;z-index:1000}.confirm-popup-content{margin-top:60px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 10px 30px #00000026;width:90%;max-width:500px;display:flex;flex-direction:column}.confirm-popup-content .popup-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:0;margin-bottom:0;border-bottom:1px solid #e0e0e0}.confirm-popup-content .popup-header h3{font-size:22px;font-weight:500;color:#333;margin:0;border-bottom:0}.confirm-popup-content .popup-header .popup-close-btn{background:none;border:none;font-size:20px;font-weight:300;cursor:pointer;color:#9e9e9e;padding:5px;border-radius:50%;transition:background-color .2s ease}.confirm-popup-content .popup-header .popup-close-btn:hover{background-color:#f0f0f0;color:#555}.confirm-popup-content .popup-body{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.confirm-popup-content .popup-body p{font-size:15px;color:#555;margin:0;text-align:left}.confirm-popup-content .popup-body textarea,.confirm-popup-content .popup-body input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;box-sizing:border-box;resize:vertical;min-height:80px;max-height:200px;font-family:inherit}.confirm-popup-content .popup-body textarea:focus,.confirm-popup-content .popup-body input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.confirm-popup-content .popup-body .popup-note{background:#fffbe6;border:1px solid #ffe58f;color:#8c6d00;padding:10px 15px;border-radius:8px;font-size:13px;line-height:1.4;text-align:left}.confirm-popup-content .popup-buttons{display:flex;justify-content:flex-end;gap:12px}.confirm-popup-content .popup-buttons button{padding:10px 22px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .2s ease-in-out,transform .1s ease-in-out;border:none}.confirm-popup-content .popup-buttons button.confirm-btn{background-color:#ef4444;color:#fff}.confirm-popup-content .popup-buttons button.confirm-btn:hover{background-color:#dc2626;transform:translateY(-1px)}.confirm-popup-content .popup-buttons button.confirm-btn:active{transform:translateY(0)}.confirm-popup-content .popup-buttons button.cancel-btn{background-color:#e5e7eb;color:#333}.confirm-popup-content .popup-buttons button.cancel-btn:hover{background-color:#d1d5db;transform:translateY(-1px)}.confirm-popup-content .popup-buttons button.cancel-btn:active{transform:translateY(0)}.loan-card-container{border-radius:8px;max-width:800px}.loan-card-container h2{color:#333;margin-bottom:20px;font-size:1.5em}.loan-details-card{background-color:#fff;border:1px solid #eee;border-radius:8px;padding:20px;position:relative;box-shadow:0 2px 4px #0000001a}.loan-details-card .loan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.loan-details-card .loan-header .loan-type{display:flex;align-items:center}.loan-details-card .loan-header .loan-type h3{margin:0;font-size:1.2em;color:#333}.loan-details-card .loan-header .loan-type .status-open{background-color:#007bff;color:#fff;padding:2px 6px;border-radius:4px;font-size:.7em;font-weight:500;margin-left:10px;text-transform:uppercase}.loan-details-card .loan-header .completion-status{text-align:right;position:relative}.loan-details-card .loan-header .completion-status .remaining-amount-tooltip{position:absolute;top:-70px;right:0;background-color:#fff;border:1px solid #eee;border-radius:4px;padding:8px 12px;font-size:.9em;color:#333;white-space:nowrap;box-shadow:0 2px 5px #0000001a;z-index:10;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.loan-details-card .loan-header .completion-status .remaining-amount-tooltip:after{content:"";position:absolute;bottom:-8px;right:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #eee}.loan-details-card .loan-header .completion-status .remaining-amount-tooltip:before{content:"";position:absolute;bottom:-7px;right:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff;z-index:11}.loan-details-card .loan-header .completion-status:hover .remaining-amount-tooltip{opacity:1;visibility:visible}.loan-details-card .loan-header .completion-status .progress-bar-container{width:100px;height:6px;background-color:#eee;border-radius:3px;overflow:hidden;margin-top:5px;margin-bottom:5px;margin-left:auto}.loan-details-card .loan-header .completion-status .progress-bar{height:100%;background-color:#007bff;border-radius:3px;transition:width .5s ease-in-out}.loan-details-card .loan-header .completion-status span{font-size:.9em;color:#666;display:block}.loan-details-card .loan-info{display:flex;justify-content:space-between;font-size:.9em;color:#666;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.loan-details-card .payment-summary{display:flex;justify-content:space-between;margin-bottom:20px;text-align:center}.loan-details-card .payment-summary .summary-item{flex:1;display:flex;flex-direction:column}.loan-details-card .payment-summary .summary-item .label{font-size:.8em;color:#666;margin-bottom:5px;text-transform:uppercase}.loan-details-card .payment-summary .summary-item .value{font-size:1.1em;font-weight:400;color:#333;font-weight:500}.loan-details-card .payment-summary .summary-item .value.green-text{color:#28a745}.loan-details-card .payment-summary .summary-item .value.red-text{color:#dc3545}.loan-details-card .loan-footer{display:flex;justify-content:space-between;align-items:center;font-size:.9em;color:#666;padding-top:15px;border-top:1px solid #eee}.loan-details-card .loan-footer .installments-remaining{display:flex;align-items:center}.loan-details-card .loan-footer .installments-remaining .info-icon{font-style:normal;margin-right:5px;font-size:1.1em;color:#888}.loan-details-card .loan-footer .next-installment-date{white-space:nowrap}.reimbursement-actions{position:relative}.reimbursement-actions .action-icon{cursor:pointer;display:flex;align-items:center;justify-content:center}.reimbursement-actions .popup-menu{position:absolute;right:20px;top:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:10px;min-width:200px;z-index:1000}.reimbursement-actions .popup-menu ul{list-style:none;padding:0;margin:0}.reimbursement-actions .popup-menu li{padding:12px 20px;cursor:pointer;font-size:16px;color:#333;margin:5px 0;transition:background-color .2s ease;border-radius:4px}.reimbursement-actions .popup-menu li:hover{background-color:#f0f0f0}.reimbursement-actions .popup-menu li.highlighted{background-color:rgba(var(--primary-color-rgb),.9);color:#fff}._modalOverlay_wtdsz_1{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}._modalContent_wtdsz_14{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}._modalHeader_wtdsz_26{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #eee}._modalHeader_wtdsz_26 h2{margin:0;font-size:1.25rem;color:#333}._closeButton_wtdsz_39{background:none;border:none;font-size:1.8rem;cursor:pointer;color:#888;transition:color .2s ease-in-out}._closeButton_wtdsz_39:hover{color:#333}._modalBody_wtdsz_51{padding:24px;overflow-y:auto}._loanTable_wtdsz_56{width:100%;border-collapse:collapse;margin-bottom:20px}._loanTable_wtdsz_56 th,._loanTable_wtdsz_56 td{padding:12px 15px;text-align:left;border-bottom:1px solid #f0f0f0}._loanTable_wtdsz_56 th{background-color:#f8f8f8;font-weight:500;color:#121212;text-transform:uppercase;font-size:.85rem}._loanTable_wtdsz_56 td{font-weight:400;color:#444}._loanTable_wtdsz_56 ._actions_wtdsz_78{display:flex;gap:10px;text-align:right}._loanTable_wtdsz_56 ._iconButton_wtdsz_83{background:none;border:none;cursor:pointer;font-size:1.1rem;margin-left:10px;color:#777;transition:color .2s ease-in-out}._loanTable_wtdsz_56 ._iconButton_wtdsz_83:hover{color:#333}._createLoanTypeButton_wtdsz_96{background-color:transparent;border:none;color:var(--primary-color);font-size:1rem;cursor:pointer;padding:8px 0;display:block;width:fit-content;margin-top:15px}._createLoanTypeButton_wtdsz_96:hover{text-decoration:underline}._newLoanInputs_wtdsz_111{display:flex;gap:15px;margin-top:20px;flex-wrap:wrap}._newLoanInputs_wtdsz_111 input{flex:1;min-width:180px;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:1rem}._newLoanInputs_wtdsz_111 input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff40}._newLoanActions_wtdsz_131{display:flex;gap:10px;margin-top:15px;width:100%}._newLoanActions_wtdsz_131 button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s ease-in-out}._newLoanActions_wtdsz_131 ._saveButton_wtdsz_145{background-color:var(--primary-color);color:#fff}._newLoanActions_wtdsz_131 ._saveButton_wtdsz_145:hover{opacity:.8}._newLoanActions_wtdsz_131 ._cancelButton_wtdsz_152{background-color:#eceff2;color:#000}._newLoanActions_wtdsz_131 ._cancelButton_wtdsz_152:hover{background-color:#ced5da}._infoBox_wtdsz_160{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:4px;padding:15px;margin-top:30px;color:#856404;font-size:.9rem;line-height:1.4}._infoBox_wtdsz_160 p{margin:0}._formContainer_qe2hq_1{padding:30px;background-color:#fff;border-radius:8px;max-width:800px}._formContainer_qe2hq_1 form{display:flex;flex-direction:column;gap:25px}._formGroup_qe2hq_13{display:flex;flex-direction:column}._formGroup_qe2hq_13 label{font-size:.9rem;color:#555;margin-bottom:8px;font-weight:400}._formGroup_qe2hq_13 label._required_qe2hq_23:after{content:"*";color:var(--primary-color);margin-left:4px}._formGroup_qe2hq_13 textarea{resize:vertical;min-height:80px}._formGroup_qe2hq_13 ._readOnlyField_qe2hq_32{display:flex;gap:5px;padding:10px 12px;border-radius:4px;font-size:1rem;color:#666}._formGroup_qe2hq_13 ._readOnlyField_qe2hq_32 strong{font-weight:500}._dualColumn_qe2hq_44{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:0}@media (max-width: 768px){._dualColumn_qe2hq_44{grid-template-columns:1fr}}._amountInput_qe2hq_56{display:flex;align-items:center;border:1px solid #ddd;border-radius:4px;overflow:hidden}._amountInput_qe2hq_56:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 2px #00000040}._amountInput_qe2hq_56 span{padding:10px 12px;background-color:#f0f0f0;border-right:1px solid #ddd;color:#555;font-size:1rem}._checkboxGroup_qe2hq_74{display:flex;margin-top:15px;gap:10px}._checkboxGroup_qe2hq_74 input[type=checkbox]{margin-top:3px;transform:scale(1.2);cursor:pointer}._checkboxGroup_qe2hq_74 label{font-size:.95rem;color:#333;cursor:pointer;margin-bottom:0}._checkboxGroup_qe2hq_74 ._checkboxInfo_qe2hq_90{font-size:.8rem;color:#777;margin-top:4px;line-height:1.4}._formActions_qe2hq_97{display:flex;align-items:center;justify-content:flex-start;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid #eee}._formActions_qe2hq_97 button{padding:12px 25px;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease}._formActions_qe2hq_97 button:active{transform:translateY(1px)}._formActions_qe2hq_97 ._saveButton_qe2hq_117{background-color:var(--primary-color);color:#fff}._formActions_qe2hq_97 ._saveButton_qe2hq_117:hover{opacity:.8}._formActions_qe2hq_97 ._cancelButton_qe2hq_124{background-color:#bdc3c7;color:#333}._formActions_qe2hq_97 ._cancelButton_qe2hq_124:hover{background-color:#95a5a6}._formActions_qe2hq_97 ._mandatoryIndicator_qe2hq_131{margin-left:auto;font-size:.85rem;color:#777}._errorMessage_qe2hq_137{color:#e74c3c;font-size:.8rem;margin-top:5px}._loanDetailsMainContent_15m7x_4{max-width:1200px;margin:0 auto;font-family:Inter,sans-serif;color:var(--text-color-primary);font-weight:400}h1,h2,h3,h4,h5,h6{font-weight:500}._loanStatusBadge_15m7x_16{background-color:var(--info-color);color:var(--primary-color);padding:5px 10px;border-radius:4px;font-size:13px;font-weight:500;margin-left:10px;text-transform:uppercase;letter-spacing:.5px}._recordRepaymentBtn_15m7x_28{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease}._recordRepaymentBtn_15m7x_28:hover{background-color:var(--primary-color-dark)}._headerMoreOptions_15m7x_42{background:none;border:1px solid var(--border-color);border-radius:5px;padding:8px 12px;cursor:pointer;color:var(--text-color-secondary);display:flex;align-items:center;justify-content:center;font-size:18px;transition:background-color .2s ease,border-color .2s ease}._headerMoreOptions_15m7x_42:hover{background-color:#f5f5f5;border-color:silver}._headerMoreOptions_15m7x_42:active{background-color:#e0e0e0}._card_15m7x_64{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:25px;margin-bottom:20px;box-shadow:0 2px 8px #0000000a}._card_15m7x_64 h3{font-size:17px;color:var(--text-color-primary);margin-top:0;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid #f0f0f0;font-weight:500}._overviewGrid_15m7x_82{display:flex;justify-content:space-between;flex-wrap:wrap;gap:25px}._overviewGrid_15m7x_82 ._overviewItem_15m7x_88{display:flex;align-items:center;flex:1;min-width:220px;max-width:calc(25% - 20px)}._overviewGrid_15m7x_82 ._overviewItem_15m7x_88 ._iconCircle_15m7x_95{background-color:var(--primary-color);color:#fff;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:20px;flex-shrink:0}._overviewGrid_15m7x_82 ._overviewItem_15m7x_88 ._itemContent_15m7x_108{display:flex;flex-direction:column;flex-grow:1}._overviewGrid_15m7x_82 ._overviewItem_15m7x_88 ._itemLabel_15m7x_113{font-size:13px;color:var(--text-color-secondary);margin-bottom:4px;font-weight:400}._overviewGrid_15m7x_82 ._overviewItem_15m7x_88 ._itemValue_15m7x_119{font-size:16px;font-weight:500;color:var(--text-color-primary)}._overviewGrid_15m7x_82 ._overviewItem_15m7x_88:nth-child(3) ._itemContent_15m7x_108,._overviewGrid_15m7x_82 ._overviewItem_15m7x_88:nth-child(4) ._itemContent_15m7x_108{margin-left:0}._progressBar_15m7x_128{width:100%;height:6px;background-color:#e0e0e0;border-radius:3px;overflow:hidden;margin-top:8px}._progressFill_15m7x_137{height:100%;background-color:var(--success-color);border-radius:3px;transition:width .5s ease-in-out}._nextInstalmentInfo_15m7x_144{background-color:#fcfcfc;border:1px dashed #d0d0d0;border-radius:8px;padding:15px 20px;font-size:14px;color:var(--text-color-secondary);margin-bottom:20px;text-align:center;font-weight:400}._nextInstalmentInfo_15m7x_144 strong{color:var(--text-color-primary);font-weight:500}._detailsGrid_15m7x_160{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}._detailsGrid_15m7x_160 ._detailItem_15m7x_165 ._detailLabel_15m7x_165{font-size:13px;color:var(--text-color-secondary);display:block;margin-bottom:5px;font-weight:400}._detailsGrid_15m7x_160 ._detailItem_15m7x_165 ._detailValue_15m7x_172{font-size:15px;font-weight:500;color:var(--text-color-primary)}._summaryStats_15m7x_178{display:flex;justify-content:space-between;gap:20px;margin-bottom:25px;flex-wrap:wrap}._summaryStats_15m7x_178 ._summaryItem_15m7x_185{text-align:left;flex:1;min-width:180px}._summaryStats_15m7x_178 ._summaryItem_15m7x_185 ._summaryLabel_15m7x_190{font-size:13px;color:var(--text-color-secondary);display:block;margin-bottom:6px;font-weight:400}._summaryStats_15m7x_178 ._summaryItem_15m7x_185 ._summaryValue_15m7x_197,._summaryStats_15m7x_178 ._summaryItem_15m7x_185 ._summaryValueRepaid_15m7x_197,._summaryStats_15m7x_178 ._summaryItem_15m7x_185 ._summaryValueRemaining_15m7x_197{font-size:19px;font-weight:500;color:var(--text-color-primary)}._summaryStats_15m7x_178 ._summaryItem_15m7x_185 ._summaryValueRepaid_15m7x_197{color:var(--success-color)}._summaryStats_15m7x_178 ._summaryItem_15m7x_185 ._summaryValueRemaining_15m7x_197{color:var(--danger-color)}._instalmentTable_15m7x_209{width:100%;overflow-x:auto}._instalmentTable_15m7x_209 table{width:100%;border-collapse:collapse;min-width:700px;border:1px solid #f0f0f0;border-radius:8px;overflow:hidden}._instalmentTable_15m7x_209 table th,._instalmentTable_15m7x_209 table td{text-align:left;padding:14px 18px;font-size:14px;border-bottom:1px solid #f5f5f5;font-weight:400}._instalmentTable_15m7x_209 table th{background-color:#fafafa;color:var(--text-color-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}._instalmentTable_15m7x_209 table td{color:var(--text-color-primary)}._instalmentTable_15m7x_209 table td:first-child{font-weight:500}._instalmentTable_15m7x_209 table tr:last-child td{border-bottom:none}._instalmentTable_15m7x_209 ._noDataMessage_15m7x_244{text-align:center;padding:30px;color:var(--text-color-secondary);font-style:italic;font-weight:400;background-color:#fdfdfd}@media (max-width: 768px){._overviewGrid_15m7x_82,._summaryStats_15m7x_178{flex-direction:column;align-items:flex-start}._overviewGrid_15m7x_82 ._overviewItem_15m7x_88,._overviewGrid_15m7x_82 ._summaryItem_15m7x_185,._summaryStats_15m7x_178 ._overviewItem_15m7x_88,._summaryStats_15m7x_178 ._summaryItem_15m7x_185{min-width:unset;max-width:100%;width:100%}._detailsGrid_15m7x_160{grid-template-columns:1fr}._overviewItem_15m7x_88 ._iconCircle_15m7x_95{margin-right:10px}._recordRepaymentBtn_15m7x_28{padding:8px 12px;font-size:13px}._headerMoreOptions_15m7x_42{padding:6px 10px;font-size:16px}._card_15m7x_64{padding:15px}h3{font-size:16px}}.Complete-content .setup-screen{padding:20px;margin-top:20px;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;margin-bottom:20px;line-height:1.9;object-fit:contain}.Complete-content .setup-screen img{width:300px}.Complete-content h3{font-size:20px;margin-bottom:10px}.Complete-content p{color:gray;max-width:500px;margin:0 auto 20px}.Complete-content .complete-btn{padding:10px 20px;background:#000;color:#fff;border:none;cursor:pointer;border-radius:6px;transition:.2s linear}.Complete-content .complete-btn:hover{box-shadow:1px 2px 10px .11px #00000054;transform:translateY(-2px)}.runpayroll-container{background-color:#fff;border-radius:10px;box-shadow:0 10px 25px #0000000d;transition:all .3s ease;padding:10px;max-width:70%}.runpayroll-container h3{font-size:20px;font-weight:400;margin-bottom:1rem;color:#232323!important;text-align:start}.runpayroll-container h3 strong{color:#000;font-weight:500}.runpayroll-container h3 .draft-tag{background-color:#e6e6e6;color:#444;font-size:12px;padding:4px 10px;border-radius:4px;margin-left:10px;vertical-align:middle}.runpayroll-container .payroll-data{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;margin-top:1rem;border-top:1px solid #f1f1f1;padding-top:1rem;gap:1.5rem}.runpayroll-container .payroll-data div{min-width:160px}.runpayroll-container .payroll-data div p{font-size:13px;color:#999;margin-bottom:6px;letter-spacing:.5px;text-transform:uppercase}.runpayroll-container .payroll-data div h4{font-size:18px;font-weight:500;color:#222}.runpayroll-container .payroll-data .view-details-btn{background:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:.3s ease}.runpayroll-container .payroll-data .view-details-btn:hover{transform:translateY(-2%);opacity:.8}.runpayroll-container .overdue{margin-top:15px;font-size:14px;color:#888;text-align:start;margin-left:0;gap:6px}.runpayroll-container .overdue:before{content:"ⓘ "}._CreatePayRunModalOverlay_ful59_1{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:start;z-index:1000;animation:_fadeIn_ful59_1 .25s ease-in-out}._modalContent_ful59_15{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;margin-top:60px;animation:_zoomPop_ful59_1 .25s ease-out}._modalHeader_ful59_29{display:flex;justify-content:space-between;align-items:center;padding:10px 24px;border-bottom:1px solid #eee}._modalHeader_ful59_29 h2{margin:0;font-size:1.25rem;color:#333}._closeButton_ful59_42{background:none!important;border:none;font-size:1.8rem;cursor:pointer;color:#000!important;transition:color .2s ease-in-out}._closeButton_ful59_42:hover{color:#b90707!important}._modalBody_ful59_54{padding:24px;overflow-y:auto}._loanTable_ful59_59{width:100%;border-collapse:collapse;margin-bottom:20px}._loanTable_ful59_59 th,._loanTable_ful59_59 td{padding:12px 15px;text-align:left;border-bottom:1px solid #f0f0f0}._loanTable_ful59_59 th{background-color:#f8f8f8;font-weight:500;color:#121212;text-transform:uppercase;font-size:.85rem}._loanTable_ful59_59 td{font-weight:400;color:#444}._loanTable_ful59_59 ._actions_ful59_81{display:flex;gap:10px;text-align:right}._loanTable_ful59_59 ._iconButton_ful59_86{background:none;border:none;cursor:pointer;font-size:1.1rem;margin-left:10px;color:#777;transition:color .2s ease-in-out}._loanTable_ful59_59 ._iconButton_ful59_86:hover{color:#333}._createLoanTypeButton_ful59_99{background-color:transparent;border:none;color:var(--primary-color);font-size:1rem;cursor:pointer;padding:8px 0;display:block;width:fit-content;margin-top:15px}._createLoanTypeButton_ful59_99:hover{text-decoration:underline}._newLoanInputs_ful59_114{display:flex;gap:15px;margin-top:20px;flex-wrap:wrap}._newLoanInputs_ful59_114 input,._newLoanInputs_ful59_114 select,._newLoanInputs_ful59_114 input[type=date]{width:100%;flex:1;min-width:180px;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:1rem}._newLoanInputs_ful59_114 input:focus,._newLoanInputs_ful59_114 select:focus,._newLoanInputs_ful59_114 input[type=date]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff40}._modalActions_ful59_139{display:flex;gap:10px;margin-top:15px;width:100%}._modalActions_ful59_139 button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s ease-in-out}._modalActions_ful59_139 ._saveButton_ful59_153{background-color:var(--primary-color);color:#fff}._modalActions_ful59_139 ._saveButton_ful59_153:hover{opacity:.8}._modalActions_ful59_139 ._cancelButton_ful59_160{background-color:#eceff2!important;color:#000!important}._modalActions_ful59_139 ._cancelButton_ful59_160:hover{background-color:#ced5da!important}._inputGroup_ful59_168{display:flex;flex-direction:column;margin-bottom:1.2rem}._inputGroup_ful59_168 label{font-weight:500;margin-bottom:6px}._inputGroup_ful59_168 label span{color:red}._inputGroup_ful59_168 input,._inputGroup_ful59_168 select{min-width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:14px}@keyframes _zoomPop_ful59_1{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes _fadeIn_ful59_1{0%{background-color:#0000}to{background-color:#00000080}}.regular-payroll .comment-icon,.regular-payroll .close_page{cursor:pointer}.regular-payroll .header-section{display:flex;justify-content:space-between;align-items:center}.regular-payroll .header-section .title-wrapper{display:flex;align-items:center}.regular-payroll .header-section .title-wrapper h1{font-size:24px;font-weight:600;margin:0;color:#222}.regular-payroll .header-section .title-wrapper h1 .draft-tag{font-size:12px;background:#e0e0e0;color:#555;padding:2px 8px;border-radius:4px;margin-left:12px}.regular-payroll .header-section .approve-btn{background:#f54b5e;color:#fff;border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease-in-out}.regular-payroll .header-section .approve-btn svg{font-size:16px}.regular-payroll .header-section .approve-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.regular-payroll .alert{padding:12px 16px 12px 20px;font-size:14px;position:relative}.regular-payroll .alert svg{margin-right:8px;vertical-align:middle}.regular-payroll .alert.overdue{background:#ffe6e6;color:#c00}.regular-payroll .alert.pending{padding-left:20px;background:#fff8e5;color:#a66a00}.regular-payroll .alert.pending .p-t{font-size:1.1rem;font-weight:500;line-height:1.5;margin-bottom:10px}.regular-payroll .alert.pending p{font-size:.9rem;line-height:1.6}.regular-payroll .alert.pending .link{color:#0061ff;text-decoration:underline;cursor:pointer;line-height:1.4}.regular-payroll .alert.pending .link:hover{color:#004dcc}.regular-payroll .summary-section{padding:20px;display:flex;flex-wrap:wrap;gap:16px;margin:24px 0}.regular-payroll .summary-section .summary-box{background:#fff;flex:1;min-width:220px;padding:16px;border-radius:12px;box-shadow:0 4px 12px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.regular-payroll .summary-section .summary-box:hover{transform:translateY(-4px);box-shadow:0 6px 16px #00000014}.regular-payroll .summary-section .summary-box h3{margin:0 0 8px;font-size:14px;color:#666;font-weight:500}.regular-payroll .summary-section .summary-box .amount{font-size:24px;font-weight:600;color:#222;margin-bottom:4px}.regular-payroll .summary-section .summary-box .label{font-size:13px;color:#888}.regular-payroll .tabs{padding:0 20px;display:flex;gap:24px;border-bottom:1px solid #e0e0e0}.regular-payroll .tabs button{background:none;border:none;font-size:14px;font-weight:500;padding:12px 0;margin-bottom:-1px;color:#444;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.regular-payroll .tabs button:hover{color:var(--primary-color, #1677ff);border-color:#1677ff4d}.regular-payroll .tabs button.active{color:var(--primary-color, #1677ff);border-bottom:2px solid var(--primary-color, #1677ff)}.regular-payroll .tab-content{padding:24px 0;background:#fff;border-radius:8px;box-shadow:0 0 8px #0000000a}.employee-summary{padding:20px}.employee-summary .employee-filters{margin-top:-20px;display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;flex-wrap:wrap}.employee-summary .employee-filters .left_filter,.employee-summary .employee-filters .right_filter{display:flex;align-items:center;gap:10px}.employee-summary .employee-filters .right_filter .filter-btn,.employee-summary .employee-filters .right_filter .sort-btn{background:#f3f3f3;padding:7px 12px;display:flex;align-items:center;border:1px solid #fff;gap:8px;border-radius:6px;cursor:pointer}.employee-summary .employee-filters .right_filter .filter-btn:hover,.employee-summary .employee-filters .right_filter .sort-btn:hover{box-shadow:1px 1px 10px .1px #00000014;border:1px solid var(--primary-color)}.employee-summary .bulk-actions{display:flex;justify-content:start;gap:10px;align-items:center;margin:10px 0;background:#fff8e1;border:1px solid #ffe0b2;padding:10px 15px;border-radius:6px}.employee-summary .bulk-actions .btn-skip,.employee-summary .bulk-actions .btn-more{background-color:var(--primary-color);color:#fff;padding:6px 12px;border:none;border-radius:4px;font-size:14px;cursor:pointer}.employee-summary .bulk-actions .btn-skip:hover,.employee-summary .bulk-actions .btn-more:hover{opacity:.85}.employee-summary .bulk-actions .btn-more{background-color:#6c757d}.employee-summary .summary-table{width:100%;border-collapse:collapse;font-size:14px;box-shadow:0 2px 6px #0000000d}.employee-summary .summary-table th,.employee-summary .summary-table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.employee-summary .summary-table th{background-color:#f5f5f5;color:#333;font-weight:600;font-size:13px;text-transform:uppercase}.employee-summary .summary-table td{color:#222;font-weight:500}.employee-summary .summary-table .action-cell{position:relative;text-align:center}.employee-summary .summary-table .action-cell .action-icon{background:none;border:none;font-size:18px;cursor:pointer;color:#555;padding:4px;border-radius:50%;transition:background-color .2s ease}.employee-summary .summary-table .action-cell .action-icon:hover{background-color:#f2f2f2}.employee-summary .summary-table .action-cell .popup-menu{position:absolute;top:28px;right:0;background:#fff;border:1px solid #e0e0e0;box-shadow:0 6px 12px #0000001a;border-radius:6px;z-index:999;min-width:160px;animation:fadeSlideIn .2s ease}.employee-summary .summary-table .action-cell .popup-menu ul{list-style:none;margin:0;padding:8px 0}.employee-summary .summary-table .action-cell .popup-menu ul li{padding:10px 16px;font-size:14px;cursor:pointer;transition:background .2s;color:#333}.employee-summary .summary-table .action-cell .popup-menu ul li:hover{background-color:#f5f5f5}.employee-summary .summary-table .action-cell .popup-menu ul li.danger{color:#d7263d}.employee-summary .summary-table .action-cell .popup-menu ul li.danger:hover{background-color:#ffe5e8}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.employee-summary tr:hover{background-color:#f9f9f9}.employee-summary-popup{position:fixed;top:0;right:0;height:100%;width:450px;background-color:#fff;box-shadow:-5px 0 15px #0000001a;display:flex;flex-direction:column;z-index:1000;transform:translate(0);transition:transform .3s ease-out}.employee-summary-popup .popup-header{padding:24px 20px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:flex-start;position:relative;background-color:#fff}.employee-summary-popup .popup-header .employee-info h3{margin:0;font-size:18px;color:#333;font-weight:500;line-height:1.2}.employee-summary-popup .popup-header .employee-info p{margin:4px 0 0;font-size:13px;color:#777}.employee-summary-popup .popup-header .net-pay-display{text-align:right}.employee-summary-popup .popup-header .net-pay-display span{display:block;font-size:13px;color:#777;margin-bottom:4px}.employee-summary-popup .popup-header .net-pay-display h2{margin:0;font-size:28px;color:#000;font-weight:500;line-height:1}.employee-summary-popup .popup-header .close-button{position:absolute;top:0;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#999;line-height:1;padding:0}.employee-summary-popup .popup-header .close-button:hover{color:#eb0909}.employee-summary-popup .popup-content{flex-grow:1;padding:20px;overflow-y:auto;background-color:#fcfcfc}.employee-summary-popup .popup-content .section{margin-bottom:25px;padding-bottom:20px;border-bottom:1px dashed #e5e5e5}.employee-summary-popup .popup-content .section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.employee-summary-popup .popup-content .section h4{margin-top:0;margin-bottom:18px;font-size:15px;color:#555;font-weight:600;text-transform:uppercase}.employee-summary-popup .popup-content .section .earning-item,.employee-summary-popup .popup-content .section .deduction-item,.employee-summary-popup .popup-content .section .payable-days-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.employee-summary-popup .popup-content .section .earning-item:last-of-type,.employee-summary-popup .popup-content .section .deduction-item:last-of-type,.employee-summary-popup .popup-content .section .payable-days-row:last-of-type{margin-bottom:0}.employee-summary-popup .popup-content .section .earning-item span,.employee-summary-popup .popup-content .section .deduction-item span,.employee-summary-popup .popup-content .section .payable-days-row span{font-size:15px;color:#333}.employee-summary-popup .popup-content .section .earning-item .value,.employee-summary-popup .popup-content .section .deduction-item .value,.employee-summary-popup .popup-content .section .payable-days-row .value{font-weight:600;color:#333}.employee-summary-popup .popup-content .section .input-currency-group{display:flex;align-items:center;border:1px solid #dcdcdc;border-radius:4px;overflow:hidden;background-color:#fff;height:38px}.employee-summary-popup .popup-content .section .input-currency-group span{padding:8px 10px;background-color:#f7f7f7;border-right:1px solid #dcdcdc;color:#555;font-weight:500;font-size:15px}.employee-summary-popup .popup-content .section .input-currency-group input{border:none;padding:8px 10px;outline:none;width:100px;text-align:right;font-size:15px;color:#333;-moz-appearance:textfield}.employee-summary-popup .popup-content .section .input-currency-group input::-webkit-outer-spin-button,.employee-summary-popup .popup-content .section .input-currency-group input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.employee-summary-popup .popup-content .section .input-currency-group .read-only-amount{padding:8px 10px;background-color:#fff;min-width:100px;text-align:right;color:#333;font-weight:500;font-size:15px}.employee-summary-popup .popup-content .section .input-currency-group .remove-input-button{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:18px;padding:0 8px;line-height:1;display:flex;align-items:center;justify-content:center;height:100%}.employee-summary-popup .popup-content .section .input-currency-group .remove-input-button:hover{color:#c0392b}.employee-summary-popup .popup-content .section .input-currency-group .remove-input-button svg{width:12px;height:12px}.employee-summary-popup .popup-content .section .deduction-amount-group{display:flex;align-items:center}.employee-summary-popup .popup-content .section .deduction-amount-group span{font-weight:500;color:#333;font-size:15px;margin-right:25px}.employee-summary-popup .popup-content .section .deduction-amount-group .edit-button{background:none;border:none;cursor:pointer;padding:0;color:#666;display:flex;align-items:center;justify-content:center;margin-left:-15px}.employee-summary-popup .popup-content .section .deduction-amount-group .edit-button:hover{color:#333}.employee-summary-popup .popup-content .section .deduction-amount-group .edit-button svg{width:16px;height:16px}.employee-summary-popup .popup-content .add-earning-container{position:relative;margin-top:10px}.employee-summary-popup .popup-content .add-earning-container .add-earning-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:15px;display:flex;align-items:center;padding:0}.employee-summary-popup .popup-content .add-earning-container .add-earning-button .icon{font-size:20px;margin-right:5px;font-weight:700}.employee-summary-popup .popup-content .add-earning-container .add-earning-button:hover{color:#0056b3}.employee-summary-popup .popup-content .add-earning-container .add-earning-dropdown{position:absolute;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 10px #0000001a;list-style:none;padding:0;margin-top:5px;width:200px;z-index:10}.employee-summary-popup .popup-content .add-earning-container .add-earning-dropdown li{padding:10px 15px;cursor:pointer;font-size:14px;color:#333}.employee-summary-popup .popup-content .add-earning-container .add-earning-dropdown li:hover{background-color:#f0f0f0}.employee-summary-popup .popup-content .payable-days-section .add-lop-button,.employee-summary-popup .popup-content .payable-days-section .adjust-past-lop-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:15px;display:flex;align-items:center;padding:0;margin-top:10px}.employee-summary-popup .popup-content .payable-days-section .add-lop-button .icon,.employee-summary-popup .popup-content .payable-days-section .adjust-past-lop-button .icon{font-size:20px;margin-right:5px;font-weight:700}.employee-summary-popup .popup-content .payable-days-section .add-lop-button:hover,.employee-summary-popup .popup-content .payable-days-section .adjust-past-lop-button:hover{color:#0056b3}.employee-summary-popup .popup-content .payable-days-section .adjust-past-lop-button{margin-top:20px}.employee-summary-popup .popup-content .payable-days-section .lop-input-group{margin-top:15px;padding-top:15px}.employee-summary-popup .popup-content .payable-days-section .lop-input-group .dash{border-top:1px dashed #e5e5e5;padding-top:20px}.employee-summary-popup .popup-content .payable-days-section .lop-input-group .lop-input-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.employee-summary-popup .popup-content .payable-days-section .lop-input-group .lop-input-row label{font-size:14px;color:#555}.employee-summary-popup .popup-content .payable-days-section .lop-input-group .lop-input-row .row-flex{display:flex;align-items:center}.employee-summary-popup .popup-content .payable-days-section .lop-input-group .lop-input-row .row-flex .remove-input-button{right:0;top:0;bottom:0;background:none;border:none;color:#e74c3c;cursor:pointer;font-size:18px;padding:0 8px;line-height:1;display:flex;align-items:center;justify-content:center;height:100%}.employee-summary-popup .popup-content .payable-days-section .lop-input-group .lop-input-row .row-flex .remove-input-button:hover{color:#c0392b}.employee-summary-popup .popup-content .payable-days-section .lop-input-group .lop-input-row .row-flex .remove-input-button svg{width:16px;height:16px;font-size:16px}.employee-summary-popup .popup-content .payable-days-section .lop-input-group .lop-input-row .input-with-unit{display:flex;align-items:center;border:1px solid #dcdcdc;border-radius:4px;overflow:hidden;background-color:#fff;height:38px;position:relative}.employee-summary-popup .popup-content .payable-days-section .lop-input-group .lop-input-row .input-with-unit input{border:none;padding:8px 5px;outline:none;width:100px;text-align:right;font-size:15px;color:#333;-moz-appearance:textfield}.employee-summary-popup .popup-content .payable-days-section .lop-input-group .lop-input-row .input-with-unit input::-webkit-outer-spin-button,.employee-summary-popup .popup-content .payable-days-section .lop-input-group .lop-input-row .input-with-unit input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.employee-summary-popup .popup-content .payable-days-section .past-month-lop-group{margin-top:15px;padding-top:15px}.employee-summary-popup .popup-content .payable-days-section .past-month-lop-group .past-month-lop-header{display:flex;align-items:center;margin-bottom:12px;position:relative;width:100%}.employee-summary-popup .popup-content .payable-days-section .past-month-lop-group .past-month-lop-header label{font-size:14px;color:#555;margin-right:5px}.employee-summary-popup .popup-content .payable-days-section .past-month-lop-group .past-month-lop-header .info-icon{color:#999;cursor:help;font-size:16px;margin-right:auto}.employee-summary-popup .popup-content .payable-days-section .past-month-lop-group .past-month-lop-header .remove-input-button{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:18px;padding:0;line-height:1;display:flex;align-items:center;justify-content:center}.employee-summary-popup .popup-content .payable-days-section .past-month-lop-group .past-month-lop-header .remove-input-button:hover{color:#c0392b}.employee-summary-popup .popup-content .payable-days-section .past-month-lop-group .input-group-past-lop{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.employee-summary-popup .popup-content .payable-days-section .past-month-lop-group .input-group-past-lop select{padding:8px;border:1px solid #dcdcdc;border-radius:4px;outline:none;font-size:14px;color:#333;background-color:#fff;height:38px;flex-grow:1;min-width:100px}.employee-summary-popup .popup-content .payable-days-section .past-month-lop-group .input-group-past-lop select:focus{border-color:#007bff}.employee-summary-popup .popup-content .payable-days-section .past-month-lop-group .input-group-past-lop .input-with-unit{border-radius:4px;height:38px;width:300px;position:relative}.employee-summary-popup .popup-content .payable-days-section .past-month-lop-group .input-group-past-lop .input-with-unit input{border:none;padding:8px 5px;outline:none;width:100%;text-align:right;font-size:15px;color:#333;-moz-appearance:textfield}.employee-summary-popup .popup-content .payable-days-section .past-month-lop-group .input-group-past-lop .input-with-unit input::-webkit-outer-spin-button,.employee-summary-popup .popup-content .payable-days-section .past-month-lop-group .input-group-past-lop .input-with-unit input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.employee-summary-popup .popup-content .payable-days-section .past-month-lop-group .input-group-past-lop .remove-input-button{right:0;top:0;bottom:0;background:none;border:none;color:#e74c3c;cursor:pointer;font-size:18px;padding:0 8px;line-height:1;display:flex;align-items:center;justify-content:center;height:100%}.employee-summary-popup .popup-content .payable-days-section .past-month-lop-group .input-group-past-lop .remove-input-button:hover{color:#c0392b}.employee-summary-popup .popup-content .payable-days-section .past-month-lop-group .input-group-past-lop .remove-input-button svg{width:12px;height:12px}.employee-summary-popup .popup-footer{padding:16px 20px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex;align-items:center;gap:10px;background-color:#fff;margin-top:20px}.employee-summary-popup .popup-footer .save-button{background-color:#e74c3c;color:#fff;border:none;padding:10px 18px;border-radius:4px;cursor:pointer;font-size:15px;font-weight:500}.employee-summary-popup .popup-footer .save-button:hover{background-color:#c0392b}.employee-summary-popup .popup-footer .cancel-button{background-color:#f7f7f7;color:#333;border:1px solid #dcdcdc;padding:10px 18px;border-radius:4px;cursor:pointer;font-size:15px;font-weight:500}.employee-summary-popup .popup-footer .cancel-button:hover{background-color:#eee}.employee-summary-popup .popup-footer .save-info{font-size:13px;color:#fc9d05;margin-left:15px;display:flex;align-items:center}.employee-summary-popup .popup-footer .save-info .info-icon{margin-right:5px}.employee-summary-popup .edit-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1001}.employee-summary-popup .edit-overlay .edit-popup{background:#fff;padding:24px;border-radius:8px;box-shadow:0 5px 20px #0003;width:400px;max-width:90%;position:relative}.employee-summary-popup .edit-overlay .edit-popup .edit-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.employee-summary-popup .edit-overlay .edit-popup .edit-popup-header h5{margin:0;font-size:18px;color:#333;font-weight:600}.employee-summary-popup .edit-overlay .edit-popup .edit-popup-header .close-button{background:none;border:none;font-size:28px;cursor:pointer;color:#999;line-height:1;padding:0}.employee-summary-popup .edit-overlay .edit-popup .edit-popup-header .close-button:hover{color:#333}.employee-summary-popup .edit-overlay .edit-popup .edit-popup-content .input-currency-group{margin-bottom:15px;height:44px;display:flex;border:1px solid #999;border-radius:4px;overflow:hidden}.employee-summary-popup .edit-overlay .edit-popup .edit-popup-content .input-currency-group input{width:100%;text-align:left;height:100%}.employee-summary-popup .edit-overlay .edit-popup .edit-popup-content .input-currency-group span{font-size:16px;padding:10px 12px}.employee-summary-popup .edit-overlay .edit-popup .edit-popup-content .calculated-value-text{font-size:13px;color:#777;margin-bottom:18px;text-align:right}.employee-summary-popup .edit-overlay .edit-popup .edit-popup-content label{display:block;margin-bottom:8px;font-size:14px;color:#555;font-weight:500;margin-top:30px}.employee-summary-popup .edit-overlay .edit-popup .edit-popup-content input[type=number],.employee-summary-popup .edit-overlay .edit-popup .edit-popup-content textarea{width:100%;box-sizing:border-box;padding:10px 12px;margin-bottom:15px;border:1px solid #dcdcdc;border-radius:4px;outline:none;font-size:15px;color:#333;resize:vertical;min-height:80px}.employee-summary-popup .edit-overlay .edit-popup .edit-popup-content input[type=number]{min-height:42px}.employee-summary-popup .edit-overlay .edit-popup .edit-popup-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;border-top:1px solid #f0f0f0;padding-top:15px}.employee-summary-popup .edit-overlay .edit-popup .edit-popup-actions button{padding:10px 20px;border-radius:4px;cursor:pointer;font-size:15px;font-weight:500}.employee-summary-popup .edit-overlay .edit-popup .edit-popup-actions .update-btn{background-color:#007bff;color:#fff;border:none}.employee-summary-popup .edit-overlay .edit-popup .edit-popup-actions .update-btn:hover{background-color:#0056b3}.employee-summary-popup .edit-overlay .edit-popup .edit-popup-actions .cancel-btn{background-color:#f7f7f7;color:#333;border:1px solid #dcdcdc}.employee-summary-popup .edit-overlay .edit-popup .edit-popup-actions .cancel-btn:hover{background-color:#eee}.taxes-deductions{padding:20px}.taxes-deductions .deductions-table{width:100%;border-collapse:collapse;font-size:14px;box-shadow:0 2px 6px #0000000d}.taxes-deductions .deductions-table th,.taxes-deductions .deductions-table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.taxes-deductions .deductions-table th{background-color:#f5f5f5;color:#333;font-weight:600;font-size:13px;text-transform:uppercase}.taxes-deductions .deductions-table td{color:#222;font-weight:500}.taxes-deductions .deductions-table tr:hover{background-color:#f9f9f9}.overall-insights{padding:20px}.overall-insights .insights-table{width:100%;border-collapse:collapse;font-size:14px;box-shadow:0 2px 6px #0000000d}.overall-insights .insights-table th,.overall-insights .insights-table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.overall-insights .insights-table th{background-color:#f5f5f5;color:#333;font-weight:600;font-size:13px;text-transform:uppercase}.overall-insights .insights-table td{color:#222;font-weight:500}.overall-insights .insights-table .status{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.overall-insights .insights-table .status.draft{background-color:#fff3cd;color:#856404}.overall-insights .insights-table .status.approved{background-color:#d4edda;color:#155724}.overall-insights .insights-table tr:hover{background-color:#f9f9f9}.page-container{background:#fff}.page-container .page-header{display:flex;align-items:center;justify-content:space-between;width:100%;background:#f8f8f8;padding:20px;height:63px;margin-bottom:20px}.page-container .page-header h1{font-size:24px;line-height:23.05px;letter-spacing:-.24px;color:#2a2a2a;font-weight:500}.page-container .page-header h2{font-weight:500;font-size:24px;line-height:23.05px;letter-spacing:-.24px}.page-container .page-header .left{display:flex;align-items:center;justify-content:baseline;gap:10px}.page-container .page-header .left .status{padding:3px 10px;border-radius:4px;font-weight:400;font-size:10px;color:#fff;text-transform:uppercase}.page-container .page-header .left .status.Approved{background-color:#00b050}.page-container .page-header .left .status.Rejected{background-color:#991b1b}.page-container .page-header .left .status.Pending{background-color:#fef3c7;color:#92400e}.page-container .page-header .right_{display:flex;align-items:center;justify-content:center;gap:20px}.page-container .page-header .right_ .reject-approve-btn{background-color:#8a8a8a;color:#fff;padding:9px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease-in-out,transform .1s ease-in-out;display:flex;align-items:center;gap:5px}.page-container .page-header .right_ .reject-approve-btn:hover{background-color:#545454;transform:translateY(-1px)}.page-container .page-header .right_ .reject-approve-btn:active{transform:translateY(0)}.page-container .page-header .right_ .reject-approve-btn.reject-btn{background-color:#dc2626}.page-container .page-header .right_ .reject-approve-btn.reject-btn:hover{background-color:#b91c1c}.page-container .page-header .right_ .tip{background:#fff;border-radius:100px;box-shadow:0 0 4px .1px #00000007;padding:5px 7px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--primary-color);cursor:pointer;font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.14px}.page-container .page-header .right_ .close_page{cursor:pointer;background:#e3eaeb;width:30px;height:30px;border-radius:100px;display:flex;align-items:center;justify-content:center}.page-container .page-header .right_ .close_page:hover{background:#e3f2f4;color:#7d1010}.page-container .page-header .right_ .close{background:transparent;border:none;outline:none;cursor:pointer}.page-container .page-header .right_ .close svg{width:20px;height:20px}.page-container .page-header button{cursor:pointer;color:#fff;border:none;outline:none;background:var(--primary-color);padding:9px;border-radius:8px}.page-container .page-header button.select-file{border:1px solid #ddd;background:#fff;transition:.3s linear}.page-container .page-header button.select-file:hover{border:1px solid var(--primary-color)}.page-container .page-header button.select-file:hover svg{color:var(--primary-color)}.page-container .emp-header{display:flex;align-items:center;justify-content:space-between;width:100%;background:#f8f8f8;padding:20px;height:65px}.page-container .emp-header .left .left_title{display:flex;align-items:baseline}.page-container .emp-header .left .left_title h1{font-weight:500;font-size:24px;line-height:23.05px;letter-spacing:-.24px}.page-container .emp-header .left .left_title .length{background:#f9f5ff;padding:3px 10px;border-radius:40px;margin-left:10px;font-weight:500;font-size:9.88px;line-height:14.82px;text-align:center}.page-container .emp-header .left p{font-weight:400;font-size:14px;line-height:20px;letter-spacing:-.5px;color:#667085}.page-container .emp-header .right{display:flex;align-items:center;justify-content:end;gap:10px}.page-container .emp-header .right .notice-content{display:flex;align-items:center;justify-content:center;color:#f97316;font-size:16px}.page-container .emp-header .right .notice-content .icon{margin-right:8px;width:20px;height:20px}.page-container .emp-header .right .dataTypeView{background:#fff;padding:5px 10px;display:flex;align-items:center;gap:5px;border-radius:6px;box-shadow:0 0 10px .1px #0000000d;cursor:pointer}.page-container .emp-header .right .dataTypeView:hover{box-shadow:1px 1px 10px .1px #00000014}.page-container .emp-header .right .addBtn{background:rgba(var(--primary-color-rgb),1);padding:9px;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;border:none}.page-container .emp-header .right .reload_data{background:#fff;padding:5px 10px;display:flex;align-items:center;gap:5px;border-radius:6px;box-shadow:0 0 10px .1px #0000000d;cursor:pointer}.page-container .emp-header .right .reload_data:hover{box-shadow:1px 1px 10px .1px #00000014}.page-container .emp-header .right .reload_data:active{rotate:360deg}.page-container .emp-header .right .reload_data:active{scale:.97}.page-container .emp-header .right .reload_data .rotating{animation:rotate 2s linear}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-container .emp-header .right .action_{background:#fff;padding:5px 10px;display:flex;align-items:center;gap:5px;border-radius:6px;box-shadow:0 0 10px .1px #0000000d;cursor:pointer}.page-container .emp-header .right .action_:hover{box-shadow:1px 1px 10px .1px #00000014}.page-container .emp-header .right .action_:active{scale:.97}.page-container .main-container{border:1px solid #e9e4e4;border-radius:10px;margin:20px;min-height:500px;background:#fff}.page-container .main-container .action_buttons{display:flex!important;justify-content:left;padding-left:30px;width:100%;gap:12px}.page-container .main-container .action_buttons button{margin-bottom:30px;padding:10px 25px;font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.page-container .main-container .action_buttons .save{background:var(--primary-color);color:#fff}.page-container .main-container .action_buttons .cancel{border:1px solid var(--primary-color);background:transparent;color:#333}input[type=month],input[type=date],input[type=email],input[type=text],input[type=number],select{width:100%;padding:10px;border:1px solid transparent;border-radius:8px;font-size:14px;background:#f3f3f3;height:40px;color:#000!important}input[type=month]:focus,input[type=date]:focus,input[type=email]:focus,input[type=text]:focus,input[type=number]:focus,select:focus{border:1px solid var(--primary-color);box-shadow:0 0 5px .1px var(--primary-color)}input[type=month]::placeholder,input[type=date]::placeholder,input[type=email]::placeholder,input[type=text]::placeholder,input[type=number]::placeholder,select::placeholder{opacity:.4}input[type=month]:hover,input[type=date]:hover,input[type=email]:hover,input[type=text]:hover,input[type=number]:hover,select:hover{border:1px solid var(--primary-color)}input:disabled{background:#f1f1f1;cursor:not-allowed;opacity:.6}input:disabled:hover{border:none}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]:focus::-webkit-outer-spin-button,input[type=number]:focus::-webkit-inner-spin-button{display:none}input[type=number]:hover::-webkit-inner-spin-button,input[type=number]:focus::-webkit-inner-spin-button{pointer-events:none}input[type=checkbox]{width:16px;height:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--primary-color);border-radius:3px;background:#fff;transition:.3s;cursor:pointer;position:relative}input[type=checkbox]:checked{background:var(--primary-color)}input[type=checkbox]:checked:after{content:"✔";color:#fff;font-size:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center}input[type=checkbox]:checked:disabled{background-color:#b4b2b274;border:none;cursor:not-allowed}input[type=checkbox]:disabled:not(:checked){background:#0000000d;border:2px solid rgba(0,0,0,.2);cursor:not-allowed;opacity:.5}input[type=radio]{width:16px;height:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--primary-color);border-radius:50%;background:#fff;transition:.3s;cursor:pointer;display:inline-block;position:relative}input[type=radio]:checked{background:#fff}input[type=radio]:checked:after{content:"";width:8px;height:8px;background:var(--primary-color);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}input[type=radio]:checked:disabled{background:#fff;opacity:.3;border:2px solid rgb(67,67,67);cursor:not-allowed}input[type=radio]:checked:disabled:after{content:"";width:8px;height:8px;background:#000;opacity:.6;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}input[type=radio]:disabled{background:#fff;opacity:.3;border:2px solid rgb(67,67,67);cursor:not-allowed}input[type=radio]:disabled:after{content:"";width:8px;height:8px;background:#fff;opacity:.6;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pagination{width:100%;display:flex;margin-top:20px;padding:0 20px;align-items:center;justify-content:space-between;font-weight:500;font-size:12.96px;line-height:18.52px}.pagination button{padding:5px 10px;border:1px solid #D0D5DD;border-radius:7.6px;margin-left:10px;cursor:pointer}.tooltip-icon{width:fit-content;margin-left:-45px!important;scale:.7}.loader{width:18px;height:18px;border:3px solid #ffffff;border-top:3px solid var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button[type=submit]:hover{opacity:.9;box-shadow:0 0 6px .1px var(--primary-color)}button[type=submit]:disabled{background-color:var(--primary-color);opacity:.5;pointer-events:none;cursor:not-allowed}button[type=button]:hover{opacity:.9;box-shadow:0 0 6px .1px var(--primary-color)}button[type=button]:disabled{opacity:.5;cursor:not-allowed}input[type=file]{border:1px solid red!important;width:99%!important;height:80px!important}