@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@300..700&display=swap";body{margin:0;font-family:Montserrat;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/assets/bg6-BTowqpkY.jpg);background-size:cover;background-position:center;height:100vh;box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}p{font-size:12px}h3{font-size:21px;font-weight:500;margin:0;padding:0;line-height:1}h4{font-size:15px;font-weight:500;margin:0;padding:0;line-height:1}h2{font-size:25px;font-weight:600;margin:0;padding:0}input:is(:-webkit-autofill,:autofill){background-color:transparent!important}.ant-pagination .ant-pagination-disabled .ant-pagination-item-link{color:#188de7}.ant-pagination .ant-pagination-item-active{background-color:#188de7;border-color:#188de7}.ant-pagination .ant-pagination-item-active a{color:#fff}.App{position:relative;top:0;left:0;height:100vh;width:100vw;box-sizing:border-box;display:flex}.screen_overlay{height:100%;width:100%;background-color:#0009;position:absolute;left:0;z-index:99999;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.sidebar_section{width:18%;box-sizing:border-box}.routes_section{width:82%;box-sizing:border-box;overflow-y:auto;display:flex;flex-direction:column;position:relative}.main_header_Section{width:81%;background:#ffffff1a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);padding:18px 0;box-sizing:border-box;position:fixed;top:0;right:1%;z-index:9999}.main_header_Section h2{font-size:25px;font-weight:700;background:linear-gradient(120deg,#33b5e5 40%,#fff 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;white-space:nowrap;margin-left:20px}.employeeBox{height:auto;width:100%;background:#ffffff1a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;padding:18px;position:relative;box-sizing:border-box;background-color:#ffffff0d;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);z-index:1;box-shadow:inset 3px 3px 10px 4px #ffffff4d,inset -3px -3px 10px 2px #ffffff0d}.employeeBox:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fffc,#fff9 20%,#ffffff4d,#fff3);border-radius:inherit;padding:1.5px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;z-index:-1;pointer-events:none;box-sizing:border-box}.employeeBoxShimmer{height:340px;width:100%;background-color:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;padding:18px;position:relative;box-sizing:border-box}.icon_details_2{color:#fff;position:absolute;top:20px;right:20px;font-size:25px}.profile_icon{position:relative}.profile_icon img{height:80px;width:80px;border-radius:8px}.profile_icon_shimmer{height:80px!important;width:80px!important;border-radius:100px}.active_status{position:absolute;height:10px;width:10px;border-radius:10px;background-color:green;right:5px;top:5px}.employeeBox h3{color:#fff}@keyframes shimmerAnimation{0%{background-position:-200% 0}to{background-position:200% 0}}.employeeNameShimmer,.employeeDesignationShimmer,.employeeDetailedShimmer,.profile_icon_shimmer{position:relative;background:linear-gradient(90deg,#3d3d3d66 25%,#141313b3,#3d3d3d66 75%);background-size:200% 100%;animation:shimmerAnimation 1.5s infinite linear;border-radius:10px}.employeeNameShimmer{height:20px;width:80%}.employeeDesignationShimmer{height:20px;width:60%}.employeeDetailedShimmer{width:100%;height:150px}.employeeBox h4{color:#fff;font-weight:300;opacity:.9}.details_section{background-color:#000c;padding:10px;width:100%;box-sizing:border-box;display:flex;flex-wrap:wrap;border-radius:10px;border:1px solid rgba(255,255,255,.4)}.details_section p{margin:0;padding:0;color:#fff;font-weight:300;opacity:.9}.icon_details{color:#fff;font-weight:300;opacity:.9}.detail_1{width:50%}.detail_2{display:flex;margin-top:15px;align-items:center;justify-content:center;gap:4px}.card_dropdown{position:absolute;top:18px;right:45px;background-color:#000000b3;color:#fff;border-radius:10px;padding:8px 12px;box-shadow:0 4px 10px #0003;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;visibility:hidden;border:1px solid rgba(255,255,255,.2)}.card_dropdown.show{opacity:1;transform:translateY(0);visibility:visible}.card_dropdown p{color:#fff;padding:8px 12px;margin:0;cursor:pointer;transition:background .2s ease}.card_dropdown p:hover{background-color:#fff3}.home{width:100%;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;gap:40px;margin:60px 0 0}.employees_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;justify-content:center;box-sizing:border-box}.header_section_2{display:flex;width:100%;align-items:center;justify-content:space-between}.mainHeading{font-size:40px;color:#fff;font-weight:600}.tab-bar-container{display:inline-flex;justify-content:start;flex-direction:column}.tab-bar-container p{margin:0 0 5px;padding:0;color:#fff}.tab-bar{display:flex;background:#ffffff1a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:30px;overflow:hidden;width:550px;position:relative}.tab-item{flex:1;padding:10px;text-align:center;cursor:pointer;font-weight:500;z-index:1;transition:color .3s;font-size:14px;color:#fff}.tab-item.active{color:#fff}.tab-active-bg{position:absolute;top:0;left:0;right:0;width:20%;height:100%;background:#0072cb;border-radius:30px;transition:left .3s ease-in-out;z-index:0}.loginPage{justify-content:center;align-items:center;background-color:transparent;height:100vh;width:100vw;position:relative}.loginForm{background:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px #0000001a;width:450px;height:450px;text-align:center;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:#00000026 1.95px 1.95px 2.6px}.loginForm h1{margin-bottom:20px;color:#ffffff80;font-size:35px;font-weight:500;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:white}.formGroup1{margin-bottom:15px;text-align:left}.formGroup1 label{display:block;font-weight:700;margin-bottom:5px;color:#fff}.formGroup1 input{width:100%;padding:12px 8px;border:1px solid #fff;border-radius:5px;box-sizing:border-box;font-size:18px;background:none!important;color:#fff;outline:none;caret-color:#fff}.formGroup1 input[type=text]{background:transparent;border:1px solid white}.formGroup1 input:focus{background-color:#fff3;border-color:#fc0}.formGroup1 input:active{background-color:#fff3;border-color:#fc0}.formGroup1 input:not(:placeholder-shown){background-color:#ffffff1a}.formGroup1 input::placeholder{color:#ffffff1a}.loginForm button{width:100%;padding:15px 10px;background-color:#000;color:#fff;border:1.5px solid white;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s}.loginForm button:hover{background-color:#0056b3}.poweredBy{position:absolute;bottom:15px;left:15px;color:#fff}.version{position:absolute;bottom:15px;right:15px;color:#fff}.poweredBy a{color:#fff}.allDepartmentsList{margin-top:100px;box-sizing:border-box;padding:10px 20px 0;display:flex;align-items:flex-start;justify-content:flex-start;gap:2%;width:100%}.table-section{width:60%}.form-section{position:relative;width:40%;padding:35px;border-radius:16px;background-color:#ffffff0d;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);z-index:1;box-shadow:inset 3px 3px 10px 4px #ffffff4d,inset -3px -3px 10px 2px #ffffff0d}.form-section:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fffc,#fff9 20%,#ffffff4d,#fff3);border-radius:inherit;padding:1.5px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;z-index:-1;pointer-events:none;box-sizing:border-box}:where(.css-dev-only-do-not-override-1261szd).ant-table-wrapper .ant-table{background:transparent;border-radius:8px}.custom-table{position:relative;border-radius:16px;background-color:#ffffff0d;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);z-index:1;box-shadow:inset 3px 3px 10px 4px #ffffff4d,inset -3px -3px 10px 2px #ffffff0d}.custom-table .ant-table-thead>tr>th{color:#188de7;font-weight:700;background-color:transparent;border-bottom:1.5px solid #656667;font-weight:500;text-shadow:0 0 3px #0072CB,0 0 0px #0072CB,0 0 4px #0072CB;padding:15px 15px 15px 30px}.ant-table-cell:before{display:none!important}.custom-table .ant-table-tbody>tr>td{background:transparent;color:#fff;border-bottom:1.5px solid #656667;padding:15px 15px 15px 30px}.custom-table .ant-table-tbody>tr:hover>td{background-color:transparent!important}.form-section h2{font-size:18px;line-height:20px;color:#188de7;font-weight:500;margin:0 0 20px;text-shadow:0 0 3px #0072CB,0 0 0px #0072CB,0 0 4px #0072CB}.button_section{width:100%;display:flex;align-items:center;justify-content:flex-end}.form-section button{width:150px;height:40px;color:#fff;border-radius:5px;padding:10px 25px;font-weight:500;background:transparent;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;box-shadow:inset 2px 2px 2px #ffffff80,7px 7px 20px #0000001a,4px 4px 5px #0000001a;outline:none;background:#0072cb;background:linear-gradient(0deg,#0072cb 0% 100%);border:none}.btn-1{background:#060e83;background:linear-gradient(0deg,#060e83,#0c19b4);border:none}.btn-1:hover{background:#0003ff;background:linear-gradient(0deg,#0003ff,#027efb)}.form-section button:hover{background-color:#0072cb;box-shadow:-2px -2px 6px #fff9,-2px -2px 4px #fff6,2px 2px 2px #ffffff0d,2px 2px 4px #0000001a}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}.custom-textfield-wrapper{margin-bottom:.5rem}.custom-textfield-label{display:block;margin-bottom:8px;font-weight:500;color:#fff;font-size:12px}.custom-textfield-input{padding:12px 15px;font-size:14px;border:1.5px solid rgba(255,255,255,.2);border-radius:6px;outline:none;transition:border-color .3s ease;background-color:#000000b3;color:#fff;box-shadow:inset -1px -1px 10px #ffffff4d,inset -3px -3px 10px #ffffff0d;color:#188de7;font-weight:600;margin:0 0 20px;text-shadow:0 0 3px #0072CB80,0 0 5px #0072CB60,0 0 8px #0072CB40}.custom-textfield-input:focus{border-color:transparent}.custom-textfield-input.error{border-color:transparent}.custom-textfield-error{margin-top:4px;font-size:12px;color:rgb(249,195,0)red}.required{color:#f9c300;margin-left:2px}.sidebar{width:100%;height:100vh;background:#ffffff1a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);color:#fff;padding:20px 10px;font-family:Arial,sans-serif;box-sizing:border-box;display:flex;flex-direction:column;position:relative;gap:35px}.sidebar-title{height:40px;width:auto;margin:0 auto}.sidebar-menu{list-style:none;padding:0}.sidebar-item{display:flex;align-items:center;padding:15px 10px;cursor:pointer;transition:background .3s}.dropdown-header>span{margin-left:14px}.sidebar-item:hover{background:#34495e}.icon{margin-right:10px}.dropdown{flex-direction:column}.dropdown-header{display:flex;justify-content:space-between;width:100%;align-items:center}.dropdown-menu{list-style:none;padding:0;margin:5px 0 0 20px;display:flex;flex-direction:column}.dropdown-item{padding:8px;cursor:pointer;transition:background .3s}.dropdown-item:hover{background:#1abc9c}.chevron{margin-left:auto}.logout_button{position:absolute;bottom:10px;left:10px;display:flex;align-items:flex-start;justify-content:flex-start;gap:8px;background-color:#000;padding:10px 15px;border-radius:20px;border:1px solid rgba(255,255,255,.4);cursor:pointer;transition:background-color .3s}.logout_button:hover{background-color:#3b9bc1}.logout_button p{margin:0;padding:0;font-size:16px}.sidebar-item.selected,.dropdown-item.selected{background-color:#00000080;color:#007bff;font-weight:500;letter-spacing:1px;border-radius:10px;text-shadow:0 0 3px #0072CB,0 0 0px #0072CB,0 0 4px #0072CB}.performancePopUp{width:65%;height:540px;background:#000;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999999;border:1px solid rgba(255,255,255,.5);border-radius:20px;display:flex;flex-direction:column;justify-content:center;padding:0 30px;box-sizing:border-box}.loader_overlay_popup{position:absolute;z-index:999999999;height:100%;width:100%;border-radius:20px;background-color:#00000080;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.loader{width:50px;aspect-ratio:1;color:#0072cb;--_c:no-repeat radial-gradient(farthest-side,currentColor 92%,#0000);background:var(--_c) 50% 0 /12px 12px,var(--_c) 50% 100%/12px 12px,var(--_c) 100% 50%/12px 12px,var(--_c) 0 50%/12px 12px,var(--_c) 50% 50%/12px 12px,conic-gradient(from 90deg at 4px 4px,#0000 90deg,currentColor 0) -4px -4px/ calc(50% + 2px) calc(50% + 2px);animation:l8 1s infinite linear}@keyframes l8{to{transform:rotate(.5turn)}}.performancePopUp h2{color:#fff;opacity:.9}.performancePopUp h4{color:#fff;opacity:.9;margin-bottom:15px}.performance_calculation{display:flex;width:100%}.sub_bar_charts{height:200px;display:flex;align-items:center;justify-content:center;gap:5px;width:100%}.performanceParameterBlock{height:50px;width:150px}.performanceParameterBlock p{color:#fff;opacity:.8}.progress_charts{width:60%;display:flex;flex-direction:column}.progressValues{display:flex;gap:40px;flex-wrap:wrap;width:40%}.progress_values{width:40%}.value_editor{display:flex;align-items:flex-end;justify-content:start}.performanceParameterBlock h4{color:#fff}.performanceParameterBlock input{height:50px;width:50px;padding:0;font-size:32px;text-align:center;color:#fff;background-color:transparent;box-shadow:none;border:none;outline:none;border-bottom:2px solid rgba(255,255,255,.9)}.performanceParameterBlock input:focus,.performanceParameterBlock input:active{border:none;outline:none;box-shadow:none}.buttons_set{display:inline-flex;grid-area:20px}.buttons_performance_popup{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:15px}.buttons_set button{font-size:18px;border:0px;width:120px;padding:10px 0;cursor:pointer;border-radius:5px;font-weight:500}.buttons_set>.cancel_btn{background-color:transparent;border:1px solid #0072CB;color:#0072cb}.buttons_set>.cancel_btn:hover{background-color:#0072cb;border:1px solid #0072CB;color:#fff}.buttons_set>.edit_btn{background-color:#0072cb;margin-left:10px;color:#fff}.not_calculated_tag{position:absolute;bottom:20px;left:0;z-index:999999;background-color:#ffbf00;border-radius:0 20px 20px 0;padding:5px 10px;color:#fff;font-size:16px;font-weight:600}