@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500&display=swap";.page-404{width:100%;height:100vh;background:#fffcfc;display:flex;align-items:center;justify-content:center;position:absolute;z-index:999}.page-404-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.notfound-title{text-align:center;font-weight:700;padding-top:1rem;padding-bottom:1rem}.notfound-para{width:450px;color:#637381;text-align:center;padding-bottom:1rem}.content-box-404{display:flex;flex-direction:column;align-items:center;justify-content:center}.btn-404{background-color:#f5c9cc98;color:var(--primary-red);border-radius:5px;padding:10px 30px;margin:10px 0;box-shadow:#0000000d 0 1px 2px}.button{width:120px;height:38px;border-radius:5px;padding:6px 16px;text-transform:capitalize;letter-spacing:1px;cursor:pointer;transition:all .2s ease;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative}.button:disabled{opacity:.6;cursor:not-allowed}.button-loading{cursor:wait}.button-text-loading{opacity:.7}.button-spinner{width:14px;height:14px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:button-spin .6s linear infinite}@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button-icon-left,.button-icon-right{display:inline-flex;align-items:center;justify-content:center}.button-icon-left{margin-right:4px}.button-icon-right{margin-left:2px}.button-primary{background-color:#dc2626;border:1px solid #dc2626;color:#fff}.button-primary:hover:not(:disabled){background-color:#b91c1c;border-color:#b91c1c;color:#fff}.button-success{background-color:#e9eff6;color:#66b686;border:1px solid #66b686}.button-success:hover:not(:disabled){background-color:#66b686;border-color:#66b686;color:#fff}.button-danger{background-color:#ecdedf;color:#d18484;border:1px solid #d18484}.button-danger:hover:not(:disabled){background-color:#d18484;border-color:#d18484;color:#fff}.button-secondary{background-color:#fff;color:#191919;border:1px solid #dadada}.button-secondary:hover:not(:disabled){background-color:#f2f2f2;border-color:#c6c6c6;color:#191919}.input-field-wrapper{width:100%;display:flex;flex-direction:column;padding:10px;margin-bottom:5px}.form-rightside .input-field-wrapper{width:50%}.input-field-wrapper label{font-size:.9rem;letter-spacing:1px;padding-bottom:5px}.input-field-wrapper .required-indicator{color:red;padding-left:3px}.input-field-wrapper input{width:100%;height:40px;font-size:.9rem;font-family:var(--main-family);background-color:transparent!important;outline:none;border:none;align-items:center;padding:5px;border-radius:5px;border:1px solid #dadada}.input-field-wrapper input:disabled{background-color:#f5f5f5!important;cursor:not-allowed;opacity:.6}.input-field-wrapper input:focus{border-color:var(--main-submit-clr, #007bff)}.input-field-wrapper .error-message{color:red;font-size:.8rem;margin-top:4px}@media screen and (max-width:868px){.input-field-wrapper{width:100%}}.textarea-field-wrapper{width:100%;display:flex;flex-direction:column;padding:10px;margin-bottom:5px}.textarea-field-wrapper label{font-size:.9rem;letter-spacing:1px;padding-bottom:5px}.textarea-field-wrapper .required-indicator{color:red;padding-left:3px}.textarea-field-wrapper textarea{width:100%;height:100px;font-size:.9rem;font-family:var(--main-family);background-color:transparent;outline:none;border:none;align-items:center;padding:5px;border-radius:5px;border:1px solid #dadada;resize:none}.textarea-field-wrapper textarea.resizable{resize:vertical}.textarea-field-wrapper textarea:disabled{background-color:#f5f5f5!important;cursor:not-allowed;opacity:.6}.textarea-field-wrapper textarea:focus{border-color:var(--main-submit-clr, #007bff)}.textarea-field-wrapper .error-message{color:red;font-size:.8rem;margin-top:4px}.create-BU-area{width:100%;height:auto;margin-bottom:2rem;border-radius:5px}.BU-form-input{width:50%;padding:8px 0}@media screen and (max-width:540px){.BU-form-input{width:100%}}@media screen and (max-width:868px){.BU-form-input{width:65%}}.header__dropdown--notifications{width:400px;max-height:500px;background:#fff;padding:0;display:flex;flex-direction:column}.notification-header{display:flex;justify-content:flex-start;align-items:center;gap:16px;padding:12px 9px;margin:0;border-bottom:1px solid #e5e7eb}.notification-tab{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff;border:2px solid #e5e7eb;border-radius:50%;cursor:pointer;transition:all .3s ease;color:#6b7280;padding:0}.notification-tab:hover{border-color:#d1d5db;background:#fff;color:#374151;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.notification-tab.active{background:#fff;border-color:var(--primary-red);color:var(--primary-red)}.notification-tab.active:hover{transform:translateY(-2px);box-shadow:0 6px 20px #dc26264d}.notification-tab svg{width:20px;height:20px;transition:all .2s ease}.notification-tab-badge{position:absolute;top:-4px;right:-4px;background:var(--primary-red);color:#fff;font-size:11px;font-weight:700;padding:3px 6px;border-radius:12px;min-width:20px;text-align:center;line-height:1.2;box-shadow:0 2px 6px #dc262666;border:2px solid #ffffff}.notification-tab.active .notification-tab-badge{background:var(--primary-red);color:#fff;border-color:#fff}.notification-tab[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:-32px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.notification-tab[data-tooltip]:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#333;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.notification-tab:hover[data-tooltip]:after,.notification-tab:hover[data-tooltip]:before{opacity:1}.notification__dropdown{height:auto;padding:8px 8px 4px;background-color:#fff;border-radius:8px;position:absolute;right:0;top:50px;z-index:99999}.notification-header-title{font-weight:600;color:#333;margin:0}.notifications-list{display:flex;flex-direction:column;padding:16px 4px;overflow-y:auto;flex:1;gap:8px}.notification-item{padding:16px;position:relative;background:#fff;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s ease}.notification-item--self{background:#fff;border:1px solid var(--primary-red);box-shadow:0 2px 12px #dc262614}.notification-item--self:hover{box-shadow:0 4px 16px #dc26261f}.notification-content{width:100%}.notification-header-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.notification-name{font-size:12px;font-weight:600;color:#111827;margin:0;line-height:1.4;flex:1}.notification-item--self .notification-name{color:var(--primary-red);font-weight:700}.notification-message{font-size:13px;color:#6b7280;margin:6px 0 0;line-height:1.6}.notification-item--self .notification-message{color:#374151}.notification-from{font-size:12px;font-weight:600;color:#111827;margin:0 0 6px}.notification-time{display:block;font-size:10px;color:#9ca3af;margin-top:5px;text-align:right}.notification-item--mail{position:relative}.mark-read-icon{position:absolute;top:4px;right:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;color:#9ca3af;border-radius:6px;cursor:pointer;transition:all .2s ease;opacity:0}.notification-item--mail:hover .mark-read-icon{opacity:1}.mark-read-icon:hover{background:#f0fdf4;color:#059669}.mark-read-icon:active{transform:scale(.95)}.self-indicator{background:var(--primary-red);color:#fff;font-size:10px;font-weight:700;padding:4px 12px;border-radius:6px;text-transform:uppercase;letter-spacing:.8px;flex-shrink:0;box-shadow:0 2px 4px #dc262633}.notification-divider{display:none}.notification-icon{position:absolute;top:20px;right:0}.clock-icon{width:24px;height:24px;background:#f0f0f0;border-radius:50%;display:flex;align-items:center;justify-content:center}.notification-poll{margin:16px 0 0}.poll-options{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.poll-option{padding:12px 16px;border-radius:8px;background:#f8f9fa;border:1px solid #e9ecef;cursor:pointer;transition:all .2s ease;color:#333}.poll-option:hover{background:#e9ecef}.poll-option.selected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.vote-button{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.vote-button:hover{opacity:.9}.no-notifications{text-align:center;padding:40px 20px;color:#999}@media(max-width:768px){.header__dropdown--notifications{width:380px;max-height:400px}.notification-header{padding:10px 12px 6px}.notifications-list{padding:10px 12px 12px;gap:6px}.notification-item{padding:14px}}@media(max-width:480px){.header__dropdown--notifications{width:calc(100vw - 40px);right:-10px}.notification-item{padding:12px}}.main-header{position:fixed;left:0;right:0;height:55px;background-color:#fffc;z-index:7}.header-wrapper{display:flex;align-items:center;justify-content:space-between;padding:.3rem 2rem}.header-title{flex:1;display:flex;align-items:center}.header-title h1{margin-left:14rem}.header-btn-group{display:flex;align-items:center;gap:15px;position:relative}.profile-btn{display:flex!important;background-color:#f4f6f8!important;border:1px solid #a9a9a9!important}.header-btn{display:flex;justify-content:center;align-items:center}.logout-btn{display:flex!important;background-color:#f4f6f8!important;border:1px solid #a9a9a9!important}.mobileview-sidebarToggle{display:none}.header__notification--icon{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#f4f6f8;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.header__notification--icon:hover{background-color:#e8eaed}.bell-icon{color:#666}.notification-badge{position:absolute;top:5px;right:7px;width:8px;height:8px;background-color:#f44;border-radius:50%;border:2px solid white}.header__profile--icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}.header__profile--icon img{width:40px;height:40px;object-fit:cover;border-radius:50%;cursor:pointer}@media(max-width:1024px){.header-title h1{margin-left:14rem}}@media(max-width:768px){.main-header{width:100%;background-color:#fff}.header-wrapper{justify-content:space-between;padding:.2rem 1rem}.header-title{flex:1;justify-content:center}.header-title h1{margin-left:0;text-align:center}.mobileview-sidebarToggle{display:flex}.menu-icon{color:#a9a9a9}.header-btn-group{gap:10px}}.header__dropdown{min-width:230px;width:auto;height:auto;padding:8px 8px 4px;background-color:#fff;border-radius:8px;position:absolute;right:0;top:50px;z-index:99999}.header__dropdown--bottom-line{border-bottom:1px solid #dadada;margin-bottom:5px}.header__dropdown--btn{width:100%;height:35px;display:flex;align-items:center;margin-bottom:3px;cursor:pointer}.header__dropdown--btn:hover{background-color:#919eab14;border-radius:5px}.header__dropdown--diabled{color:#a9a9a9}.bg-footer{display:flex;align-items:center;justify-content:flex-end;color:#5f5f5f;bottom:0;left:0;position:fixed;width:100%;height:40px;z-index:6}.footer-content{font-size:.8rem;margin-right:1rem;text-align:end}@media screen and (max-width:767px){.bg-footer{display:none}}.confirmation-modal{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:#050505cc;z-index:1100}.modal-content{background-color:var(--main-content-clr);border-radius:12px;padding:2rem;box-shadow:0 8px 30px #0003;text-align:center;max-width:400px;width:90%}.delete-icon{font-size:3rem;color:var(--primary-red);margin-bottom:20px}.modal-message{font-size:.9rem;color:var(--text-black);margin-bottom:20px}.modal-buttons{display:flex;justify-content:space-between;gap:20px}.modal-buttons button{letter-spacing:1px;font-size:1rem;padding:10px 20px;border-radius:8px;cursor:pointer;transition:background-color .3s,color .3s}.confirm-button{flex:1;background-color:var(--primary-red);color:var(--text-white);border:none}.cancel-button{flex:1;background-color:transparent;color:var(--text-black);border:1px solid #a5a5a5}@media(max-width:767px){.modal-content{padding:20px}.modal-buttons{gap:10px}.confirm-button,.cancel-button{width:100%}}.loader_container{display:flex;align-items:center;justify-content:center;height:90vh}.loader{display:block;width:250px;height:var(--height-of-loader);border-radius:30px;background-color:var(--primary-red);position:relative;overflow:hidden}.loader:before{content:"";position:absolute;background-color:#dad7d7;top:0;left:0;width:0%;height:100%;border-radius:30px;animation:moving 1.5s cubic-bezier(.65,0,.35,1) infinite}@keyframes moving{50%{width:100%}to{width:0;right:0;left:unset}}.bu-list-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:1rem}.bu-list-card{height:100%;min-height:300px;display:flex;flex-direction:column;padding:1.2rem}.bu-list-card:hover{box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px}.bu-card-content{display:flex;flex-direction:column}.bu-card-header{font-weight:600;color:var(--text-black);margin-bottom:10px}.bu-card-body{color:#555}.bu-detail{margin-bottom:.8rem}.bu-detail strong{color:var(--text-black)}.bulist-dropdown-container{position:relative;float:right}.bulist-dropdown-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .3s ease}.bulist-dropdown-btn svg{width:20px;height:20px;fill:#333}.bulist-dropdown-menu{display:none;position:absolute;right:0;top:100%;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1;min-width:140px;overflow:hidden;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.bulist-dropdown-container:hover .bulist-dropdown-menu{display:block;opacity:1;transform:translateY(0)}.bulist-dropdown-menu button{background:none;border:none;width:100%;text-align:left;padding:12px 16px;cursor:pointer;color:#333;transition:background-color .2s ease}.bulist-dropdown-menu button:hover{background-color:#f9f9f9}.bulist-dropdown-menu button:first-child{border-bottom:1px solid #eee}@media screen and (max-width:540px){.bu-list-card{min-height:200px}.bu-list-container{grid-template-columns:repeat(1,1fr)}}@media screen and (min-width:541px)and (max-width:1024px){.bu-list-container{grid-template-columns:repeat(2,1fr)}}.mail-tile-view{width:100%;height:auto;padding:1rem 10px;position:relative;cursor:pointer}.mail-tile-view:after{content:"";position:absolute;height:.8px;background:#dadada;bottom:0;left:10px;right:10px}.mail-tile-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px}.mail-title-header-details{display:flex}.tile_border{border-width:1px;border-style:solid;border-color:transparent}.style_cancelled,.style_rejected{color:var(--primary-red)}.style_pending{color:var(--primary_blue)}.style_approved{color:var(--success_green)}.tile_border_color{border-color:var(--primary_blue)}.leave-info-card{background:#fff;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;width:100%;height:100%;min-height:500px}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-weight:500;width:fit-content;border:1px solid;transition:all .3s ease;position:relative;overflow:hidden}.status-badge:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026!important}.tile-pending{background:linear-gradient(135deg,#f3f9ff,#e8f4fd);color:#4a90e2;border-color:#a8d0f0;box-shadow:0 2px 4px #2196f31a}.tile-pending:hover{background:linear-gradient(135deg,#e8f4fd,#ddeefb);border-color:#7bb3e8}.tile-approved{background:linear-gradient(135deg,#f4fbf4,#e8f5e8);color:#5cb85c;border-color:#a8d8a8;box-shadow:0 2px 4px #4caf501a}.tile-approved:hover{background:linear-gradient(135deg,#e8f5e8,#dcedc8);border-color:#81c784}.tile-rejected,.tile-cancelled{background:linear-gradient(135deg,#fef7f7,#fdeaea);color:#e57373;border-color:#f8bbd9;box-shadow:0 2px 4px #f443361a}.tile-rejected:hover,.tile-cancelled:hover{background:linear-gradient(135deg,#fdeaea,#f8d7da);border-color:#f5a3a3}.tile-info{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#5dade2;border-color:#aed6f1;box-shadow:0 2px 4px #03a9f41a}.tile-info:hover{background:linear-gradient(135deg,#e0f2fe,#d1ecf1);border-color:#85c1e9}.tile-warning{background:linear-gradient(135deg,#fffbf0,#fff3e0);color:#ffb74d;border-color:#ffcc80;box-shadow:0 2px 4px #ff98001a}.tile-warning:hover{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-color:#ffab40}.status-badge.pending{background:linear-gradient(135deg,#f3f9ff,#e8f4fd);color:#4a90e2;border-color:#a8d0f0;box-shadow:0 2px 4px #2196f31a}.status-badge.approved{background:linear-gradient(135deg,#f4fbf4,#e8f5e8);color:#5cb85c;border-color:#a8d8a8;box-shadow:0 2px 4px #4caf501a}.status-badge.rejected,.status-badge.cancelled{background:linear-gradient(135deg,#fef7f7,#fdeaea);color:#e57373;border-color:#f8bbd9;box-shadow:0 2px 4px #f443361a}.leave-details-list{display:flex;flex-direction:column;gap:.75rem;padding:0}.detail-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f1f5f9}.detail-row:last-child{border-bottom:none}.detail-key{font-weight:600;color:#374151;min-width:80px;flex-shrink:0}.detail-separator{color:#9ca3af;font-weight:500}.detail-val{color:#1f2937;font-weight:500;flex:1}.reason-section{display:flex;flex-direction:column;gap:8px;padding:0;margin-top:.5rem}.reason-label{font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.reason-content{color:#1e293b;line-height:1.6;font-weight:400}.applied-leave-not{display:flex;align-items:center;justify-content:center;width:100%;height:80vh;border-radius:5px}.applied-cc-list{display:flex;overflow-x:scroll;width:100%;padding:5px 0}.applied-cc-view .fzr-08{text-wrap:nowrap}.applied-cc-view{display:flex;align-items:center;gap:1rem}.applied-cc-list::-webkit-scrollbar{display:none}.applied-leave-cc{flex:0 0 auto;margin-right:5px;padding:3px 16px;border-radius:20px;background-color:#eeedeb;white-space:nowrap}.action-section{display:flex;justify-content:flex-end;padding-top:.5rem;border-top:1px solid #f1f5f9;margin-top:auto}.withdraw-btn{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border:1px solid #fca5a5;padding:10px 20px;border-radius:8px;font-weight:500;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.withdraw-btn:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);transform:translateY(-1px);box-shadow:0 2px 6px #00000026}@media screen and (max-width:768px){.leave-info-card{padding:1rem;gap:1.25rem}.leave-details-list{gap:.5rem}.detail-row{padding:10px 0;gap:8px}.detail-key{min-width:70px}.status-badge{padding:8px 12px}}@media screen and (max-width:457px){.leave-info-card{padding:.875rem;gap:1rem;border-radius:8px;min-height:450px}.reason-section{gap:6px}.withdraw-btn{padding:8px 16px}.applypage__closeicon--mobile{position:absolute;top:25px;right:6px}}.mail-section_container{display:flex;align-items:flex-start;gap:5px}.section_tile{width:30%;background:#fff9;backdrop-filter:blur(7.9px);-webkit-backdrop-filter:blur(7.9px);height:80vh;overflow-y:scroll}.section_main{width:70%;background:#fff9;backdrop-filter:blur(7.9px);-webkit-backdrop-filter:blur(7.9px);height:80vh;overflow:auto;margin-right:1rem}.applyleave__arrowBtn--mobile{display:none}@media screen and (max-width:457px){.mail-section_container{gap:0}.section_tile{width:100%;background:transparent;height:100%}.section_main{position:absolute;top:7%;background:#fff;margin-right:0;width:96%;box-shadow:#0000002e 0 2px 4px}.applyleave__arrowBtn--mobile{padding:10px 0 0 16px;display:flex;justify-content:end}}.applied-leave-section{display:flex;align-items:flex-start;gap:1rem}.applied-leave-list{width:30%;margin:5px;height:80vh;overflow-y:scroll}.applied-leave-information{width:70%;height:500px;margin-right:1rem}@media screen and (max-width:457px){.hide__section--mobile{display:none}}.custom-antd-datepicker{border-radius:8px;border:1px solid #d9d9d9}.custom-antd-datepicker .ant-picker-input{display:flex;align-items:center}.custom-antd-datepicker .ant-picker-input>input{height:100%!important}.custom-antd-datepicker .ant-picker-suffix{display:flex;align-items:center;height:100%}.custom-antd-datepicker:hover,.custom-antd-datepicker.ant-picker-focused{border-color:#d9d9d9}@media(max-width:768px){.custom-antd-datepicker .ant-picker-input>input{font-size:14px}}.custom-dropdown{position:relative;display:flex;width:100%}.dropdown-header{display:flex;align-items:center;width:100%;min-height:42px;border-radius:8px;background-color:#fff;font-family:var(--main-family);padding:0 12px;border:1px solid #e1e5e9;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.dropdown-header.disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.dropdown-disabled{pointer-events:none}.dropdown-input{width:100%;height:100%;background-color:transparent;font-family:var(--main-family);font-size:.9rem;letter-spacing:.5px;outline:none;border:none;cursor:pointer}.dropdown-input:disabled{cursor:not-allowed;color:#9ca3af}.dropdown-input::placeholder{color:#9ca3af;opacity:1}.dropdown-actions{display:flex;align-items:center;gap:4px;margin-left:8px}.clear-button,.arrow-button{padding:4px!important;border-radius:4px!important;transition:background-color .2s ease!important}.clear-button:hover{background-color:#ef44441a!important}.arrow-button:hover{background-color:#6b72801a!important}.dropdown-options{overflow-y:auto;width:100%;height:auto;max-height:280px;display:flex;flex-direction:column;background-color:#fff;position:absolute;top:calc(100% + 4px);border-radius:6px;border:1px solid #e1e5e9;box-shadow:0 4px 12px #00000026;z-index:1000;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-items{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:.9rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f3f4f6}.dropdown-items:last-child{border-bottom:none}.dropdown-items:hover{background-color:#f8fafc;padding-left:20px}.dropdown-items.selected-item{font-weight:500}.option-label{flex:1;text-align:left}.selected-indicator{color:#10b981;font-weight:700;font-size:1rem}.no-options-message{padding:20px 16px;text-align:center;color:#6b7280;font-style:italic}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.dropdown-options::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.dropdown-options::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dropdown-loading{padding:16px;text-align:center;color:#6b7280}.dropdown-loading:after{content:"";display:inline-block;width:16px;height:16px;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#6366f1;animation:spin 1s ease-in-out infinite;margin-left:8px}@media screen and (max-width:768px){.dropdown-header{min-height:44px;padding:0 14px}.dropdown-items{padding:14px 16px;font-size:1rem}.dropdown-options{max-height:240px}}.placeholder-color{color:#838383}.placeholder-color::placeholder{color:var(--text-black)}@media screen and (max-width:540px){.leavetype-custom{top:-6rem}}.dropdown__box{width:35%;height:45px;border-radius:5px;background-color:transparent!important}.multiselect-input-container{display:flex;align-items:center;flex-wrap:wrap;gap:4px;flex:1;min-height:24px}.selected-options-container{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.selected-option-tag{display:flex;align-items:center;background-color:#f0f0f0;border:1px solid #d0d0d0;border-radius:12px;padding:2px 8px;font-size:.8rem;gap:4px;max-width:120px}.selected-option-tag span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remove-option-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;padding:0;margin:0;opacity:.6;transition:opacity .2s ease}.remove-option-btn:hover{opacity:1}.multiselect-input{border:none;outline:none;background:transparent;flex:1;min-width:60px}.multiselect-option-content{display:flex;align-items:center;gap:8px;width:100%}.option-checkbox{margin:0;cursor:pointer}.custom-dropdown .dropdown-header{min-height:40px;padding:0 8px;align-items:flex-start}.custom-dropdown .dropdown-header.fzr-09{display:flex;align-items:center}.select-all-item{border-bottom:none;background-color:#f8f9fa}.select-all-item:hover{background-color:#e9ecef}.select-all-separator{height:1px;background-color:#dee2e6;margin:4px 0}.multiselect-container{position:relative;display:flex;align-items:center;width:100%;min-height:42px;border-radius:8px;background-color:#fff;font-family:var(--main-family);padding:0 12px;border:1px solid #e1e5e9;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.multiselect-input-wrapper{position:relative;width:100%;padding:8px 12px;background:#fff;border-radius:3px;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:space-between;gap:8px}.multiselect-content{flex:1;min-width:0}.selected-tags{display:flex;flex-wrap:wrap;gap:4px}.selected-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background-color:#ebebeb;color:var(--text-black);border-radius:6px;max-width:120px}.selected-tag span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-remove-btn{background:none;border:none;cursor:pointer;padding:2px;border-radius:50%;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.tag-remove-btn:hover{background-color:#bfdbfe}.more-tag{display:inline-flex;align-items:center;padding:4px 8px;background-color:#f3f4f6;color:#6b7280;border-radius:6px}.placeholder-text{color:#9ca3af}.multiselect-actions{display:flex;align-items:center;gap:4px}.action-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.action-btn:hover{background-color:#f3f4f6}.dropdown-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:#fff;border-radius:3px;z-index:1000;max-height:330px;overflow:hidden}.search-section{padding:12px;border-bottom:1px solid #f3f4f6}.search-input-wrapper{position:relative;border-radius:5px;border:1px solid #dadada}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.search-input{width:100%;padding:8px 16px 8px 40px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;outline:none;transition:all .2s}.options-container{max-height:240px;overflow-y:auto}.select-all-option{display:flex;align-items:center;gap:12px;padding:8px 12px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f3f4f6}.select-all-option:hover{background-color:#919eab14}.option-item{display:flex;align-items:center;gap:12px;padding:8px 12px;cursor:pointer;transition:background-color .2s}.option-item:hover{background-color:#f9fafb}.option-item.selected{background-color:#ebebeb;color:var(--text-black)}.option-checkbox{width:16px;height:16px;accent-color:#6b7280;cursor:pointer}.option-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-description{font-size:12px;color:#8b8e94;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-all-text{color:var(--text-black)}.no-options{padding:32px 12px;text-align:center}.no-options-icon{color:#9ca3af;margin:0 auto 8px}.no-options-text{font-size:14px;color:#6b7280}.footer-section{border-top:1px solid #f3f4f6;padding:8px 12px;background-color:#f9fafb}.footer-text{font-size:12px;color:#6b7280}.checkbox-wrapper{position:relative}.check-icon{position:absolute;top:2px;left:2px;color:#8e8e8e;pointer-events:none}.demo-container{padding:32px;max-width:800px;margin:0 auto;background-color:#f9fafb;min-height:100vh}.demo-card{background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.demo-title{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:24px}.form-group{margin-bottom:24px}.form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.selected-display{margin-top:24px;padding:16px;background-color:#eff6ff;border-radius:8px}.selected-title{font-size:14px;font-weight:600;color:#1e40af;margin-bottom:8px}.selected-items{display:flex;flex-wrap:wrap;gap:8px}.selected-item{font-size:14px}.features-section{font-size:14px;color:#6b7280;line-height:1.6}.features-title{font-weight:600;margin-bottom:8px}.features-list{list-style:disc;padding-left:20px;margin-left:16px}.features-list li{margin-bottom:4px}.error-popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .3s ease,visibility .3s ease}.error-popup{background-color:var(--main-content-clr);border-radius:12px;box-shadow:0 8px 30px #0003;padding:2rem 10px;width:90%;max-width:400px;animation:slide-in .3s ease-out,fade-scale .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-popup-title{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.error-popup-header{color:#191919}.error-popup-messages{margin-top:15px}.error_mesg{font-size:.85rem;margin-left:2rem;color:#191919}.error_mesg:before{content:"•";font-size:1rem;padding-right:1rem}@keyframes slide-in{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.card{width:100%;box-shadow:0 4px 6px #0000001a;border-radius:.375rem;overflow:hidden;background-color:#fff}.card-content{padding:1rem}.card-grid{display:grid;gap:5px}.leave-item{margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #dadada7f}.leave-item:last-child{border-bottom:none}.leave-item-header{display:flex;align-items:center;justify-content:space-between}.leave-item-header .info{display:flex;align-items:center;gap:10px}.leave-item-header .info-icon{display:flex;align-items:center;justify-content:center;padding:10px;border-radius:5px}.leave-item-header .available{font-size:.8rem;color:#4b5563}.progress-bar{position:relative;height:.375rem;background-color:#e5e7eb77;border-radius:.375rem;overflow:hidden}.progress-bar-inner{position:absolute;height:100%;transition:all .3s ease-in-out}.leave-footer{display:flex;justify-content:space-between;font-size:.8rem;color:#4b5563}.annual-leave{color:#4f46e5;background-color:#e0e7ff}.paid-leave{color:#2563eb;background-color:#dbeafe}.casual-leave{color:#16a34a;background-color:#dcfce7}.sick-leave{color:#dc2626;background-color:#fee2e2}.child-care-leave{color:#9333ea;background-color:#f3e8ff}.loss-of-pay{color:#4b5563;background-color:#f3f4f6}.comp-off{color:#d97706;background-color:#fef3c7}.annual-progress{background-color:#a4b9ff}.paid-progress{background-color:#dbeafe}.casual-progress{background-color:#dcfce7}.sick-progress{background-color:#fee2e2}.child-care-progress{background-color:#f3e8ff}.loss-of-pay-progress{background-color:#f3f4f6}.comp-off-progress{background-color:#fef3c7}.leave-apply-section{--major-black: #191919;--major-blue: #47a7ff;--border-blue: #34aaff}.leave-apply_top-form{padding-block:1rem;background:#ffffff17;border-radius:8px;backdrop-filter:blur(12.8px);-webkit-backdrop-filter:blur(12.8px);margin-bottom:2.5rem}.leave-apply_header{font-size:1.3rem}.leave-apply_header{color:#6d6d6d}.leave-apply_input-label{font-weight:400;color:var(--major-black)}.leave-apply_section{padding:0rem;height:fit-content;background-color:var(--major-blue);border-radius:5px}.Applying-to_section{display:flex;padding:1rem;border:1px solid var(--major-black);height:fit-content;background-color:var(--major-blue);border-radius:5px}.leave-apply_info_header{margin-top:1rem;display:flex;align-items:center;justify-content:space-between}.leave-apply_applying-to{width:100%}.leave-apply_info_area{display:flex;flex-direction:column;height:fit-content;border-radius:5px}.leave-apply_info_area h4{font-weight:400;color:var(--major-black)}.leave-apply_info_area select{background-color:transparent;border-radius:5px}.show-leaves_container{display:block;width:400px;height:350px;overflow-y:scroll;background:transparent;padding:8px 12px;border-radius:8px}.leave-apply_show-leaves{width:5%;min-width:100%;height:100%}.leave-apply_info_area textarea{padding:10px;height:90px;font-family:var(--main-family);background-color:transparent;border-radius:5px;box-shadow:#0000000d 0 0 0 1px;border:0!important;margin-bottom:5px;resize:none;margin-top:10px}.leave-apply_info_area textarea:focus{outline:none}.leave_apply_attachment input[type=file]::file-selector-button{margin-right:20px;border:none;background:#366ee3;padding:10px 1.5rem;border-radius:5px;color:var(--text-white);cursor:pointer;transition:background .2s ease-in-out}.leave-apply_submit{display:flex;align-items:center;margin-top:5px}.leave-apply_submit>p{color:#6d6d6d;margin-left:8px}.leave_apply_attachment{display:flex;align-items:center;margin-right:24px}.leave_apply_attachment-icon path{stroke:#47a7ff}.leave_apply_attachment>button{color:#47a7ff;background-color:#e9eff6bf;border:1px solid rgba(71,167,255,1);border-radius:8px}.leave_apply_attach h4{font-size:.9rem}.leave-apply_attach h4{font-weight:400;color:var(--major-black)}.leave_apply_attachment>button{font-size:.7rem}.leave-apply-reason_container{width:100%;padding-top:10px}textarea{width:100%}.leave-apply_details_container{display:flex;gap:4rem;justify-content:space-between;align-items:flex-start}.leave-apply_details-section1{display:flex;flex-direction:column;flex-wrap:wrap}.leave-apply_To,.leave-apply_date{margin-bottom:5px}.leave-apply_datepicker{gap:1rem;align-items:baseline}.leave-apply_reporting-to svg,.leave-apply_applying-to svg{color:#34aaff!important}.leave-apply_start-date .date-and-session svg,.leave-apply_end-date .date-and-session svg{color:#34aaff!important}.leave-apply_date-and-session{border:1px solid var(--major-black);border-radius:5px;margin-right:30px;height:fit-content;min-width:21rem}.date-and-session{display:flex;align-items:center;margin:0 auto;gap:10px;background:#fff;width:fit-content}.date-and-session .select-section{width:16ch}.react-datepicker__input-container{background:#fff;border-radius:3px}.leave-apply_totaldays{margin:10px;color:#7f7f7f}.leave-apply_exclude{color:#d18484}.leave-apply_count{color:#34aaff}.leave-apply_input-label{margin-bottom:8px}.leave-apply_reporting-to,.leave-apply_applying-to{display:inline-block}.leave-apply_info{margin-bottom:10px}.leave-apply_footer{display:flex;align-items:center;justify-content:space-between}.leave-apply_footer_btn{display:flex;gap:10px;padding-top:20px}.leave-apply_reporting-to{width:50%;max-width:40ch;height:40px;border-radius:5px;background-color:#fff;margin-left:8px;margin-top:5px}.leave-apply_reporting-to input{width:100%;height:40px;border:none;border-radius:5px;padding-inline:5px;background-color:#fff;font-family:var(--main-family)}.date-and-session .calender-section{width:9.5rem}.date-and-session .select-section{width:13ch}.calender-section .react-datepicker-wrapper{width:100%!important}.leave-apply_date_container{width:100%;display:flex;justify-content:space-between}.leave-apply_leavetype-selection{width:40%;min-width:50ch;margin-bottom:10px}.leave-apply_totaldays{align-self:flex-end;font-size:.8rem}.leave-apply_duration{display:flex}@media(max-width:830px){.leave-apply_footer{display:flex;flex-direction:column;align-items:flex-start}.leave-apply_submit{display:flex;align-items:flex-start;flex-direction:column;margin-top:5px}}@media screen and (max-width:768px){.leave-apply_duration{flex-direction:column;gap:20px}.leave-apply_applying-to{width:100%}.leave-apply_totaldays{align-self:flex-start;text-align:start;margin-bottom:15px;font-size:.7rem}.leave-apply_top-form{box-shadow:none;padding:8px}.leave-apply-no-of-days{display:inline-block}.leave-apply_count{display:inline-block;padding-left:5px}.leave-apply_info_area textarea{margin-top:5px}.leave-apply_attach-file-container{margin-top:8px}.leave-apply_details_container{overflow:hidden;display:block}.overlay{position:fixed!important;inset:0;background:#00000080;z-index:90!important;height:100%}.show-leaves_container{position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);z-index:100!important;background:#fff;padding:10px;border-radius:8px;width:96%}.ApplayLeave__showbalance--button{display:block!important;padding:6px;border-radius:8px;border:0px;background-color:#dadada7e;color:var(--faded_gray)}.ApplyLeave__topsection{width:100%;display:flex;justify-content:space-between;align-items:center}.applyLeave-close-icon{display:flex!important;float:right}.ApplayLeave__showbalanceleave--mobile{height:35px}.hide-leave-balance{display:none}.leave-apply_attach{width:100%;display:flex;flex-direction:column}.leave-apply_footer_btn{width:100%;display:flex;flex-direction:column;align-items:center}.leave-apply_footer_btn button{width:100%}}@media screen and (min-width:768px)and (max-width:960px){.leave-apply_duration{flex-direction:column;gap:20px}.leave-apply_totaldays{align-self:flex-start;text-align:left}.leave-apply_applying-to{width:88%}.show-leaves_container{width:330px}.leave-apply_details_container{gap:1rem;justify-content:space-between}.leave-apply_attach-file-container{margin-top:5px}}.leave-apply_attach-file-container{display:flex;align-items:center;gap:4px}.ApplayLeave__showbalance--button{display:none}@media screen and (max-width:399px){.ApplyLeave__topsection,.leave-apply_applying-to{width:90%}}@media screen and (min-width:1024px)and (max-width:1199px){.show-leaves_container{width:260px}}.applyLeave-close-icon,.leave_apply_attachment input[type=file]{display:none}.file-upload-label{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background-color:#47a7ff1a;border:1px solid rgba(71,167,255,1);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.85rem;color:#47a7ff}.file-upload-label:hover{background-color:#47a7ff26;border-color:#47a7ffcc}.selected-file-info{display:flex;flex-direction:column;gap:2px}.selected-file-name{color:#228b22!important;font-weight:500}.file-size{color:#6d6d6d!important;font-size:.75rem}@media screen and (max-width:768px){.file-upload-label{padding:6px 12px;font-size:.8rem}.selected-file-info{margin-top:8px}}.clear-file-btn{width:30px;display:flex;align-items:center;gap:4px;padding:4px 8px;margin-top:6px;background-color:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:4px;color:#dc3545;font-size:.75rem;cursor:pointer;transition:all .2s ease}.clear-file-btn:hover{background-color:#dc354526;border-color:#dc354580}.search-tab{display:flex;gap:5px;align-items:center;max-width:50%;border-radius:8px;background-color:#fff;border:1px solid #e1e5e9}.search-tab input{border:none;outline:none;background:none;width:calc(100% - 1px);border-left:1px solid #898b94;padding-left:10px;font-size:.9rem;letter-spacing:1px;font-family:var(--main-family);opacity:.9}.custom-select-wrapper{position:relative;min-width:60px;width:fit-content}.custom-select-label{display:block;margin-bottom:8px;font-size:12px;color:#333}.custom-select-trigger{position:relative;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:transparent;border-radius:4px;cursor:pointer;font-size:12px}.custom-select-trigger:focus{outline:none}.custom-select-options{position:absolute;bottom:100%;left:0;width:100%;margin-bottom:4px;border:1px solid #ccc;z-index:1000;list-style:none;background:#ffffffcb;border-radius:5px;box-shadow:0 2px 8px #0000001a}.custom-select-option{padding:10px 12px;cursor:pointer;font-size:12px}.custom-select-option:hover{background:#919eab14}.arrow{margin-left:8px;transition:transform .3s ease}.arrow.up{transform:rotate(180deg)}.table-wrapper{display:flex;flex-direction:column}.table-inner-wrapper{margin:1rem 0;padding-inline:1rem;max-height:70vh;border-radius:5px;overflow:auto;border:1px solid #e1e5e9}.table-glass{background:#fff0;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.table-container{width:100%;border-collapse:collapse;overflow-x:auto}.table-container th,.table-container td{padding:14px 20px}.table__header{font-weight:600;letter-spacing:1px;padding-block:1rem;font-family:var(--main-family);color:#191919;background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:0!important}.table-container thead th{position:sticky;top:0}.table-container thead th:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#0000000d}.table-container tr{text-align:center}.table-container tbody td{color:#191919;padding-block:.8rem;background-color:none;letter-spacing:.5px;font-family:var(--main-family);border-bottom:1px solid #e1e5e9}.table-container tbody tr:last-of-type td{border-bottom:none}.table-container tbody tr:hover{background-color:#00000005}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;padding:8px 0}.pagination-label{color:#333}.rows-per-page-select{width:fit-content;cursor:pointer;background-color:transparent;color:#191919;border:none;padding:5px;font-size:15px;position:relative}.rowsPerViewStyle:focus{outline:none}.pagination button{display:flex;align-items:center;justify-content:center;padding:5px;border:none;border-radius:50%;cursor:pointer}.pagination button:hover{background-color:#d3d3d3}.pagination button:disabled{background-color:#fff9;cursor:not-allowed}.pagination button.active{color:#fff}.page-info{display:flex;align-items:center}@media screen and (max-width:768px){.pagination{justify-content:center;gap:8px}.pagination-label{font-size:.75rem}}@media screen and (max-width:480px){.table-container thead th{font-size:.7rem;font-weight:500}.table-container tbody td:last-of-type{height:72px}.table-container th,.table-container td{padding:14px 4px}.pagination{flex-direction:column;gap:12px;align-items:center}.pagination>div:first-child{display:flex;align-items:center;gap:8px}}.table-container{overflow-y:auto}.table-container::-webkit-scrollbar{width:10px}.table-container::-webkit-scrollbar-thumb{background-color:#888;border-radius:5px}.table-container::-webkit-scrollbar-thumb:hover{background-color:#555}.table-container::-webkit-scrollbar-track{background:#f1f1f1}.pag ination-controls{display:flex;align-items:center;gap:8px}.pagination-nav{display:flex;align-items:center;gap:8px}.Leave-page{padding:1rem;width:100%;height:auto}.Leave-list-area{width:100%;height:auto;padding:10px;border-radius:5px}.Leave-list-search{display:flex;align-items:center;width:30%;height:50px;padding:10px;margin-bottom:1rem;border-radius:5px;border:1px solid #191717}.Leave-list-search input{width:100%;height:100%;font-size:1rem;background-color:transparent;font-family:var(--main-font);outline:none;border:none}@media(max-width:767px){.Leave-list-search{width:100%}}.LeaveList__search{width:40%}@media screen and (max-width:960px){.LeaveList__search{width:100%}}.request__tile--view{width:100%;height:auto;padding:1rem 10px;position:relative;cursor:pointer}.request__tile--view:after{content:"";position:absolute;height:.8px;background:#dadada;bottom:0;left:10px;right:10px}.request__tile--header{display:flex;align-items:center;justify-content:space-between;padding-bottom:5px}.tile_border_right_blue{border-right:5px solid var(--primary_blue)}.tiles_background_transparent{background:#cfcece26}.grey-bg{background:var(--main_bg)}.clr-green{color:var(--success_green)}.clr-purple{color:var(--main-purple)}.leave-forwarded-box{margin-bottom:10px}.leave-forwarded_message{padding:5px 10px;border:1px solid #dadada;border-radius:5px}.leave-forwarded_reason{margin-block:10px;padding:5px 10px;border:1px solid #dadada;border-radius:5px}.leave-forwarded_p{color:var(--faded_gray)}.leave-forwarded_message-p{padding-left:.5rem}.leave-forwarded_reason:nth-child(2){padding-bottom:1rem}.leave-application__desc{margin:10px 28px}.leave-application__attach{display:flex;align-items:center;border-bottom:1px dashed #dadada;padding:10px 5px 10px 0;gap:5px}.leave-application__round{width:18px;height:18px;border-radius:50%;background:#d9d9d959;position:relative;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}.leave-application__line{display:block;width:10px;background-color:#6d6d6d;height:2px}.leave-application__plus{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.leave-application__plus:before{content:"+";font-weight:500;font-size:14px;line-height:1}.leave-application__grey{cursor:pointer;-webkit-user-select:none;user-select:none}.leave-application__image{margin-top:10px;position:relative}.leave-application__image img{width:300px;height:450px}.leave-application__download{margin-top:10px;display:flex;justify-content:flex-start}.leave-application__download .download-btn{min-width:100px!important;height:32px!important;font-size:.875rem!important}.leave-application__buttons{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-top:10px}.leave-application__button{display:flex!important;width:120px!important;height:36px!important;margin:1.5rem 0 1rem!important;text-transform:capitalize!important;letter-spacing:1px!important;background:#e7e2f9!important;border:1px solid #6150a4!important;color:#6150a4!important}.bg-green{background:#e9eff6;border:1px solid #66b686;color:#66b686}.bg-red{background:#ecdedf;border:1px solid #d18484;color:#d18484}.bg-blue{background:#e7e2f9;border:1px solid #6150a4;color:#6150a4}.sec-button{margin-left:auto;margin-top:34px}.leave__request--info{width:100%;padding:1rem;border-radius:5px}.leave-application__from{display:flex;flex-direction:column}.leave_application_items{display:flex;align-items:baseline;gap:5px;line-height:24px;letter-spacing:1px}.leave__requestInfo--contents{width:35%;min-width:35%;position:relative}.leave__requestInfo--contents:after{content:":";position:absolute;top:0;right:10px}.leave-application__days{padding-block:1rem}.leave-application__check{margin-top:1rem;padding:10px}.leavelist_not_select{width:100%;height:490px;display:flex;align-items:center;justify-content:center;border-radius:5px;color:#6d6d6d}.leave-application--view{display:flex;flex-direction:column;margin-bottom:1rem}.leave-application__reason{width:100%}.leaveapply-list-area{width:100%;height:auto}.leave_history-btn{font-size:.9rem!important;padding-inline:1rem!important;letter-spacing:1px!important;text-transform:capitalize!important;border:1px solid #6299c1!important}.leave-request_top{display:flex;align-items:center;justify-content:space-between}.leavelist-box-content{display:flex;padding:8px;border-radius:5px;justify-content:space-between;border:1px solid #ababab;margin-bottom:10px}.info-label{font-weight:600;letter-spacing:1px;font-size:1.05rem}.leave-info{margin:5px 0;min-width:10%}.leavelist-box-content-row{display:flex;align-items:flex-start;padding:5px}.leavelist-box-content-head{min-width:120px;position:relative;margin-right:8px}.leavelist-box-content-head:after{position:absolute;content:":";right:0;top:50%;transform:translateY(-50%)}.leavelist-applied-date{min-width:120px;position:relative;margin-right:8px}.leavelist-applied-date:after{position:absolute;content:":";right:0;top:50%;transform:translateY(-50%)}.leavelist-button{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-top:10px}.leavelist-view-button{width:120px;background-color:#fefefe!important}.leavelist-accept-button{width:120px;color:var(--text-white)!important;background-color:var(--main-submit-clr)!important}.leavelist-reject-button{width:120px;color:var(--text-white)!important;background-color:#e14d2a!important}.forward-box{margin-top:10px}.review-text-area{display:flex;flex-direction:column;width:100%}.review-select-area{display:flex;flex-direction:column;width:50%}.review-text-area,.review-select-area label{font-size:1rem;letter-spacing:1px;padding-bottom:5px}.review-text-area textarea{width:100%;height:70px;font-size:1rem;font-family:Poppins;background-color:var(--main-bg-input);outline:none;border:none;align-items:center;padding:5px;border-radius:5px}.review-select-area select{width:100%;height:40px;font-size:1rem;font-family:Poppins;background-color:var(--main-bg-input);outline:none;border:none;align-items:center;padding:5px;border-radius:5px}.forward-submit-button{display:flex!important;width:120px!important;height:35px!important;margin:1.5rem 0 1rem!important;background-color:var(--main-submit-clr)!important;color:var(--text-white)!important;font-size:1rem!important;text-transform:capitalize!important;letter-spacing:1px!important}.leave-request-status{display:flex;gap:10px}.no_data_message,.no-data-message{text-align:center;padding-top:2rem;font-size:.9rem;letter-spacing:1px}@media(max-width:767px){.leavelist-box-content{display:flex;flex-direction:column}.leavelist-button{display:flex;align-items:center;justify-content:flex-start}}.leave__request--history{width:120px;height:30px;margin-top:1rem;margin-right:20px;font-size:.9rem;letter-spacing:1px;background-color:#dadada7e;color:var(--faded_gray);border-radius:5px;display:flex;justify-content:center;align-items:center;gap:5px}@media(max-width:540px){.leave__request--history{margin-bottom:10px;margin-right:0}}.employee-card{width:100%;display:flex;flex-direction:column;padding:1.5rem 2rem;position:relative;background:#ffffff80;border-radius:12px;-webkit-backdrop-filter:blur(13.9px);backdrop-filter:blur(13.9px);align-items:flex-start;transition:all .2s ease}.employee-card:hover{box-shadow:#0000001f 0 8px 24px;transform:translateY(-2px)}.card_header{display:flex;align-items:center;gap:1rem;grid-gap:1rem;width:100%;margin-bottom:1rem}.card_header-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1;min-height:100px;padding-left:4px}.employee-card_img{width:100px;height:100px;aspect-ratio:1;background-repeat:no-repeat;background-size:cover;background-position:center center;border-radius:100%;border:3px solid transparent;transition:all .3s ease;cursor:pointer}.employee-card_img:hover{box-shadow:0 0 0 2px #2424250b;transform:scale(1.05)}.employee_details{display:flex;flex-direction:column;gap:8px;width:100%}.desig-fontsize{font-size:clamp(.75rem,1.75vw,.9rem);margin:0 0 4px;color:#7f8c8d;font-weight:500;text-transform:capitalize;letter-spacing:.01em}@media screen and (min-width:960px){.employee-card_img{width:100px;height:100px}}.employee-card_h2{font-size:clamp(1rem,calc(.1rem + 1vw),1.25rem);margin:0 0 6px;font-weight:600;color:#2c3e50;line-height:1.3;letter-spacing:-.01em}.content{display:flex;align-items:center;gap:12px;font-size:14px;color:#5a6c7d;line-height:1.5;padding:2px 0}.content p{margin:0;word-break:break-word;font-weight:400;flex:1}.content svg{flex-shrink:0;color:#95a5a6}.verticle_round{cursor:pointer}.BU-filter{width:100%;display:flex;align-items:center;gap:.5rem}.designation-select>*{width:100%;font-size:.85rem}.designation-select *{border:none}.BU-filter_search{margin:0}.search-div input{font-size:.9rem}.card_details-skeleton *{width:100%}.search-width{width:32%}@media screen and (max-width:960px){.employee-card{align-items:center;padding:1.5rem 1rem}.employee-card_img{width:100px;height:100px;aspect-ratio:1}.card_header{gap:1rem;flex-direction:column;align-items:center;width:100%;margin-bottom:1rem}.employee-card_h2{font-size:clamp(1.1rem,calc(.4rem + 1vw),1.3rem);text-align:center;margin:0 0 4px}.desig-fontsize{text-align:center;margin-bottom:8px}.content{font-size:clamp(.85rem,calc(.2rem + 1vw),1rem);justify-content:flex-start;text-align:left}.content p{text-align:left}.card_header-content{text-align:center;align-items:center;margin-bottom:8px;min-height:auto;padding-left:0}.employee_details{width:100%;align-items:flex-start}.employee__dropdown{top:.75rem;right:.75rem}}@media screen and (max-width:767px){.employee-card{width:100%;align-items:center;margin-inline:auto}.employee-card_h2{font-size:clamp(1.2rem,calc(.6rem + 1vw),1.4rem)}.desig-fontsize{font-size:clamp(.8rem,1.75vw,1rem)}.content{font-size:clamp(.9rem,calc(.4rem + 1vw),1.1rem)}.content p{text-align:left}}@media screen and (max-width:540px)and (min-width:376px){.card_header{display:flex}.employee-card_h2{text-align:left}.employee-card_img{width:100px;height:100px}.details{width:100%;display:grid;grid-template-columns:1fr 2fr}.employee_details-mobile{display:flex;flex-direction:column;gap:5px}}@media screen and (max-width:480px){.content{font-size:calc(.5rem + 1vw)}.BU-filter{display:flex;flex-direction:column;align-items:flex-start}}@media screen and (max-width:376px){.card_header{display:flex;flex-direction:column;gap:0;align-items:center;width:90%}}@media screen and (max-width:1025px)and (min-width:767px){.employee-card{width:100%}}.employee__dropdown{position:absolute;top:1rem;right:1rem;z-index:5}.employee__dropdown--card{display:flex;align-items:center;justify-content:center;width:32px;height:32px;cursor:pointer;border-radius:6px;transition:all .2s ease;background-color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.employee__dropdown--card:hover{background-color:#fffffff2;box-shadow:0 2px 8px #0000001a}.dropdown_container{width:140px;position:absolute;top:36px;right:0;z-index:1000;box-shadow:0 8px 24px #00000026;border-radius:8px;overflow:hidden;background-color:#fff;border:1px solid rgba(0,0,0,.08)}.employee__dropDown--content{width:100%;display:flex;align-items:flex-start;flex-direction:column;background-color:#fff;font-family:var(--main-family);border-radius:8px;padding:8px 8px 4px}.employee__dropDown--btn{width:100%;height:35px;display:flex;align-items:center;margin-bottom:3px;cursor:pointer;border-radius:5px;transition:background-color .2s ease}.employee__dropDown--btn:hover{background-color:#919eab14}.employee__dropDown--bottom-line{border-bottom:1px solid #dadada;margin-bottom:5px;width:100%}@media screen and (max-width:767px){.employee__dropdown{top:.5rem;right:.5rem}.employee__dropdown--card{width:28px;height:28px}.dropdown_container{width:120px;right:0;top:32px}}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem}.pagination-controls__nav-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid #e5e7eb;border-radius:50%;background-color:#fff;color:#6b7280;cursor:pointer;transition:all .2s ease-in-out;font-size:.75rem;font-weight:500}.pagination-controls__nav-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#e5e7eb;color:#6b7280}.pagination-controls__nav-button:disabled{background-color:#f9fafb;color:#d1d5db;cursor:not-allowed;border-color:#f3f4f6}.pagination-controls__pages{display:flex;align-items:center;gap:.25rem}.pagination-controls__page-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid #e5e7eb;border-radius:50%;background-color:#fff;color:#6b7280;cursor:pointer;transition:all .2s ease-in-out;font-size:.75rem;font-weight:500}.pagination-controls__page-button:hover{background-color:#f5f5f5;border-color:#e5e7eb;color:#6b7280}.pagination-controls__page-button--active{background-color:#aeaeae;border-color:#aeaeae;color:#fff;box-shadow:0 2px 8px #7f8c8d4d}.pagination-controls__page-button--active:hover{background-color:#aeaeae;border-color:#5a6c7d;color:#fff}.pagination-controls__ellipsis{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:#9ca3af;font-weight:500;font-size:.75rem;-webkit-user-select:none;user-select:none}@media(max-width:640px){.pagination-controls{gap:.25rem}.pagination-controls__nav-button,.pagination-controls__page-button,.pagination-controls__ellipsis{width:1.75rem;height:1.75rem;font-size:.625rem}}.employee-card_align-bottom{padding-bottom:3rem}.employee__cards{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(30%,1fr));justify-content:center;gap:1rem;margin:.5rem auto 1.5rem}.employee__cards--container{margin:0 auto 2rem}.BU-page_filter{z-index:10;margin:.5rem auto 2rem;padding:.5rem;position:sticky;width:100%}.BU-filter_search{border-radius:5px;width:30%;height:50px;padding:10px}.designation-select{height:50px;display:flex;justify-content:center}@media screen and (max-width:960px){.employee__cards{margin-bottom:1rem}.BU-filter_search{width:60%}}@media screen and (max-width:767px){.employee__cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media screen and (max-width:540px){.employee__cards{grid-template-columns:repeat(auto-fit,minmax(255px,1fr))}}@media screen and (max-width:1025px)and (min-width:767px){.employee__cards{grid-template-columns:repeat(2,1fr)}}.select__value-container.css-1fdsijx-ValueContainer{height:1.2rem}.create__leaveallocation--data{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:10px}.create__leaveallocation--add{width:100%;display:flex;align-items:center;gap:1rem;font-size:.9rem}.create__leaveallocation--dropdown{width:350px;border-radius:5px}.create__leaveallocation--dropdown-year{width:150px;border-radius:5px}.create__leaveallocation--employeeId{display:flex;align-items:center;font-size:.9rem}.create__leaveallocation_personal_leave--details{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;padding:10px}@media screen and (max-width:768px){.create__leaveallocation_personal_leave--details{grid-template-columns:1fr}}.create__leaveallocation--container{width:100%;height:auto;margin-bottom:2rem;border-radius:5px}.create__leaveallocation--data{margin-bottom:1rem}.create__leaveallocation--add{display:flex;flex-direction:row;align-items:center;gap:15px;margin-bottom:10px}.create__leaveallocation--add>div:first-child{flex:0 0 auto}.create__leaveallocation--add>div:first-child p{margin:0;font-weight:500}.create__leaveallocation--dropdown-year{flex:0 0 200px}.create__leaveallocation_personal_leave--details{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;padding:10px}.create__leaveallocation_personal_leave--details>div{width:100%}@media screen and (max-width:768px){.create__leaveallocation--add{flex-direction:column;align-items:flex-start}.create__leaveallocation--dropdown-year{width:100%;flex:none}.create__leaveallocation_personal_leave--details{grid-template-columns:1fr}}.create__compoff-container{width:100%;height:auto;margin-bottom:2rem;border-radius:5px}.employee-personal-data{margin-bottom:1rem}.employee-leave-add{display:flex;flex-direction:row;gap:10px;flex-wrap:wrap}.compensation-leave-dropdown,.compensation-leave-dropdown-year,.compensation-leave-dropdown-leave{flex:1;min-width:200px;padding:10px;margin-bottom:5px}.employee-data{padding:10px;margin-bottom:10px}.employee-data p{font-size:.9rem;margin:0}.employee-compensationLeave-data{display:flex;flex-direction:column}.compensation-leave-btn{padding:10px}.textarea-width-half{width:50%}@media screen and (max-width:768px){.employee-leave-add{flex-direction:column}.compensation-leave-dropdown,.compensation-leave-dropdown-year,.compensation-leave-dropdown-leave{width:100%;flex:none}}.select-field-wrapper{width:100%;display:flex;flex-direction:column;padding:10px;margin-bottom:5px}.form-rightside .select-field-wrapper{width:50%}.select-field-wrapper label{font-size:.9rem;letter-spacing:1px;padding-bottom:5px}.select-field-wrapper .required-indicator{color:red;padding-left:3px}.select-field-wrapper select{width:100%;height:40px;font-size:.9rem;font-family:var(--main-family);background-color:transparent;outline:none;border:none;align-items:center;padding:5px;border-radius:5px;border:1px solid #dadada;cursor:pointer}.select-field-wrapper select:disabled{background-color:#f5f5f5!important;cursor:not-allowed;opacity:.6}.select-field-wrapper select:focus{border-color:var(--main-submit-clr, #007bff)}.select-field-wrapper .error-message{color:red;font-size:.8rem;margin-top:4px}@media screen and (max-width:868px){.select-field-wrapper{width:100%}}.create__holiday--container{width:50%;height:auto;margin-bottom:2rem;border-radius:5px}@media screen and (max-width:540px){.create__holiday--container{width:100%}.form-field{width:100%!important}}.create__workingday-container{width:100%;height:auto;margin-bottom:2rem;border-radius:5px}.form-field{width:50%;display:flex;flex-direction:column;padding-block:10px;margin-bottom:5px}.edit__holiday--container{width:50%;height:auto;margin-bottom:2rem;border-radius:5px}.form-field{width:100%;display:flex;flex-direction:column;padding:10px;margin-bottom:5px}.form-field label{font-size:.9rem;letter-spacing:1px;padding-bottom:5px}.form-field .custom-antd-datepicker{width:100%;height:40px}.button-group{display:flex;gap:10px;padding:10px;margin-top:10px}@media screen and (max-width:540px){.form-field{width:100%}}@media screen and (max-width:868px){.form-field{width:65%}}.calender__box{display:flex;align-items:baseline;flex-wrap:wrap;gap:2rem;margin-top:1rem;margin-bottom:2rem}.calender__card{width:30%;min-height:350px;background:#ffffff1c;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:8px;padding:1rem}.calender__head{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:5px;border-bottom:1px solid #dadada}.calender__events{width:100%;height:50px;display:flex;align-items:center;gap:10px;margin:10px auto;border-radius:5px}.calender__events-date{min-width:50px;font-size:1.3rem;font-weight:600;letter-spacing:1px;color:#999;border-right:1px solid #dadada;padding-inline:10px}.calender__events-day{min-width:50px;font-size:.75rem;padding-inline:10px;color:#999;border-right:1px solid #dadada}.calender__events-name{font-size:.9rem}.calender__card.highlighted{background-color:#fff}@media(max-width:767px){.calender__box{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;margin-bottom:2rem}.calender__card{width:100%;min-height:350px;border-radius:10px;padding:1rem}}@media screen and (max-width:1025px)and (min-width:767px){.calender__box{display:grid;grid-template-columns:repeat(2,1fr)}.calender__card{width:100%}}.dropdown-clander-style{width:100px}.dropdown-bu-style{width:200px}.calender-year_select{padding-top:10px;display:flex;align-items:center;justify-content:space-between}.year_select{margin-right:4%;display:flex;gap:12px;align-items:center}.year_select select{text-align:center;width:70px;height:40px;border:1px solid #dadada;outline:none;border-radius:8px;background:none;letter-spacing:1px;font-size:.9rem;font-family:var(--main-family)}.attendances-container{display:flex;align-items:center;width:100%;height:40px;margin-top:1rem;margin-bottom:1rem;position:relative}.zindex99{z-index:99}.attendance_item_list{display:flex;align-items:center;justify-content:center;width:180px;height:65px;gap:15px;padding:10px 9px;border-radius:8px;box-shadow:#0000001a 0 1px 3px,#0000000f 0 1px 2px;backdrop-filter:blur(17.9px);-webkit-backdrop-filter:blur(17.9px)}.attendances-details-box{display:flex;align-items:center;gap:2rem}.attendances-details{display:flex;align-items:center;gap:10px}.attendances-item-details{display:flex;flex-direction:column;gap:1px}@media screen and (max-width:480px){.attendances-details-box{width:100%;display:grid;grid-template-columns:repeat(2,1fr);place-items:center;margin-top:168px;gap:1rem}.attendance_item_list{width:100%}.this-item{position:relative;z-index:-1}.zindex99{z-index:0}}@media screen and (min-width:768px)and (max-width:960px){.attendances-details-box{width:100%;display:grid;grid-template-columns:repeat(3,1fr);place-items:center;margin-top:100px;gap:1rem}.this-item{position:relative;z-index:-1}}@media screen and (min-width:481px)and (max-width:767px){.attendances-details-box{width:100%;display:grid;grid-template-columns:repeat(2,1fr);place-items:center;margin-top:170px}}@media screen and (min-width:1024px)and (max-width:1199px){.attendance_item_list{width:140px;padding:6px 0;font-size:14px}.attendances-details-box{gap:1rem}}.attendance-page-header{width:100%;display:flex;align-items:center;justify-content:space-between}.attendance_icon_wrapper{width:35px;height:35px;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;border-radius:8px}.attendance-header-container{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1rem}.attendance-date-picker-section{display:flex;align-items:center}.attendance-date-picker{width:200px;height:40px}.attendance-metrics-container{display:flex;gap:1rem;flex-wrap:wrap}.attendance-metric-card{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #f1f5f9;min-width:180px;flex:1}.metric-icon-wrapper{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon-wrapper.total-time{background-color:#dbeafe;color:#3b82f6}.metric-icon-wrapper.late-by{background-color:#fee2e2;color:#ef4444}.metric-icon-wrapper.first-login{background-color:#dbeafe;color:#3b82f6}.metric-icon-wrapper.last-logout{background-color:#fed7aa;color:#f97316}.metric-icon-wrapper.break-time{background-color:#f3e8ff;color:#8b5cf6}.metric-content{display:flex;flex-direction:column;gap:2px}.metric-label{font-size:12px;color:#64748b;font-weight:500;margin:0}.metric-value{font-size:16px;color:#1e293b;font-weight:600;margin:0}.attendance-header-loading{height:120px;background:#f8fafc;border-radius:12px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media screen and (max-width:768px){.attendance-header-container{gap:1rem}.attendance-metrics-container{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.attendance-metric-card{min-width:unset;padding:12px 16px}.metric-icon-wrapper{width:36px;height:36px}.metric-value{font-size:14px}.attendance-date-picker{width:100%;max-width:200px}}@media screen and (max-width:480px){.attendance-metrics-container{grid-template-columns:1fr}.attendance-metric-card{padding:14px 16px}}.attendance_report_function{display:flex;align-items:center;gap:1rem;padding-bottom:10px;position:relative;z-index:6}.attendance__report--select{width:300px}.attendance__report--date{padding-right:10px;position:relative}@media screen and (max-width:1025px){.attendance_report_function{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.attendance__report--select,.attendance_report_mob-view{width:100%}}.attendance__report--layout{display:flex;align-items:center;justify-content:space-between;gap:10px}.csv-Download{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background-color:#e6f0fa;color:#3178c6;cursor:pointer;box-shadow:0 2px 6px #0000001a}.csv-Download:hover{background-color:#d0e7fa;color:#245d9c;box-shadow:0 4px 12px #00000026}.csv-Download:active{box-shadow:0 2px 8px #0003}.employee-report__multiselect-wrapper{width:100%;max-width:300px;min-width:200px}@media screen and (max-width:768px){.employee-report__multiselect-wrapper{max-width:100%;min-width:150px}}@media screen and (max-width:480px){.employee-report__multiselect-wrapper{min-width:100%}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%;position:relative;animation:slideUp .3s ease-out;overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close-btn{position:absolute;top:16px;right:16px;background:transparent;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#6b7280;transition:all .2s ease;z-index:10}.modal-close-btn:hover{background-color:#f3f4f6;color:#111827}.modal-header-section{padding:16px 24px;text-align:center}.modal-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background-color:#fee2e2;color:#dc2626;margin-bottom:12px;font-size:1.5rem}.modal-title{margin:0;font-weight:600;color:#111827;line-height:1.4}.modal-content-section{padding-inline:2rem;padding-block:1.2rem}.edit-modal-input{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;font-family:var(--main-family);margin-bottom:16px;outline:none;transition:all .2s ease;box-sizing:border-box;background-color:#fff}.edit-modal-input::placeholder{color:#9ca3af}@media(max-width:767px){.modal-overlay{padding:16px}.modal-container{border-radius:10px}.modal-close-btn{top:12px;right:12px}.modal-header-section{padding:20px 20px 16px}.modal-icon-wrapper{width:40px;height:40px;font-size:1.25rem;margin-bottom:10px}.modal-title{font-size:1.125rem}.modal-content-section{padding:20px}.edit-modal-input{font-size:.875rem;padding:.5rem .75rem}}.modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.modal-buttons .confirm-button,.modal-buttons .cancel-button{padding:.5rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-family:var(--main-family);width:100px;min-width:80px}.modal-buttons .confirm-button{background-color:#dc2626;color:#fff}.modal-buttons .confirm-button:hover{background-color:#b91c1c}.modal-buttons .cancel-button{background-color:#f3f4f6;color:#374151}.modal-buttons .cancel-button:hover{background-color:#e5e7eb}@media(max-width:767px){.modal-buttons{gap:10px}.modal-buttons .confirm-button,.modal-buttons .cancel-button{padding:.45rem 1rem;font-size:.875rem;min-width:70px}}.organization-structure-container{width:100%}.organization-content{display:flex;flex-direction:row;gap:2rem}.organization-table-wrapper{width:100%;overflow-x:auto}.table-header-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.table-header-actions .search-tab{max-width:200px;width:100%;flex-shrink:1}.create-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#e8f4fd,#ddeefb);color:#4a90e2;border-radius:8px;font-size:.9rem;font-weight:500;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a;white-space:nowrap;flex-shrink:0}.create-button:hover{background:linear-gradient(135deg,#ddeefb,#c8e4f8);border-color:#7bb3e8}.table-item-icon{color:var(--highlight-text-blue);flex-shrink:0}.table-action-buttons{display:flex;align-items:center;justify-content:center;gap:8px}.error-message-warning{padding:12px 16px;margin-bottom:16px;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:.9rem;font-weight:500}.delete-error-message{color:#c33;font-weight:600;font-size:1rem;line-height:1.5}@media(max-width:1024px){.organization-content{flex-direction:column;gap:2rem}}@media(max-width:768px){.table-header-actions{flex-direction:column;gap:10px;align-items:stretch;width:100%}.table-header-actions .search-tab{max-width:100%;width:100%}.create-button{width:100%;justify-content:center}.organization-table-wrapper .table-container th:first-child,.organization-table-wrapper .table-container td:first-child{width:40px;min-width:40px}.organization-table-wrapper .table-container th:nth-child(2),.organization-table-wrapper .table-container td:nth-child(2){width:auto;min-width:120px}.organization-table-wrapper .table-container th:last-child,.organization-table-wrapper .table-container td:last-child{width:80px;min-width:80px}.table-action-buttons{gap:4px}}@media(max-width:480px){.organization-content{gap:1.5rem}.table-header-actions{gap:8px}.table-header-actions .search-tab{width:100%}.create-button{padding:8px 16px;font-size:.85rem}.organization-table-wrapper .table-container th,.organization-table-wrapper .table-container td{padding:10px 6px}.organization-table-wrapper .table-container th:first-child,.organization-table-wrapper .table-container td:first-child{width:35px;min-width:35px;padding:10px 4px}.organization-table-wrapper .table-container th:nth-child(2),.organization-table-wrapper .table-container td:nth-child(2){min-width:100px;padding-left:8px;padding-right:8px}.organization-table-wrapper .table-container th:last-child,.organization-table-wrapper .table-container td:last-child{width:70px;min-width:70px;padding:10px 4px}.table-action-buttons{gap:2px}.table-edit-button,.table-delete-button{padding:4px}.table-edit-button svg,.table-delete-button svg{width:16px;height:16px}}@media(max-width:767px){.BU-page{padding:10px!important}.styled-table{font-size:.8rem}.styled-table th,.styled-table td{padding:8px 5px}}.password-strength-meter{margin-top:6px;margin-bottom:6px}.strength-bars{display:flex;gap:4px;margin-bottom:4px}.strength-bar{height:4px;flex:1;border-radius:2px;transition:background-color .3s ease}.strength-label{font-size:.7rem;font-weight:500;letter-spacing:.3px;transition:color .3s ease}.password-outer-style{display:flex;flex-direction:column}.password-input-style{display:flex;align-items:center;gap:.5rem;width:40%;min-width:350px;height:40px;padding:5px;border:1px solid #dadada;border-radius:5px}.password-outer-style label{font-size:.82rem;letter-spacing:1px;padding-bottom:10px}.password-input-style input{width:100%;height:40px;font-size:.9rem;letter-spacing:1px;font-family:var(--main-family);background-color:transparent;outline:none;border:none;align-items:center;border-radius:5px}.password-outer-style .password-strength-meter{width:40%;min-width:350px}@media screen and (max-width:457px){.password-input-style{width:100%}.password-outer-style .password-strength-meter{width:100%;min-width:unset}}.password-page-area{width:100%;height:auto;margin-bottom:1rem;padding:0rem .5rem 1rem}.password-message{font-size:.7rem;width:40%;letter-spacing:.3px;padding:0 0 2rem;color:#9a9a9a}.password-feild{margin-bottom:1.5rem}@media(max-width:767px){.password-message{width:90%}}@media screen and (max-width:457px){.password-message{width:100%}}.cb-modern-container{display:flex;flex-direction:column;border:1px solid #e2e8f0;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 2px 8px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:300px}.cb-fullscreen{position:fixed;inset:0;z-index:1000;border-radius:0;min-height:100vh}.cb-modern-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cb-toolbar-section{display:flex;align-items:center;gap:8px}.cb-toolbar-group{display:flex;align-items:center;gap:2px;padding:2px;background:#ffffffb3;border-radius:8px;border:1px solid rgba(226,232,240,.6)}.cb-modern-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:#64748b;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.cb-modern-btn:hover:not(.cb-btn-disabled){background:#3b82f61a;color:#3b82f6;transform:translateY(-1px)}.cb-modern-btn:active:not(.cb-btn-disabled){transform:translateY(0);background:#3b82f626}.cb-btn-active{background:#3b82f6!important;color:#fff!important;box-shadow:0 2px 8px #3b82f64d}.cb-btn-disabled{opacity:.4;cursor:not-allowed}.cb-color-picker-container{position:relative}.cb-modern-color-picker{position:absolute;top:calc(100% + 4px);right:0;z-index:1001;display:grid;grid-template-columns:repeat(8,1fr);gap:6px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0000001f;animation:slideDown .3s cubic-bezier(.4,0,.2,1);width:280px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cb-color-swatch{width:24px;height:24px;border:2px solid #ffffff;border-radius:4px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #0000001f}.cb-color-swatch:hover{transform:scale(1.1);box-shadow:0 4px 16px #00000040}.cb-content-area{display:flex;flex:1;min-height:0}.cb-view-split .cb-content-area{display:grid;grid-template-columns:1fr 1fr}.cb-view-editor .cb-content-area,.cb-view-preview .cb-content-area{display:block}.cb-view-editor .cb-preview-panel,.cb-view-preview .cb-editor-panel{display:none}.cb-editor-panel,.cb-preview-panel{display:flex;flex-direction:column;min-height:0;border-right:1px solid #f1f5f9}.cb-preview-panel{border-right:none;border-left:1px solid #f1f5f9}.cb-panel-header{padding:8px 16px;background:#f8fafccc;border-bottom:1px solid #f1f5f9}.cb-panel-title{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:6px}.cb-modern-editor{flex:1;border:none;padding:16px;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6;outline:none;background:#fff;cursor:text;color:#1e293b;resize:none;overflow-y:auto}.cb-modern-editor:empty:before{content:attr(placeholder);color:#94a3b8;pointer-events:none;font-style:italic}.cb-modern-editor:focus{background:#fefefe}.cb-modern-preview{flex:1;padding:16px;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;overflow-y:auto;line-height:1.6;font-size:14px;color:#1e293b}.cb-preview-text{white-space:pre-line;margin:0}.cb-preview-empty{color:#94a3b8;font-style:italic;font-size:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;height:120px;text-align:center}@media(max-width:768px){.cb-view-split .cb-content-area{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.cb-modern-toolbar{padding:8px 16px;flex-wrap:wrap;gap:8px}.cb-toolbar-section{gap:8px}.cb-modern-btn{width:36px;height:36px}.cb-modern-editor,.cb-modern-preview{padding:16px}}@media(max-width:480px){.cb-toolbar-group{gap:2px;padding:2px}.cb-modern-btn{width:32px;height:32px}.cb-modern-color-picker{padding:12px;gap:6px}.cb-color-swatch{width:28px;height:28px}}.cb-toolbar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;position:relative}.cb-toolbar-group{display:flex;align-items:center;gap:4px}.cb-toolbar-divider{width:1px;height:24px;background:#e2e8f0;margin:0 4px}.cb-toolbar-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative}.cb-toolbar-btn:hover:not(.cb-toolbar-btn--disabled){background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.cb-toolbar-btn:active:not(.cb-toolbar-btn--disabled){background:#e2e8f0;transform:translateY(0);box-shadow:inset 0 2px 4px #0000001a}.cb-toolbar-btn--disabled{opacity:.4;cursor:not-allowed;background:#f8fafc}.cb-color-picker{position:absolute;top:100%;right:16px;z-index:10;display:flex;gap:6px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #00000026;animation:slideDown .2s ease}.cb-color-option{width:28px;height:28px;border:3px solid #ffffff;border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0003}.cb-color-option:hover{transform:scale(1.15);box-shadow:0 4px 8px #0000004d}.cb-editor{border:none;border-radius:0;padding:20px;min-height:180px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.6;outline:none;background:#fff;cursor:text;color:#334155;resize:none}.cb-editor:empty:before{content:attr(placeholder);color:#94a3b8;pointer-events:none}.cb-editor:focus{background:#fefefe}.cb-preview{border:1px solid #e1e5e9;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 2px 8px #0000000a}.cb-preview-header{padding:12px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.cb-preview-title{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center}.cb-preview-content{padding:20px;min-height:180px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;line-height:1.6;font-size:15px;color:#334155}.cb-heading{font-size:20px;font-weight:700;margin:16px 0 12px;color:#1e293b;line-height:1.3;display:block}.cb-paragraph{font-size:15px;line-height:1.7;margin:8px 0;color:#334155;display:block}.cb-bold{font-weight:700}.cb-italic{font-style:italic}.cb-card{border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin:16px 0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);box-shadow:0 2px 8px #0000000f;transition:all .2s ease;display:block}.cb-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-1px)}.cb-color-000000{color:#000}.cb-color-333333{color:#333}.cb-color-666666{color:#666}.cb-color-999999{color:#999}.cb-color-2563eb{color:#2563eb}.cb-color-dc2626{color:#dc2626}.cb-color-059669{color:#059669}.cb-color-d97706{color:#d97706}.cb-color-7c3aed{color:#7c3aed}.cb-color-be185d{color:#be185d}.cb-color-25a37a{color:#25a37a}.cb-color-ff0066{color:#f06}.toast{position:fixed;top:20px;right:20px;min-width:300px;max-width:500px;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:9999;animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.toast-message{flex:1;font-size:.9rem;line-height:1.4}.toast-close{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s;flex-shrink:0}.toast-close:hover{background-color:#0000001a}.toast-error{background-color:#f44336;color:#fff}.toast-error .toast-close{color:#fff}.toast-error .toast-close:hover{background-color:#fff3}.toast-success{background-color:#4caf50;color:#fff}.toast-success .toast-close{color:#fff}.toast-success .toast-close:hover{background-color:#fff3}.toast-warning{background-color:#ff9800;color:#fff}.toast-warning .toast-close{color:#fff}.toast-warning .toast-close:hover{background-color:#fff3}.toast-info{background-color:#2196f3;color:#fff}.toast-info .toast-close{color:#fff}.toast-info .toast-close:hover{background-color:#fff3}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.employee-engagement{display:flex;flex-direction:column;gap:1rem;position:relative}.employee-engagement__header{display:flex;justify-content:flex-end;align-items:center}.employee-engagement__content{gap:2rem;align-items:flex-start}.employee-engagement__form-section{flex:1;display:flex;flex-direction:column;gap:1.5rem;min-width:0}.employee-engagement__preview-section{width:150px;flex-shrink:0}.employee-engagement__template-preview{width:100%;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:transparent;box-shadow:0 1px 3px #0000001a}.template-preview__image{width:100%;height:auto;display:block;object-fit:cover}.employee-engagement__field{width:100%;display:flex;flex-direction:column;gap:.5rem}.employee-engagement__label{font-size:.9rem;font-weight:500;color:var(--text-black)}.employee-report__multiselect-wrapper{width:100%}.employee-engagement__radio-group{display:flex;gap:1.5rem}.radio-option{display:flex;align-items:center;gap:.5rem;cursor:pointer}.radio-option input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-red)}.radio-option span{font-size:.9rem;color:var(--text-black)}.radio-option.active span{color:var(--primary-red);font-weight:500}.employee-engagement__actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}@media screen and (max-width:1024px){.employee-engagement__content{gap:1.5rem}.employee-engagement__preview-section{width:130px}}@media screen and (max-width:768px){.employee-engagement{gap:1rem}.employee-engagement__content{flex-direction:column;gap:1rem}.employee-engagement__preview-section{width:100%;max-width:180px;margin:0 auto}.employee-engagement__field,.employee-report__multiselect-wrapper{width:100%}.employee-engagement__actions{gap:.5rem}}@media screen and (max-width:480px){.employee-engagement,.employee-engagement__content{gap:1rem}.employee-engagement__form-section{gap:1rem;width:100%}.employee-engagement__field,.employee-report__multiselect-wrapper{width:100%}.employee-engagement__preview-section{max-width:100%;width:100%}.template-preview__image{max-height:400px;object-fit:contain}.employee-engagement__label{font-size:.875rem}.employee-engagement__radio-group{gap:1rem}.radio-option span{font-size:.875rem}.employee-engagement__actions{flex-direction:column-reverse;gap:.5rem}.employee-engagement__actions button{width:100%}}@media screen and (max-width:360px){.employee-engagement,.employee-engagement__form-section{gap:.75rem}.employee-engagement__label{font-size:.813rem}.radio-option input[type=radio]{width:16px;height:16px}.radio-option span{font-size:.813rem}}.announcement-container{display:flex;height:calc(100vh - 100px);background-color:#f8f9fa;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000000d;margin:20px;font-family:Inter,sans-serif}.announcement-list{flex:0 0 350px;background-color:#fff;border-right:1px solid #e9ecef;overflow-y:auto;display:flex;flex-direction:column}.announcement-list-header{padding:20px;border-bottom:1px solid #e9ecef;background-color:#fff;position:sticky;top:0;z-index:10}.announcement-list-header h2{margin:0;font-size:1.2rem;color:#343a40;font-weight:600}.announcement-item{padding:20px;border-bottom:1px solid #f1f3f5;cursor:pointer;transition:all .2s ease;position:relative}.announcement-item:hover{background-color:#f8f9fa}.announcement-item.active{background-color:#e7f5ff;border-left:4px solid #007bff}.announcement-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.announcement-sender{font-weight:600;color:#212529;font-size:.95rem}.announcement-date{font-size:.75rem;color:#868e96}.announcement-preview{font-size:.85rem;color:#495057;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.announcement-details{flex:1;background-color:#fff;padding:40px;overflow-y:auto;display:flex;flex-direction:column}.details-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#adb5bd;font-size:1.1rem;flex-direction:column;gap:10px}.detail-header{margin-bottom:30px;border-bottom:1px solid #f1f3f5;padding-bottom:20px}.detail-meta{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px}.detail-sender{font-size:1.1rem;font-weight:700;color:#343a40}.detail-type{display:inline-block;padding:4px 12px;background-color:#e7f5ff;color:#1971c2;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-time{color:#868e96;font-size:.85rem;margin-top:5px}.detail-content{font-size:1rem;line-height:1.6;color:#212529;background-color:#f8f9fa;padding:25px;border-radius:8px;margin-bottom:30px}.recipients-section h3{font-size:.9rem;text-transform:uppercase;color:#868e96;letter-spacing:1px;margin-bottom:15px}.recipient-chip{display:inline-flex;align-items:center;padding:6px 12px;background-color:#f1f3f5;border-radius:20px;margin-right:10px;margin-bottom:10px;font-size:.85rem;color:#495057}.recipient-avatar{width:24px;height:24px;background-color:#dee2e6;border-radius:50%;margin-right:8px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:#495057}.dashboard-date-display{color:#a9a9a9;letter-spacing:1px}.dashboard-list-page{width:100%;display:flex;justify-content:space-around}.dashboard-item-left{width:100%}.dashboard-item-right{flex-basis:30%}.dashboard-card-wrap{width:100%;display:flex;align-items:center;gap:1rem;margin:1rem 0}.dashboard-card-items{display:flex;justify-content:space-between;align-items:flex-start;width:30%;min-height:120px;border-radius:8px;padding:24px;backdrop-filter:blur(17.9px);-webkit-backdrop-filter:blur(17.9px)}.dashborad-text{color:#000;font-weight:500;margin-bottom:12px}.dashboard-svg{background-color:#ffedd5;border-radius:12px;height:36px;width:36px;font-size:18px;display:flex;justify-content:center;align-items:center;flex-shrink:0}#svg-blue{background-color:#dbeafe}#svg-purple{background-color:#f3e8ff}#svg-green{background-color:#dcfce7}#orange-bg{background-color:#fff7ed}#blue-bg{background-color:#cfe0f7}#purple-bg{background-color:#faf5ff}#green-bg{background-color:#f0fdf4}.dashboard-card-details{display:flex;flex-direction:column;font-size:1rem;flex:1}.dashboard-total{font-weight:700;color:#1f2937;line-height:1}.Holiday-wrap{width:100%;margin-top:1rem;border-radius:8px;overflow:hidden}.Holiday-wrap-head{display:flex;align-items:center;justify-content:space-between;width:100%;height:45px;border-radius:8px 8px 0 0;padding:10px;font-size:1.1rem;font-weight:600;letter-spacing:1px;background:#ffffff17;backdrop-filter:blur(17.9px);-webkit-backdrop-filter:blur(17.9px)}.viewall-btn{font-size:12px;letter-spacing:.5px;padding:5px 12px;background-color:#f9fafb;border-radius:8px;color:gray}.dashboard_onleave-today{width:100%;margin-top:1rem;border-radius:8px;backdrop-filter:blur(17.9px);-webkit-backdrop-filter:blur(17.9px);overflow:hidden}.dashboard-left-outer{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.dashboard-left-inner{display:flex;flex-direction:column;width:64%}.teammate{width:35%}.teammate_inner{width:100%;padding:10px;border-radius:8px}.teammate-header{text-align:left;margin-bottom:1.5rem}.teammate-profile-centered{display:flex;flex-direction:column;align-items:center;justify-content:center}.teammate-img-bordered{height:120px;width:120px;border-radius:50%;margin-bottom:1rem}.teammate-img-bordered img{width:100%;height:100%;border-radius:50%;aspect-ratio:1;object-fit:cover;background-repeat:no-repeat;background-size:cover;background-position:center center}.teammate-info-centered{text-align:center}.teammate-name{font-size:1.25rem;font-weight:600;margin-bottom:.25rem;color:#1f2937}.teammate-designation{color:#9ca3af;font-size:.95rem}.teammate-profile{display:flex;align-items:center;justify-content:flex-start;gap:20px;margin:1rem 0}.teammate-profile svg{font-size:60px}.teammate-details{display:flex;justify-content:start;align-items:center;gap:6px;margin:12px 0}.teammate-details p{color:#6b7280}.teammate-img{height:80px;width:80px}.teammate-img img{width:100%;height:100%;border-radius:100%;aspect-ratio:1;background-repeat:no-repeat;background-size:cover;background-position:center center}.dashboard_marginview{margin-bottom:4rem}.dashboard_onleave-today-pending{width:100%;border-radius:8px;backdrop-filter:blur(17.9px);-webkit-backdrop-filter:blur(17.9px);overflow:hidden;margin-bottom:1rem}.onLeave-card-list{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap;padding:0 10px 10px}.onLeave-card-lists{display:grid;grid-template-columns:repeat(2,1fr);padding:10px;gap:10px}.onLeaveCardItem{width:100%;border:1px solid rgba(0,0,0,.05);border-radius:5px;padding:10px}.onLeaveCardItem h4{text-align:left}.onLeave-inner,.onLeave-dept{padding:4px 7px;border-radius:5px}.onLeave-profile img{border-radius:50%}.text-greay{color:#6b7280}.dashboard_onleave-inner-wrap{min-height:75px;max-height:220px;overflow-y:auto}.onLeave-card{width:49%;padding:10px;border-radius:5px;background:#ffffff21;backdrop-filter:blur(17.9px);-webkit-backdrop-filter:blur(17.9px);border:1px solid rgba(0,0,0,.05)}.onLeaveCardlistitem{display:flex;justify-content:space-between}.onLeave-message{padding-top:10px;text-align:center}.Holiday-inner-wrap{width:100%;height:auto;padding:10px;background:#ffffff17;backdrop-filter:blur(17.9px);-webkit-backdrop-filter:blur(17.9px);border-radius:0 0 8px 8px;overflow-y:auto}.Holiday-date-list-box{width:100%;padding:10px;border-radius:5px;background:#ffffff21;background-size:cover;opacity:.8;backdrop-filter:blur(17.9px);-webkit-backdrop-filter:blur(17.9px);margin-bottom:10px;border:1px solid rgba(0,0,0,.05)}.Holiday-date-display{display:flex;align-items:flex-end;gap:5px}.Holiday-date-display p{color:#5e5e5e}.Holiday-details-display{display:flex;justify-content:space-between;align-items:baseline;font-size:.9rem;padding-top:5px}.holiday_bu-name{font-size:.8rem}.workingday-wrap{width:100%;border-radius:8px;overflow:hidden}.workingday-wrap-head{display:flex;align-items:center;justify-content:space-between;width:100%;height:45px;border-radius:8px 8px 0 0;padding:10px;font-size:1.1rem;font-weight:600;letter-spacing:1px;background:#ffffff17;backdrop-filter:blur(17.9px);-webkit-backdrop-filter:blur(17.9px)}.workwrap-inner{display:flex;justify-content:center;align-items:center;gap:8px}.workingday-inner-wrap{display:flex;gap:10px;width:100%;height:auto;padding:0 10px 18px;background:#ffffff17;backdrop-filter:blur(17.9px);-webkit-backdrop-filter:blur(17.9px);border-radius:0 0 8px 8px}.workingday-date-list-box{width:50%;padding:5px;border-radius:5px;background:transparent;backdrop-filter:blur(17.9px);-webkit-backdrop-filter:blur(17.9px);border:1px solid rgba(0,0,0,.05)}.workingday-date-display{display:flex;align-items:flex-end;gap:5px}.workingday-date-display p{color:#5e5e5e}.workingday-details-display{display:flex;justify-content:space-between;align-items:baseline;font-size:.9rem;padding-top:5px}.workingday_dateinfo{min-width:40px;min-height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:5px;padding:3px 8px}.working-date{padding-top:2px}.svg-cards{width:24px;height:24px;font-size:14px}.onLeaveText{padding:4px 7px;border-radius:5px}.onLeaveBu{padding:4px 7px;background:#f9fafb;border-radius:5px}@media screen and (max-width:640px){.onLeave-card-lists{grid-template-columns:repeat(1,1fr)}.workingday-inner-wrap{flex-direction:column;gap:10px}.workingday-date-list-box{width:100%}.dashboard-left-outer{margin-bottom:1rem}}@media screen and (min-width:768px)and (max-width:960px){.dashboard-list-page{width:95%;margin:1rem auto;display:flex;flex-direction:column;padding-bottom:3rem}.dashboard-card-wrap{width:100%;display:grid;place-items:center;grid-template-columns:repeat(2,1fr)}.dashboard-card-items{display:flex;width:100%;min-height:120px}.dashboard-card-details{display:flex;justify-content:center;flex-direction:column;gap:.5rem;font-size:1rem}.workingday-wrap{margin-bottom:1rem;width:100%}.dashboard_marginview{margin-bottom:0rem}.dashboard_onleave-today,.dashboard_onleave-today-pending{width:100%}.teammate{width:100%;margin-top:0}.dashboard-left-inner{width:100%}.holiday-card-items{width:100%!important}.dashboard-left-outer{flex-direction:column;gap:1rem;margin-bottom:1rem}}@media(max-width:767px){.dashboard-list-page{width:100%;margin:1rem auto;display:flex;flex-direction:column;padding-bottom:3rem}.holiday-card-items{width:100%!important}.dashboard-left-outer{flex-direction:column;gap:1rem;margin-bottom:1rem}.dashboard-left-inner{width:100%}.teammate{width:100%;margin-top:0}.onLeaveCardItem{grid-template-columns:repeat(2,1fr)}.onLeaveCardItem p{text-align:left}.dashboard-card-wrap{width:100%;display:grid;grid-template-columns:auto;place-items:center;gap:0}.dashboard-card-items{display:flex;width:100%;min-height:133px;margin-bottom:1rem}.dashboard-card-details{display:flex;justify-content:center;flex-direction:column;gap:.5rem;font-size:13px}.dashboard-total{padding-top:0rem;font-size:2.1rem}.workingday-wrap{margin-bottom:1rem}.onLeave-card{width:100%}.dashboard_marginview{margin-bottom:0rem}.dashboard-date-display{padding-left:8px}.dashboard_onleave-today,.workingday-wrap,.dashboard_onleave-today-pending{width:100%}}.holiday-pagination{width:100%;display:flex;align-items:center;justify-content:center}.holiday-indicator{height:8px;width:8px;background-color:#d1fae5;border-radius:50%;margin:0 4px;transition:background-color .3s ease,transform .3s ease}.holiday-indicator.active{background-color:#22c55e;transform:scale(1.1)}.holiday-card-items{display:flex;justify-content:space-between;align-items:start;flex-direction:column;width:30%;min-height:120px;border-radius:8px;padding:14px;backdrop-filter:blur(17.9px);-webkit-backdrop-filter:blur(17.9px)}.holiday-card-align{width:100%;display:flex;align-items:center;justify-content:space-between}.no-holidays{width:100%;height:90px;display:flex;align-items:center;justify-content:center}.card{width:100%;height:auto;background-color:transparent;border-radius:.5rem;padding:14px;position:relative;overflow:hidden}.card-header{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.skeleton{background-color:#e0e0e04f;border-radius:.25rem;animation:pulse 1.5s infinite ease-in-out}.header-skeleton{height:1.5rem;width:12rem}.profile-section{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.avatar-skeleton{width:80px;height:80px;border-radius:50%}.name-title-section{display:flex;flex-direction:column;gap:.5rem}.name-skeleton{height:1rem;width:6rem}.title-skeleton{height:1rem;width:9rem}.info-section{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.icon-skeleton{width:1rem;height:1rem}.text-skeleton{height:1rem}.location-skeleton{width:8rem}.email-skeleton{width:12rem}.phone-skeleton{width:4rem}.onLeaveSkelton{width:49%;height:65px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.login-page{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.login-box{width:30%;height:auto;padding:1rem;background:#fff6;border-radius:8px;backdrop-filter:blur(13.9px);-webkit-backdrop-filter:blur(13.9px)}.login-logo{display:flex;align-items:center;justify-content:center}.login-logo img{display:flex;align-items:center;justify-content:center;width:220px;height:90px}.login-form{display:flex;flex-direction:column;margin-top:1rem;gap:.5rem}.forgot-password-area{display:flex;align-items:flex-end;justify-content:flex-end}.login-user-input{width:100%;height:45px;display:flex;align-items:center;padding-left:10px;border-radius:5px;border:1px solid #dadada}.login-user-input input{width:100%;height:100%;font-size:.8rem;background-color:transparent;font-family:var(--main-family);outline:none;border:none;margin-left:10px}.login-button-area{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.login-button{display:flex;align-items:center;justify-content:center;font-size:1rem;width:100%;height:40px;background-color:var(--primary-red);color:var(--text-white);margin-top:10px;border:none;border-radius:4px;cursor:pointer;position:relative}.login-button.loading{cursor:not-allowed}.spinner{width:20px;height:20px;border:3px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.forgot-password-link{color:var(--main-submit-clr);cursor:pointer}@media(max-width:767px){.login-box{width:90%;padding:10px}.login-logo{margin:10px}.login-logo img{width:200px;height:100px;margin:10px}.login-form{display:flex;flex-direction:column;margin-top:1rem;gap:.3rem}}.forgotPassword-page{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.forgotPassword-container{width:500px}.forgotPassword-title{text-align:center;padding-bottom:10px}.forgotPassword-para{text-align:center;padding-bottom:2rem;color:#8f95a8}.forgotPassword-input{display:flex;gap:1rem;align-items:center;width:100%;padding-left:10px;height:50px;border-radius:5px;border:1px solid #dadada}.forgotPassword-input input{width:100%;height:100%;font-size:.85rem;background-color:transparent;font-family:var(--main-family);outline:none;border:none}.forgotPassword-button{margin-top:1rem!important;width:100%;height:40px;font-weight:600!important;background-color:var(--primary-red)!important;color:var(--text-white)!important;text-transform:capitalize!important}.otp-container{width:350px}.otp-para{padding-bottom:1rem;color:#8f95a8}.otp-btn-area{margin:0 auto!important}.otp-button{width:100%;margin-top:1rem!important;height:40px;font-weight:600!important;background-color:var(--primary-red)!important;color:var(--text-white)!important;text-transform:capitalize!important}.backToLoginPage{padding-top:1rem;text-align:center;cursor:pointer;font-weight:600}@media(max-width:767px){.forgotPassword-container{width:90%}}.updatePassword-page{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f6f6f6!important}.updatePassword-container{width:500px}.updatePassword-input{display:flex;gap:1rem;align-items:center;width:100%;padding-left:10px;height:50px;background-color:var(--main-bg-input);border-radius:5px;border:1px solid #828283;margin-bottom:10px}.updatePassword-input input{width:100%;height:100%;font-size:1rem;background-color:transparent;font-family:var(--main-family);outline:none;border:none}@media(max-width:767px){.updatePassword-container{width:90%}}.document-upload-page-area{width:50%;height:auto;margin:0 auto;margin-bottom:2rem;border-radius:5px}.document-page-area{width:100%;height:auto;margin:1rem 0rem 2rem}.drag-active{background-color:#f0f8ff;border-color:#007bff}.drag__content--area{position:absolute;top:20%;left:50%;transform:translate(-50%)}.drag__content--icon{width:50px;height:50px;background-color:#e6e5e5d2;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;margin-bottom:10px}.drag-text{font-size:14px;color:#666}.document-upload{height:200px;border:1px dashed rgba(145,158,171,.2);border-radius:8px;text-align:center;transition:background-color .3s ease;position:relative}.document-upload input{position:relative;display:flex;width:100%;height:200px;outline:none;border:none;align-items:center;opacity:0;z-index:10;cursor:grab}.drag__filename--area{display:flex;align-items:center;justify-content:space-between;gap:10px;position:absolute;left:50%;transform:translate(-50%);bottom:10px;background-color:transparent;padding:15px 20px;width:98%;border-radius:8px;z-index:99}.drag__filename--position{display:flex;align-items:center}.select__file--remove{display:inline}.document-file{width:calc(50% - 10px);min-height:120px;display:flex;padding:5px;background-color:var(--main-content-clr);box-shadow:#0000002e 0 2px 4px;border-radius:10px;justify-content:space-between}.document-preview{display:flex;align-items:center;justify-content:center;gap:5px}.view-icon{margin:10px;font-size:4rem}.document-preview p{padding-bottom:5px}.icon-container{display:flex;align-items:flex-end;gap:5px;border-radius:5px}@media(max-width:767px){.document-page-area{width:100%;height:100%}.document-list{display:flex;flex-direction:column}.document-file{width:100%;flex-direction:column;min-height:100%}.document-preview{display:flex;gap:5px;justify-content:flex-start}}.document-list{display:flex;flex-direction:column;gap:16px;padding:1rem 2rem;background:#fff3;border-radius:8px;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}.document__file--header{display:grid;grid-template-columns:.5fr 2fr 2fr 1fr 1fr;background-color:transparent;border-bottom:1px solid #dadada;padding:8px}.document__file--contents{display:flex;flex-direction:column}.document__file--row{display:grid;grid-template-columns:.5fr 2fr 2fr 1fr 1fr;padding:8px;align-items:center}.search-container{display:flex;align-items:center;gap:8px;max-width:300px;position:relative;left:0;padding:5px;border:1px solid #dadada;border-radius:5px}.search-input{width:100%;border:none;font-size:.9rem;background:transparent}.search-input:focus{outline:none}@media(max-width:540px){.document-upload-page-area{width:100%}.document-list{padding:5px 7px}.search-container{max-width:100%}}.profile_card-information{width:100%;padding-bottom:10px;min-height:60px;display:flex;flex-direction:column}.profile_card-information-label{color:#616469;padding-bottom:5px;font-weight:500;margin:0}.profile_card-information p:last-child,.profile_card-information div:last-child{margin:0;word-break:break-word;line-height:1.4}.document-button{background-color:#fff;color:var(--highlight-text-blue);border:1px solid #e2e8f0;border-radius:8px;padding:10px 16px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;max-width:fit-content;display:inline-flex;align-items:center;gap:8px;font-family:var(--main-family);box-shadow:0 1px 3px #0000001a}.document-button:hover{background-color:var(--highlight-text-blue);border-color:var(--highlight-text-blue);color:#fff;box-shadow:0 4px 12px #46699726;transform:translateY(-1px)}.document-button:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.document-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.document-button:disabled:hover{background-color:#fff;color:var(--highlight-text-blue);border-color:#e2e8f0;transform:none;box-shadow:0 1px 3px #0000001a}.document-button-icon{width:16px;height:16px;flex-shrink:0}@media(max-width:767px){.profile_card-information{width:100%;padding-top:10px;min-height:auto}.document-button{padding:8px 12px;font-size:.8rem;gap:6px}.document-button-icon{width:14px;height:14px}}@media screen and (min-width:768px)and (max-width:960px){.profile_card-information{width:100%;padding-top:10px;min-height:auto}}.profile_container{width:100%}.profile__section-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;display:flex;justify-content:center;align-items:center}.profile_card{width:100%;height:auto;padding:1rem 2rem;border-radius:10px;-webkit-backdrop-filter:blur(13.9px);backdrop-filter:blur(13.9px);border:1px solid #dadada}.profile_user-image{width:100px;height:100px;background-size:cover;background-position:center;border-radius:50%}.profile_card-information-area{padding-top:1rem;align-items:center}.profile_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem 2rem;padding-top:1rem}.profile_address_section{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem 2rem;padding-top:1rem}@media(max-width:1200px){.profile_grid{grid-template-columns:repeat(2,1fr);gap:1rem 1.5rem}}@media(max-width:767px){.profile_card{width:100%;height:auto;padding:1rem .5rem;border-radius:8px;border:1px solid #dadada}.profile_card-information-area{flex-direction:column;padding-top:.5rem}.profile_grid,.profile_address_section{grid-template-columns:1fr;gap:1rem;padding-top:.5rem}}@media screen and (min-width:768px)and (max-width:960px){.profile_card-information-area{flex-direction:column;padding-top:.5rem}.profile_grid{grid-template-columns:repeat(2,1fr);gap:1rem 1.5rem}.profile_address_section{grid-template-columns:1fr;gap:1rem}}.page-unauthorized{width:100%;height:100vh;background:#fffcfc;display:flex;align-items:center;justify-content:center;position:absolute;z-index:999}.page-unauthorized-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.unauthorized-title{text-align:center;font-weight:700;padding-top:1rem;padding-bottom:1rem}.unauthorized-para{width:450px;color:#637381;text-align:center;padding-bottom:1rem}.content-box-unauthorized{display:flex;flex-direction:column;align-items:center;justify-content:center}.btn-unauthorized{background-color:#f5c9cc98;color:var(--primary-red);border-radius:5px;padding:10px 30px;margin:10px 0;box-shadow:#0000000d 0 1px 2px}.support-container{padding:30px 20px;min-height:100vh}.support-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px;background-color:#fcf3f4;padding:30px 40px;border-radius:12px;position:relative}.support-header-content{flex:1;max-width:590px}.support-header-image{width:280px;height:250px;object-fit:contain}.support-header h1{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:16px;line-height:1.2}.support-header p{font-size:.9rem;color:#6c757d;line-height:1.6}.support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;max-width:100%}.support-card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef;transition:all .2s ease;position:relative}.support-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.support-title{font-size:1.125rem;font-weight:600;color:#2c3e50;margin-bottom:20px}.support-contact{margin-bottom:24px}.contact-name,.contact-email{display:flex;align-items:center;margin-bottom:12px;font-size:.875rem}.contact-name{color:#495057}.contact-email{color:#dc3545}.contact-icon{margin-right:8px;color:#6c757d;flex-shrink:0}.copy-email-text{color:#6c757d;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.copy-email-text:hover{color:#495057}.copy-icon{flex-shrink:0;transition:all .2s ease}.copy-icon.copied{color:#28a745}.copy-email-text:has(.copied){color:#28a745}@media(max-width:1200px){.support-container{padding:40px 16px}.support-header-image{width:220px;height:140px}}@media(max-width:992px){.support-header{flex-direction:column;text-align:center;padding:30px}.support-header-image{margin:20px auto 0;width:240px;height:150px}.support-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:768px){.support-container{padding:30px 16px}.support-header{margin-bottom:40px;padding:24px}.support-header h1{font-size:2rem}.support-header p{font-size:.9rem}.support-grid{grid-template-columns:1fr;gap:16px}.support-card{padding:20px}}@media(max-width:480px){.support-container{padding:20px 12px}.support-header{padding:20px;margin-bottom:30px}.support-header h1{font-size:1.75rem}.support-card{padding:16px}.contact-name,.contact-email,.copy-email-text{font-size:.8rem}}.faq-container{padding:3rem 2rem}.faq-layout{display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:start}.faq-left{padding-right:2rem;position:sticky;top:2rem;height:fit-content}.faq-heading{font-weight:600;color:var(--text-black);margin-bottom:1.5rem;line-height:1.1}.faq-subtitle{color:var(--faded_gray);line-height:1.6;margin-bottom:2rem}.faq-contact{color:var(--faded_gray)}.contact-email{color:var(--primary-red);font-weight:500}.faq-right{width:100%;max-height:80vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.faq-right::-webkit-scrollbar{display:none}.faq-accordion{display:flex;flex-direction:column;gap:1rem}.faq-item{background:transparent;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.faq-question{padding:1.1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:#ffffff45;backdrop-filter:blur(6.4px);-webkit-backdrop-filter:blur(6.4px);transition:background-color .3s cubic-bezier(.4,0,.2,1)}.question-text{font-weight:500;color:var(--text-black);margin:0;line-height:1.4;flex:1;margin-right:1rem}.chevron-icon{width:20px;height:20px;color:var(--faded_gray);transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.faq-item.open .chevron-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;background:#ffffff45;backdrop-filter:blur(6.4px);-webkit-backdrop-filter:blur(6.4px);transition:background-color .3s cubic-bezier(.4,0,.2,1)}.faq-item.open .faq-answer{max-height:300px}.answer-content{padding:0 1.5rem;border-top:1px solid #f3f4f6;opacity:0;transform:translateY(-10px);transition:opacity .3s cubic-bezier(.4,0,.2,1) .1s,transform .3s cubic-bezier(.4,0,.2,1) .1s}.faq-item.open .answer-content{padding:1rem 1.5rem 1.5rem;opacity:1;transform:translateY(0)}.answer-content p{color:var(--faded_gray);line-height:1.6;margin:0}@media(max-width:1024px){.faq-layout{grid-template-columns:1fr;gap:3rem}.faq-left{padding-right:0;text-align:center;position:static}.faq-right{max-height:none;overflow-y:visible}.contact-email{display:inline-flex;padding-left:4px}}@media(max-width:768px){.faq-container{padding:2rem 1rem}.faq-layout{gap:2rem}.faq-question{padding:1.25rem}.answer-content{padding:0 1.25rem 1.25rem}.contact-email{display:inline-flex;padding-left:4px}}@media(max-width:480px){.faq-container{padding:1.5rem .75rem}.faq-question{padding:1rem}.question-text{margin-right:.75rem}.chevron-icon{width:18px;height:18px}.answer-content{padding:0 1rem 1rem}.contact-email{display:inline-flex;padding-left:4px}}.sidebar-width{position:relative;display:flex;flex-direction:column;width:240px;min-width:240px;max-width:240px;height:100vh;padding-bottom:8rem;z-index:997;-webkit-backdrop-filter:blur(13.9px);backdrop-filter:blur(13.9px);border-right:1px dashed rgba(145,158,171,.2);overflow:hidden}.sidebar-items-list{height:95%;padding-inline:8px;position:relative;overflow-y:auto;overflow-x:hidden}.submenu-item{display:flex;align-items:center;justify-content:space-between;width:100%;height:40px;padding-inline:8px;margin-bottom:5px;cursor:pointer;overflow:hidden}.submenu-item span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;margin-right:8px}.submenu-item:hover,.submenu-box:hover{background-color:#919eab14;border-radius:5px}.active-menu{background-color:#919eab14;color:var(--text-black);border-radius:5px}.sub-menu{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.sub-menu.open{max-height:500px}.submenu-box{display:flex;align-items:center;padding-left:8px;margin-bottom:5px;overflow:hidden}.menu-item{display:flex;align-items:center;width:100%;height:35px;margin-bottom:5px;padding-left:10px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logo{margin-bottom:2rem}.sidebar-logo img{margin-top:.5rem;width:150px;height:65px}.settings-item{display:flex;align-items:center;height:40px;gap:10px;padding-left:10px;cursor:pointer}.settings-item:hover{background-color:#919eab14;border-radius:5px}.settings-item-popup{height:auto;padding:10px 10px 5px;background-color:#fff;border-radius:8px;margin-bottom:1rem}.settings-align-position{position:absolute;bottom:5%;width:90%!important;margin-inline:10px}.close-btn-mobile{display:none}@media screen and (max-width:768px){.sidebar-width{position:absolute;background-color:#fff;width:180px}.view-sidebar-mobile{display:block}.hide-sidebar-mobile{display:none}.close-btn-mobile{display:block;position:absolute;top:35px;right:8px}}.container{width:90%;max-width:444px;height:auto;background-color:#fff;border-radius:12px;box-shadow:0 8px 30px #0003;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:2rem;z-index:1000;text-align:center}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#050505cc;z-index:999}.popup_message{font-size:1.4rem;font-weight:500;max-width:80%}.popup__sub-message{color:#9b9ca4;font-size:13px}.Popup_login-button{width:100%;display:flex;justify-content:center;align-items:center;font-size:1rem;height:40px;background-color:var(--primary-red);border-radius:5px;color:var(--text-white);margin-top:10px;border:none;cursor:pointer}:root{--main-family: "Poppins";--main-bg-color: #fffcfc;--main-content-clr: #fff;--main-submit-clr: #366ee3;--main-bg-input: #f4f4f4;--text-black: #191919;--text-white: #f1efef;--loader-color: rgb(46 69 126);--height-of-loader: 6px;--primary_blue: #51acfe;--header_bg_blue: #d9e8f2;--success_green: #2caa00;--faded_gray: #6d6d6d;--shaded-red: #d18484;--primary-red: #da1f26;--bright-red: #f94254cb;--highlight-text-blue: rgb(46 69 126);--highlight-selection-bg: rgb(217 232 242);--soft-blue: #e9eff6;--main-purple: #6150a4;--highlight-purple: #e7e2f9;--table-header: #f9fafb;--table-text-color: #898b94}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;font-family:var(--main-family)!important;color:var(--text-black)!important;background-color:#ffffffb4!important;background:url(/assets/Strat_graphics6-Db30-3m8.webp);background-repeat:no-repeat;background-position:center;background-size:cover;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}html{scroll-behavior:smooth}h1,h2,h3,h4{letter-spacing:1px}a{text-decoration:none!important;color:#191919}.w-100{width:100%}.br-0{border-radius:0!important}.br-5{border-radius:5px}.br-3{border-radius:3px}.border-1{border:1px solid #dadada}.p-1{padding:1rem}.p-05{padding:2px 6px}.pb-5{padding-bottom:5px}.pb-7{padding-bottom:7px}.pb-10{padding-bottom:10px}.px-container{padding-inline:1rem 2rem}.px-1{padding-inline:1rem}.px-05{padding-inline:.5rem}.pt-10{padding-top:10px}.pb-50{padding-bottom:50px}.fz-1{font-size:12px}.fz-2{font-size:.2rem}.fz-4{font-size:.45rem}.fz-6{font-size:.6rem}.fz-8{font-size:.8rem}.fz-9{font-size:.9rem}.fz-10{font-size:1rem}.fz-12{font-size:1.2rem}.op-7{opacity:.7}.op-5{opacity:.5}.op-10{opacity:1}.font-light{font-weight:100}.font-regular{font-weight:200}.font-medium{font-weight:400}.font-semibold{font-weight:500}.font-bold{font-weight:600}.font-extrabold{font-weight:700}.font-heavy-bold{font-weight:800}.text-wide{letter-spacing:.5px}.fzr-06{font-size:clamp(.44rem,1.3vw,.6rem)}.fzr-07{font-size:clamp(.54rem,1.45vw,.7rem)}.fzr-08{font-size:clamp(.64rem,1.6vw,.8rem)}.fzr-09{font-size:clamp(.7rem,1.75vw,.9rem)}.fzr-1{font-size:clamp(.8rem,2vw,1rem)}.fzr-125{font-size:clamp(1rem,2.5vw,1.25rem)}.fzr-15{font-size:clamp(1.2rem,3vw,1.5rem)}.fzr-175{font-size:clamp(1.4rem,3.5vw,1.75rem)}.fzr-2{font-size:clamp(1.6rem,4vw,2rem)}.mt-55{margin-top:55px}.mt-4{margin-top:4rem}.mt-2{margin-top:2rem}.mt-15{margin-top:1.5rem}.mt-1{margin-top:1rem}.mt-05{margin-top:.5rem}.mt-10{margin-top:10px}.mb-1{margin-bottom:1rem}.ml-4{margin-left:4px}.ml-8{margin-left:8px}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.z-max{z-index:999}.p-fix{position:fixed}.p-sticky{position:sticky}.p-relative{position:relative}.p-absolute{position:absolute}.gap-1{gap:1rem}.gap-05{gap:.5rem}.gap-03{gap:3px}.gap-3{gap:3rem}.d-flex{display:flex}.item-center{align-items:center}.item-start{align-items:flex-start}.d-flex-col{display:flex;flex-direction:column}.d-flex-center{display:flex;justify-content:center;align-items:center}.space-between{justify-content:space-between}.flex-end{justify-content:flex-end}.display-inline-block{display:inline-block}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.text-start{text-align:start}.text-end{text-align:end}.pointer{cursor:pointer}.float-left{float:left}.float-right{float:right}.text-cap{text-transform:uppercase}.shadow-none{box-shadow:none}.shadow{box-shadow:0 0 3px #0000001a}.shadow-sm{box-shadow:#00000014 0 4px 8px}.shadow-md{box-shadow:#63636333 0 2px 8px}.shadow-lg{box-shadow:#55535359 0 5px 15px}.page-area{display:flex;width:100%;height:100vh;padding-top:60px;overflow-y:auto}.postpage-area{width:100%}.page-container{padding:0 1rem 1rem;width:100%;height:auto}.administrative__page--main{width:100%}.container-glass{background:#ffffff17;border-radius:8px;box-shadow:#63636333 0 2px 8px;backdrop-filter:blur(12.8px);-webkit-backdrop-filter:blur(12.8px)}.bg-glass{background:#fffc;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.32)}.color-red{color:var(--primary-red)}.color-green{color:var(--success_green)}.color-blue{color:var(--main-submit-clr)}.color-black{color:var(--text-black)}.color-faded-grey{color:var(--faded_gray)}.select-tab{border-radius:10px;padding:5px 10px;width:30%;min-width:fit-content;position:relative;z-index:6}.css-1nmdiq5-menu{z-index:2!important}.css-1e6y48t-MuiButtonBase-root-MuiButton-root{padding:0!important}.table th{font-size:.9rem;font-weight:600;letter-spacing:1px;padding-block:1rem;font-family:var(--main-family);color:var(--highlight-blue);background-color:var(--header_bg_blue);z-index:0!important}.table td{padding-block:.8rem;background-color:none;letter-spacing:.5px;font-family:var(--main-family)}.table-area{width:100%;height:auto;margin-bottom:2rem}button{background:none;border:none;outline:none;cursor:pointer}.btn{padding-inline:2ch;padding-block:1ch;border:1px solid #191919;border-radius:10px}.btn:hover{background-color:#aea4a4;color:#191919}.button-group{display:flex;align-items:center;gap:1rem;margin-top:1rem}.save-button-mui{display:flex!important;width:100px!important;height:36px!important;margin:1.5rem 0 1rem!important;font-size:1rem!important;text-transform:capitalize!important;letter-spacing:1px!important;background-color:var(--soft-blue)!important;color:#6299c1!important;border:1px solid #6299c1!important}.exit-button-mui{display:flex!important;width:100px!important;height:36px!important;margin:1.5rem 0 1rem!important;background-color:#ecdedf!important;border:1px solid #d18484!important;color:#d18484!important;font-size:1rem!important;text-transform:capitalize!important;letter-spacing:1px!important}.save-button{display:flex;align-items:center;justify-content:center;width:120px;height:32px;margin:1rem 0;font-size:.9rem;letter-spacing:1px;background-color:var(--soft-blue);color:#6299c1;border:1px solid #6299c1;border-radius:5px}.exit-button{display:flex;align-items:center;justify-content:center;width:120px;height:32px;margin:1rem 0;background-color:#ecdedf;border:1px solid #d18484;color:#d18484;font-size:.9rem;letter-spacing:1px;border-radius:5px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.page{padding:1rem;width:100%;height:auto;position:relative}@media screen and (max-width:480px){.page-container{padding:8px}}@media screen and (max-width:457px){.title__align--left{padding-left:8px}}@media(max-width:767px){.desktopview-sidebar{display:none}}@media screen and (max-width:480px){.dropdown-width{min-width:100%}.search-tab{width:100%;max-width:100%}.comp-offsearch-width{width:98%!important}.leave-history_search-tab{width:100%!important}.select-tab{width:100%!important;padding:5px 0}}.comp-offsearch-width{width:35%}.table-edit-button{display:inline-flex;align-items:center;justify-content:center;padding:6px;background:transparent;border-radius:5px;color:var(--highlight-text-blue);cursor:pointer;transition:all .2s ease}.table-edit-button:hover{background-color:var(--soft-blue);border-color:#6299c1;color:#6299c1}.table-delete-button{display:inline-flex;align-items:center;justify-content:center;padding:6px;background:transparent;border-radius:5px;color:#dc3545;cursor:pointer;transition:all .2s ease}.table-delete-button:hover{background-color:#fff5f5;border-color:#dc3545;color:#c82333}::-webkit-scrollbar{width:1.3px}::-webkit-scrollbar-track{background:none}::-webkit-scrollbar-thumb{background:#aea4a4;border-radius:12px}*::-moz-scrollbar-thumb{background:#aea4a4;border:3px solid transparent;border-radius:12px}.background-loader{width:100%;height:100vh;background-color:var(--main-bg-color)!important;position:relative;z-index:9999}.background-loader img{width:320px;height:140px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.error-message{color:var(--primary-red);font-size:.75rem;letter-spacing:1px;padding-top:3px}.no-data-message{width:100%;height:70vh;display:flex;align-items:center;justify-content:center;color:#6d6d6d}.css-18hi9xn-MuiPaper-root-MuiAlert-root .MuiAlert-icon{color:#fff!important}