@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar-loading{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.navbar-spinner{animation:spin 1s linear infinite;border:4px solid #0003;border-radius:50%;border-top-color:#000;height:15px;width:15px}.user-dropdown{background-color:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 4px 8px #0003;left:0;opacity:0;pointer-events:none;position:absolute;top:60px;transform:scale(.9) translateY(-20px);transform-origin:top left;transition:transform .1s ease-out,opacity .1s ease-out;width:200px;z-index:1000}.user-dropdown.show{opacity:1;pointer-events:auto;transform:scale(1) translateY(0)}.user-dropdown ul{list-style:none;margin:10px;padding:10px 0}.user-dropdown ul li{align-items:center;border-radius:5px;cursor:pointer;display:flex;font-size:17px;gap:20px;padding:10px 20px;transition:background-color .15s ease-in-out}.user-dropdown ul li:hover{background-color:#dbdbdb}.user-dropdown ul li:active{background-color:#c9c9c9}.sidebar-loading{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.sidebar-spinner{animation:spin 1s linear infinite;border:4px solid #0003;border-radius:50%;border-top-color:#000;height:30px;width:30px}.footer{background-color:#000;color:#fff;font-family:Arial,sans-serif;margin-top:200px;padding-top:40px}.footer__container{margin:auto;max-width:1200px;padding:0 20px;width:100%}.footer__row{display:flex;flex-wrap:wrap;gap:30px}.footer__col{flex:1 1 150px}.footer__col--wide{flex:1 1 250px}.footer__title{font-size:15px;font-weight:700;margin-bottom:12px;text-transform:uppercase}.footer__text{font-size:14px;margin:5px 0}.footer__list{list-style:none;padding:0}.footer__link{color:#fff;font-size:14px;text-decoration:none}.footer__link:hover{text-decoration:underline}.footer__socials{display:flex;flex-wrap:wrap;gap:8px}.footer__social{align-items:center;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:opacity .2s ease;width:36px}.footer__social:hover{opacity:.8}.footer__social--facebook{background-color:#3b5998;cursor:pointer}.footer__social--facebook img{height:36px;width:36px}.footer__social--twitter{background-color:#55acee}.footer__social--twitter img{height:36px;width:36px}.footer__social--instagram{background-color:#ac2bac}.footer__social--instagram img{height:36px;width:36px}.footer__social--linkedin{background-color:#0082ca}.footer__social--linkedin img{height:36px;width:36px}.footer__social--google{background-color:#dd4b39}.footer__social--github{background-color:#333}.footer__copyright{background:#0003;font-size:14px;margin-top:20px;padding:15px;text-align:center}.footer__address span{display:inline}@media (max-width:768px){.footer__address span{display:block;line-height:1.5}}.dashboard{background-color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh}.dashboard__content-wrapper{align-items:stretch;display:flex;flex:1 1;overflow:visible}.dashboard__sidebar{background:#fff;display:flex;flex-direction:column;height:100%;left:0;overflow-x:hidden;padding:25px 0;position:-webkit-sticky;position:sticky;top:0;transition:all .4s ease;width:80px}.dashboard__sidebar.expanded{width:260px}.dashboard__sidebar-header{align-items:center;display:flex}.dashboard__sidebar-header img{display:block;margin:auto;width:50px}.dashboard__sidebar-links{height:45%;list-style:none;margin-top:20px}.dashboard__sidebar-links span{margin-right:10px}.dashboard__sidebar-links li a{align-items:center;color:#000;display:flex;font-weight:500;gap:0 20px;margin-bottom:15px;margin-left:-10px;margin-right:25px;padding:15px 0;position:relative;text-decoration:none;transition:.2s ease-in;white-space:nowrap}.dashboard__sidebar-links li a:hover{color:#fff;position:relative;z-index:1}.dashboard__sidebar-links li a:before{background-color:#1a5dac;border-radius:10px;content:"";inset:-5px -10px;opacity:0;position:absolute;transform:scaleX(.95) scaleY(.9);transition:all .3s ease;z-index:-1}.dashboard__sidebar-links li a:hover:before{opacity:1;transform:scaleX(1) scaleY(1)}.dashboard__sidebar-links li a:active:before{background-color:#154883;opacity:1;transform:scale(.98)}.dashboard__user-account{align-items:center;border-radius:20px;display:flex;margin-top:auto;padding:12px 10px;transition:all .2s ease-in-out}.dashboard__user-account:hover{background-color:#dbdbdb}.dashboard__user-account:hover:active{background-color:#c2c2c2}.dashboard__user-profile{align-items:center;color:#1a5dac;display:flex}.dashboard__user-profile img{border-radius:50%;margin:12px;width:42px}.dashboard__user-profile h3{font-size:16px;font-weight:bolder;margin-left:10px}.dashboard__user-profile h4{color:#000;font-size:12px;font-weight:700;margin-left:10px}.dashboard__user-detail{margin:0;white-space:nowrap}.dashboard__main{background:#f6f8fa;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;width:100%}footer{margin-top:auto}@media (min-width:768px){.dashboard__sidebar{display:flex}.navbar__toggle{display:none}.navbar__menu{display:none!important}.navbar{align-items:center;background:#fff;border-bottom:1px solid #ddd;display:flex;height:80px;justify-content:space-between;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:2000}.dashboard__main{padding-top:5px}}.navbar{display:none}.navbar__logo img{height:auto;width:40px}.navbar__toggle{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;margin-right:30px}.navbar__toggle-bar{background:#000;border-radius:3px;height:3px;width:25px}.navbar__menu{background:#fff;border-bottom:1px solid #ddd;display:none;flex-direction:column;left:0;padding:15px 0;position:absolute;top:70px;width:100%}.navbar__menu--open{display:flex}.navbar__item{border-bottom:1px solid #eee;padding:15px 20px}.navbar__item a{color:inherit;text-decoration:none}.navbar__item a:hover{color:#1a5dac}.navbar__item span{color:inherit;cursor:pointer;text-decoration:none}.navbar__item span:hover{color:#1a5dac}@media (max-width:767px){.dashboard__sidebar{display:none}.navbar{align-items:center;background:#fff;border-bottom:1px solid #ddd;display:flex;height:70px;justify-content:space-between;left:0;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:2000}.dashboard__main{margin-top:20px}}.dashboard__sidebar-links .active-link{color:#fff;position:relative;z-index:1}.dashboard__sidebar-links .active-link:before{background-color:#1a5dac;border-radius:10px;bottom:-5px;content:"";left:-10px;opacity:1;position:absolute;right:-10px;top:-5px;transform:scaleX(1) scaleY(1);transition:all .3s ease;z-index:-1}.leave-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.leave-table{background:#fff;border-collapse:collapse;border-radius:8px;margin:auto;min-width:800px;overflow-y:auto;table-layout:fixed;white-space:nowrap}.leave-table th{color:#000;padding:12px;text-align:left;white-space:nowrap}.leave-table td{border-bottom:1px solid #8b8b8b;display:table-cell;padding:12px;white-space:nowrap}.leave-table__actions .material-symbols-outlined{cursor:pointer;font-size:24px;margin-right:8px;transition:.2s;vertical-align:middle}.leave-table__actions .material-symbols-outlined:hover{opacity:.7}.leave-table__approve{color:#4caf50}.leave-table__reject{color:#ff9800}.leave-table__delete{color:#d9534f}.leave-table__status{font-weight:700;text-transform:uppercase}.leave-table__status--pending{color:#d2a516}.leave-table__status--approved{color:#54cc58}.leave-table__status--rejected{color:#d40707}@media (max-width:600px){.leave-table td,.leave-table th{font-size:14px;padding:8px}.leave-table__actions .material-symbols-outlined{font-size:20px;margin-right:6px}}.leave-table__search{display:flex;gap:10px;margin-bottom:15px}.leave-table__dropdown,.leave-table__input{border:1px solid #ddd;border-radius:6px;padding:8px 10px}@media (max-width:600px){.leave-table__search{align-items:stretch;flex-direction:column}.leave-table__dropdown{max-width:140px;width:100%}.leave-table__input{max-width:220px;width:100%}}.time-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.time-table{background:#fff;border-collapse:collapse;border-radius:8px;margin:auto;min-width:800px;table-layout:fixed;white-space:nowrap}.time-table th{color:#000;text-align:left}.time-table td,.time-table th{padding:12px;white-space:nowrap}.time-table td{border-bottom:1px solid #8b8b8b;display:table-cell}.time-table__actions .material-symbols-outlined{cursor:pointer;font-size:24px;margin-right:8px;transition:.2s;vertical-align:middle}.time-table__actions .material-symbols-outlined:hover{opacity:.7}.time-table__approve{color:#4caf50}.time-table__reject{color:#ff9800}.time-table__delete{color:#d9534f}.time-table__status{font-weight:700;text-transform:uppercase}.time-table__status--pending{color:#d2a516}.time-table__status--approved{color:#54cc58}.time-table__status--rejected{color:#d40707}@media (max-width:600px){.time-table td,.time-table th{font-size:14px;padding:8px}.time-table__actions .material-symbols-outlined{font-size:20px;margin-right:6px}}.time-table__search{display:flex;gap:10px;margin-bottom:15px}.time-table__dropdown,.time-table__input{border:1px solid #ddd;border-radius:6px;padding:8px 10px}@media (max-width:600px){.time-table__search{align-items:stretch;flex-direction:column}.time-table__dropdown{max-width:140px;width:100%}.time-table__input{max-width:220px;width:100%}}.crud-table-container{-webkit-overflow-scrolling:touch;height:400px;padding:0 10px;width:100%}.crud-table__search-wrapper{padding-bottom:10px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.crud-table-scroll{-webkit-overflow-scrolling:touch;max-height:400px;overflow-x:auto}.crud-table{background:#fff;border-collapse:collapse;border-radius:8px;margin:auto;min-height:100px;min-width:800px;table-layout:fixed;white-space:nowrap}.crud-table th{background-color:#f7f7f7;color:#000;font-weight:600;text-align:left}.crud-table td,.crud-table th{padding:12px;white-space:nowrap}.crud-table td{border-bottom:1px solid #8b8b8b;color:#333;display:table-cell}.crud-table__actions{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;margin:2px 4px 2px 0;padding:6px 12px;text-transform:uppercase;transition:all .2s ease-in-out}.crud-table__approve{background-color:#54cc58;color:#fff}.crud-table__approve:hover{background-color:#3fa243}.crud-table__reject{background-color:#ff9800;color:#fff}.crud-table__reject:hover{background-color:#d88600}.crud-table__role{background-color:#007bff;color:#fff}.crud-table__role:hover{background-color:#0069d9}.crud-table__resign{background-color:#d40707;color:#fff}.crud-table__resign:hover{background-color:#a00505}.crud-table__reinstatement{background-color:#17a2b8;color:#fff}.crud-table__reinstatement:hover{background-color:#138496}.crud-table__actions:disabled{cursor:not-allowed;opacity:.6}.crud-table__status{font-weight:700;text-transform:uppercase}.crud-table__status--approved{color:#54cc58}.crud-table__status--rejected{color:#d40707}.crud-table__search{display:flex;gap:10px;margin-bottom:15px}.crud-table__dropdown,.crud-table__input{border:1px solid #ddd;border-radius:6px;padding:8px 10px}.admin-modal-backdrop{background:#00000080;padding:10px}.admin-modal{animation:fadeIn .2s ease-out;border-radius:8px;box-shadow:0 4px 15px #0003;padding:20px}.admin-modal h2{color:#111;margin-bottom:15px}.admin-modal input{border:1px solid #ccc;border-radius:6px;margin-top:5px;padding:8px 10px}.admin-modal input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff26}.admin-modal__actions{margin-top:20px}.admin-modal__actions button{border-radius:6px;transition:all .15s ease-in-out}.admin-modal__actions button:first-child{background:#6c757d}.admin-modal__actions button:first-child:hover{background:#5a6268}.admin-modal__actions button:last-child{background:#007bff;color:#fff}.admin-modal__actions button:last-child:hover{background:#0069d9}.admin-modal__actions button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:600px){.crud-table td,.crud-table th{font-size:13px;padding:8px}.crud-table__search{flex-direction:column}.crud-table__actions{font-size:12px;margin-bottom:6px;width:100%}.admin-modal{padding:16px}.admin-modal__actions{flex-direction:column-reverse}.admin-modal__actions button{width:100%}}.crud-table__actions{white-space:nowrap}.crud-action{cursor:pointer;font-size:24px;margin-right:8px;transition:opacity .2s,transform .15s;vertical-align:middle}.crud-action:hover{opacity:.7;transform:scale(1.1)}.crud-action--role{color:#01b9d5}.crud-action--edit{color:#d2a516}.crud-action--delete{color:#d9534f}.crud-action--reinstate{color:#54cc58}.crud-action--disabled{cursor:not-allowed;opacity:.4;pointer-events:none}@media (max-width:600px){.crud-action{font-size:20px;margin-right:6px}.crud-table__search{align-items:stretch}.crud-table__dropdown{max-width:140px;width:100%}.crud-table__input{max-width:220px;width:100%}}.admin-modal-backdrop{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:999}.admin-modal{animation:modalFadeIn .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 35px #0000002e;box-sizing:border-box;max-width:420px;overflow:hidden;padding:22px 20px;width:100%}.admin-modal h2{color:#1a1a1a;font-size:18px;font-weight:600;margin-bottom:16px}.admin-modal label{color:#444;display:block;font-size:13px;font-weight:500;margin-top:12px}.admin-modal input{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:14px;margin-top:6px;padding:9px 10px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.admin-modal input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26;outline:none}.admin-modal__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:22px}.admin-modal__actions button{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:background .2s ease,transform .1s ease}.admin-modal__actions button:first-child{background:#2563eb;color:#fff}.admin-modal__actions button:first-child:hover{background:#1e4fd6}.admin-modal__actions button:last-child{background:#e5e7eb;color:#111}.admin-modal__actions button:last-child:hover{background:#d1d5db}.admin-modal__actions button:active{transform:scale(.97)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:480px){.admin-modal{padding:18px 16px}.admin-modal h2{font-size:16px}.admin-modal__actions{flex-direction:column-reverse}.admin-modal__actions button{width:100%}}.admin__main{border-radius:10px;display:flex;flex-direction:column;margin:50px auto 140px;padding:30px;width:90%}.admin__title{color:#1a5dac}.admin__description{color:#828282;margin-bottom:50px;margin-top:-10px}.set_ojthours_btn{background:#1a5dac;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:15px 0;transition:background .2s ease-in-out;white-space:nowrap;width:19em}.set_ojthours_btn:hover{background:#0066d3}.set_ojthours_overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000059;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:10px;position:fixed;top:0;width:100%;z-index:999}.set_ojthours_popup{animation:fadeIn .25s ease-in-out;background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000026;box-sizing:border-box;font-family:Inter,sans-serif;max-width:380px;overflow:visible;padding:28px 24px;position:relative;width:100%}.set_ojthours_header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.set_ojthours_header h2{color:#333;font-size:18px;font-weight:600}.set_ojthours_popup label{color:#6b7280;display:block;font-size:13px;font-weight:500;margin-bottom:4px}.set_ojthours_popup input[type=number]{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:15px;height:36px;margin-bottom:14px;max-width:100%;outline:none;padding:6px 10px;width:100%}.set_ojthours_popup input[type=number]:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff26}.set_ojthours_popup input[type=number]:disabled{background:#f5f5f5;cursor:not-allowed}.set_ojthours_search_wrapper{margin-bottom:14px;position:relative}.user_chip_container_mobile{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;cursor:text;display:flex;flex-wrap:wrap;gap:6px;min-height:36px;padding:6px 10px;transition:all .2s}.user_chip_container_mobile:focus-within{border-color:#007bff;box-shadow:0 0 0 2px #007bff26}.user_chip_container_mobile input{background:#0000!important;border:none!important;box-shadow:none!important;flex:1 1;font-size:15px!important;height:24px!important;margin:0!important;min-width:120px;outline:none!important;padding:0!important}.set_ojthours_user_list-mobile{background:#fff;border:1px solid #dadce0;border-radius:4px;box-shadow:0 4px 10px #0000001a;left:0;list-style:none;margin:2px 0 0;max-height:200px;overflow-y:auto;padding:0;position:absolute;top:100%;width:100%;z-index:1000}.set_ojthours_user_list-mobile li{cursor:pointer;font-size:14px;padding:10px}.set_ojthours_user_list-mobile li:hover{background:#f1f3f4;color:#1a73e8}.set_ojthours_user_list-mobile li.all_option{border-bottom:1px solid #eee}.set_ojthours_user_list-mobile li.no_results{color:#666;cursor:default;font-style:italic}.set_ojthours_user_list-mobile li.no_results:hover{background:#0000;color:#666}.set_ojthours_remaining{color:#6b7280;font-size:13px;margin-bottom:10px}.set_ojthours_buttons{display:flex;gap:12px;margin-top:12px}.set_ojthours_buttons button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;height:36px;padding:10px 0}.set_ojthours_buttons button:first-child{background:#1a5dac;color:#fff}.set_ojthours_buttons button:first-child:hover{background:#0066d3}.set_ojthours_buttons button:first-child:disabled{cursor:not-allowed;opacity:.6}.set_ojthours_buttons button:last-child{background:#f0f0f0;color:#333}.set_ojthours_buttons button:last-child:hover{background:#e0e0e0}.ojt_desktop_container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:12px;max-width:100%;padding:10px 14px}.ojt_title{font-size:18px;font-weight:600;margin-bottom:12px}.set_ojthours_error{color:#dc2626;font-size:14px;margin-bottom:8px}.set_ojthours_success{color:#16a34a;font-size:14px;margin-bottom:8px}.ojt_horizontal_group{align-items:flex-end;display:flex;gap:12px}.ojt_field{display:flex;flex:1 1;flex-direction:column}.ojt_field.user_list_wrapper{flex:2 1;position:relative}.ojt_field input{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:15px;height:36px;outline:none;padding:6px 10px}.ojt_field input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff26}.user_chip_container{background:#fff}.user_chip{padding:0 8px}.user_chip button{align-items:center;display:flex}.all_option{border-bottom:1px solid #eee}.user_no_results{font-size:14px}.ojt_field.readonly input{background:#f5f5f5;cursor:not-allowed}.ojt_field.action{flex:0.7 1}.ojt_save_btn{background:#1a5dac;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;height:36px;padding:0 14px}.ojt_save_btn:hover{background:#0066d3}.ojt_save_btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1024px){.ojt_horizontal_group{align-items:stretch;flex-direction:column}}.custom_schedule_wrapper{display:flex;flex-direction:column;gap:20px;width:100%}.custom_schedule_btn{background:#1a5dac;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:15px 0;transition:background .2s ease-in-out;white-space:nowrap;width:19em}.custom_schedule_btn:hover{background:#0066d3}.custom_schedule_overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000059;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:10px;position:fixed;top:0;width:100%;z-index:999}.custom_schedule{animation:fadeIn .25s ease-in-out;background:#fff;border-radius:8px;box-shadow:0 10px 30px #00000026;box-sizing:border-box;max-width:480px;padding:20px;width:100%}.custom_schedule h2{color:#333;font-size:18px;font-weight:600;margin-bottom:16px}.schedule_error,.schedule_success{margin-bottom:12px}.schedule_field{margin-bottom:16px}.schedule_field input{height:40px;padding:8px 12px}.user_chip_container{min-height:40px;padding:6px 10px}.user_chip{height:26px;padding:4px 8px}.user_chip button{line-height:1;margin-left:6px;padding:0}.user_chip button:hover{opacity:.8}.user_search_input{box-shadow:none!important;height:auto!important;min-width:120px}.user_dropdown{border-radius:6px;box-shadow:0 4px 12px #0000001f;max-height:220px;top:calc(100% + 4px)}.user_dropdown_item{font-size:14px;padding:10px 12px;transition:background .15s}.user_dropdown_item.all_option{border-bottom:1px solid #e5e7eb;color:#1a5dac}.user_no_results{color:#6b7280;font-size:13px;padding:12px;text-align:center}.custom_schedule_buttons{display:flex;gap:12px;margin-top:20px}.custom_schedule_buttons button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;height:42px;transition:all .2s}.custom_schedule_buttons button:first-child{background:#1a5dac;color:#fff}.custom_schedule_buttons button:first-child:hover{background:#0066d3}.custom_schedule_buttons button:first-child:disabled{cursor:not-allowed;opacity:.6}.custom_schedule_buttons button:last-child{background:#f0f0f0;color:#333}.custom_schedule_buttons button:last-child:hover{background:#e0e0e0}@media (max-width:480px){.custom_schedule{max-width:100%;padding:16px}.custom_schedule h2{font-size:16px}.schedule_field input{height:38px}.user_chip_container{min-height:38px}}.schedule_desktop_container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:12px;padding:10px 14px}.schedule_title{font-size:18px;font-weight:600;margin-bottom:12px}.schedule_error{color:#dc2626;font-size:14px;margin-bottom:8px}.schedule_success{color:#16a34a;font-size:14px;margin-bottom:8px}.schedule_horizontal_group{align-items:flex-end;display:flex;gap:12px}.schedule_field{display:flex;flex:1 1;flex-direction:column}.field_label{color:#6b7280;font-size:13px;font-weight:500;margin-bottom:4px}.schedule_field input{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:15px;height:36px;outline:none;padding:6px 10px}.schedule_field input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff26}.schedule_field.user_list_wrapper{flex:2 1;position:relative}.user_chip_container{align-items:center;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;cursor:text;display:flex;flex-wrap:wrap;gap:6px;height:auto;min-height:36px;padding:0 10px;transition:all .2s}.user_chip_container:focus-within{border-color:#007bff;box-shadow:0 0 0 2px #007bff26;outline:none}.user_chip_container.locked:focus-within{border-color:#d1d5db;box-shadow:none;cursor:not-allowed}.user_chip{align-items:center;background:#e8f0fe;border-radius:4px;color:#1967d2;display:flex;font-size:13px;height:24px;margin:2px 0;padding:0 6px}.user_chip.all_chip{background:#1a5dac;color:#fff;font-weight:600}.user_chip button{background:none;border:none;color:inherit;cursor:pointer;font-size:16px;margin-left:5px}.user_search_input{background:#0000!important;border:none!important;flex:1 1;font-size:15px!important;height:34px!important;min-width:150px;outline:none!important;padding:0!important}.user_search_input:focus{box-shadow:none!important;outline:none!important}.user_chip_container.locked{background-color:#f3f4f6;cursor:not-allowed!important}.user_chip_container.locked .user_search_input{cursor:not-allowed!important;pointer-events:none}.user_chip.all_chip button{cursor:pointer}.user_dropdown{background:#fff;border:1px solid #dadce0;border-radius:4px;box-shadow:0 4px 10px #0000001a;left:0;margin-top:2px;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:1000}.user_dropdown_item{cursor:pointer;padding:10px}.user_dropdown_item:hover{background-color:#f1f3f4;color:#1a73e8}.user_no_results{color:#666;font-style:italic;padding:10px}.schedule_save_btn{background:#1a5dac;border:none;border-radius:6px;color:#fff;cursor:pointer;height:36px;padding:0 14px}.schedule_save_btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1024px){.schedule_horizontal_group{align-items:stretch;flex-direction:column}}.pending-table-container{-webkit-overflow-scrolling:touch;max-height:400px;overflow-x:auto;width:100%}.pending-table{background:#fff;border-collapse:collapse;border-radius:8px;margin:auto;min-width:800px;table-layout:fixed;white-space:nowrap}.pending-table th{color:#000;padding:12px;text-align:left;white-space:nowrap}.pending-table td{border-bottom:1px solid #8b8b8b;display:table-cell;padding:12px;white-space:nowrap}.pending-table__actions .material-symbols-outlined{cursor:pointer;font-size:24px;margin-right:8px;transition:.2s;vertical-align:middle}.pending-table__actions .material-symbols-outlined:hover{opacity:.7}.pending-table__approve{color:#4caf50}.pending-table__delete{color:#d9534f}@media (max-width:600px){.pending-table td,.pending-table th{font-size:14px;padding:8px}.pending-table__actions .material-symbols-outlined{font-size:20px;margin-right:6px}}.pending-table__search{display:flex;gap:10px;margin-bottom:15px}.pending-table__dropdown,.pending-table__input{border:1px solid #ddd;border-radius:6px;padding:8px 10px}@media (max-width:600px){.pending-table__search{align-items:stretch;flex-direction:column}.pending-table__dropdown{max-width:140px;width:100%}.pending-table__input{max-width:220px;width:100%}}.dashboard__containerone{background-color:#eee;padding:20px}.dashboard__container__two,.dashboard__containerone{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:300px;height:auto;justify-content:center;margin:50px auto 0;max-width:1200px}.dashboard__left{width:400px}.dashboard__left,.dashboard__left__two{align-items:center;box-sizing:border-box;display:flex;gap:10px;min-width:150px}.dashboard__left__two{width:500px}.dashboard__right,.dashboard__right__two{align-items:center;box-sizing:border-box;display:flex;flex:1 1;justify-content:flex-end;min-width:300px}@media (max-width:900px){.dashboard__containerone{gap:20px}}@media (max-width:1200px){.dashboard__containerone{align-items:stretch;flex-direction:column;gap:20px;padding:10px}.dashboard__left,.dashboard__right{min-width:0;min-width:auto;width:100%}.dashboard__left{flex-wrap:wrap;gap:10px;justify-content:center}.dashboard__right{align-items:flex-start;justify-content:flex-start}.dashboard__container__two{align-items:center;flex-direction:column;gap:20px;padding:10px}.dashboard__left__two,.dashboard__right__two{align-items:center;display:flex;justify-content:center;width:100%}}.dashboard__left .clock{box-shadow:0 2px 20px #0003;height:150px;left:0;position:relative;top:0;transform:none;width:150px}.dashboard__left .TimeInOut{flex:1 1}.return-button,.signout-button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;height:40px;margin-top:20px;transition:.2s ease;width:300px}.return-button{background-color:#1a5dac}.return-button:hover{background-color:#154a8a;transform:scale(1.01)}.return-button:hover:active{transform:scale(.98)}.signout-button{background-color:red}.signout-button:hover{background-color:#c00;transform:scale(1.01)}.signout-button:hover:active{transform:scale(.98)}.att__carousel-wrapper{display:flex;justify-content:center;width:100%}.att__carousel{anchor-name:--att__carousel;display:flex;gap:0;margin:0 auto 0 100px;max-width:250px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory}.att__carousel-card{align-content:center;align-items:center;border-radius:.5em;display:flex;flex:0 0 100%;height:12em;justify-content:center;scroll-snap-align:center;text-align:center}.att__carousel::-webkit-scrollbar{display:none}.att__carousel::scroll-button(left),.att__carousel::scroll-button(right){position-anchor:--att__carousel;position-area:right center;background-color:#fff;border:none;border-radius:50%;content:"→";cursor:pointer;font-size:large;height:30px;padding-bottom:.1em;position:fixed;translate:-50%;width:30px}.att__carousel::scroll-button(left){position-area:left center;content:"←";translate:50%}.att__carousel::scroll-button(left):disabled,.att__carousel::scroll-button(right):disabled{background-color:#e7e6e6;cursor:auto}.att__carousel::scroll-button(left):not(:disabled):hover,.att__carousel::scroll-button(right):not(:disabled):hover{background-color:#1a5dac;color:#fff}.att__btn-content{position:relative}.att__btn-content,.att__btn-spinner{align-items:center;display:inline-flex;justify-content:center}.att__btn-spinner{position:absolute;transform:scale(.7)}.att__btn-text.hidden{visibility:hidden}.att__btn-ti{background-color:#60e664}.att__btn-ti,.att__btn-to{border:.5px;border-radius:5px;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:large;padding:16px 24px;position:relative}.att__btn-to{background-color:#e86e6e}.att__btn-ti:hover{background-color:#54cc58}.att__btn-to:hover{background-color:#ff7979}.att__btn-ti:disabled,.att__btn-to:disabled{background-color:gray;cursor:not-allowed}.att__btn-lo{background-color:#60e664}.att__btn-li,.att__btn-lo{border:.5px;border-radius:5px;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:large;padding:16px 24px;position:relative}.att__btn-li{background-color:#ff7979}.att__btn-lo:hover{background-color:#54cc58}.att__btn-li:hover{background-color:#e86e6e}.att__btn-li:disabled,.att__btn-lo:disabled{background-color:gray;cursor:not-allowed}@media (max-width:1200px){.att__carousel{anchor-name:--att__carousel;display:flex;gap:0;margin:100px;max-width:250px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory}.att__carousel-card{flex:0 0 100%}.att__carousel::scroll-button(left),.att__carousel::scroll-button(right){border-radius:50%;cursor:pointer;font-size:x-large;height:42px;padding-bottom:.1em;position:fixed;width:42px}}@media (max-width:768px){.att__carousel{margin:0 auto}.att__carousel-card{flex:0 0 100%}.att__carousel::scroll-button(left),.att__carousel::scroll-button(right){border-radius:50%;cursor:pointer;font-size:x-large;height:42px;padding-bottom:.1em;position:fixed;width:42px}}.att__onleave-card{align-items:center;background:#bbb;border-radius:12px;display:flex;justify-content:center;padding:20px;width:100%}.att__onleave-text{color:#555;font-size:22px;font-weight:700;letter-spacing:1px}.att__hint{color:#c15353;display:block;font-size:.95rem;line-height:1.2;margin:6px auto 0;max-width:150px;opacity:.9;text-align:center;-webkit-user-select:none;user-select:none}.clock-live-card{background-color:#f5f5f5;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;padding:20px;text-align:center;width:220px}.clock-live-label{color:#888;font-size:.9rem;font-weight:500;margin-bottom:8px}.clock-live-time{color:#222;font-size:2rem;font-weight:700;margin-bottom:6px}.clock-live-date{color:#555;font-size:.85rem}.logs-card{border-radius:8px;box-shadow:0 4px 12px #0000001a;font-family:Arial,sans-serif;margin:0 auto;max-width:600px;overflow:hidden;width:100%}.logs-card__header{background-color:#1a5dac;color:#fff;display:flex;font-weight:700;justify-content:space-between;padding:12px 16px}.logs-card__body{background-color:#f3f4f6;padding:12px 16px}.logs-card__title{background-color:#1a5dac;border-radius:4px 4px 0 0;color:#fff;font-weight:700;margin-bottom:8px;padding:8px 12px}.logs-card__table-container{overflow-x:auto}.logs-card__table{border-collapse:collapse;width:100%}.logs-card__table td,.logs-card__table th{border:1px solid #d1d5db;padding:8px 12px;text-align:left}.logs-card__table th{background-color:#e5e7eb;font-weight:700}.logs-card__table tbody tr:nth-child(2n){background-color:#fff}.logs-card__table tbody tr:nth-child(odd){background-color:#f9fafb}.filed-leaves-card{border-radius:4px;box-shadow:0 4px 12px #0000001a;font-family:Arial,sans-serif;margin:0 auto;max-width:700px;overflow:hidden;width:100%}.filed-leaves-card__header{background-color:#1a5dac;color:#fff;display:flex;font-weight:700;justify-content:space-between;padding:1px 16px}.filed-leaves-card__title{font-size:15px}.filed-leaves-card__list{grid-gap:.75rem 1rem;display:grid;grid-template-columns:1fr 1fr;padding:20px}.filed-leaves-card__item{display:flex;gap:12px}.filed-leaves-card__item .material-symbols-outlined{color:#1a5dac;font-size:40px}.filed-leaves-card__item{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:50px 1fr}.filed-leaves-card__icon{display:flex;font-size:58px;justify-content:center}.filed-leaves-card__text{align-items:flex-end;display:flex;flex-direction:column;text-align:right}.filed-leaves-card__label{color:#555;font-size:14px;font-weight:600}.filed-leaves-card__value{font-size:22px;font-weight:700}.calendar-card{border-radius:12px;max-width:380px;padding:10px;width:100%}.react-calendar{background:#0000;border:none;font-family:Arial,sans-serif;width:100%}.react-calendar__navigation{align-items:center;display:flex;margin-bottom:6px}.react-calendar__navigation button{background:none;border:none;border-radius:6px;color:#1a5dac;font-size:16px;font-weight:600;padding:6px 10px}.react-calendar__navigation button:hover{background:#f0f6ff}.react-calendar__month-view__days{padding:4px 0}.react-calendar__month-view__days,.react-calendar__month-view__weekdays{grid-gap:4px;display:grid!important;gap:4px;grid-template-columns:repeat(7,1fr)}.react-calendar__month-view__weekdays{color:#3a3a3a;font-size:13px;margin-bottom:4px;text-align:center}.react-calendar__month-view__weekdays__weekday{padding:4px}.react-calendar__tile{background:#0000;border:none;border-radius:8px;padding:12px 0;transition:.15s ease-in-out}.react-calendar__tile:enabled:hover{background:#edf5ff;cursor:pointer}.react-calendar__tile--now{background:#e8f1ff;border-radius:8px;color:#1a5dac;font-weight:700}.react-calendar__tile--active{background:#1a5dac!important;border-radius:8px;color:#fff!important}.react-calendar button:focus{outline:none}@media (max-width:768px){.calendar-card{max-width:100%;padding:10px}.react-calendar__tile{padding:10px 0}.react-calendar__navigation button{font-size:14px}}.user-status-card{background-color:#fff;border-radius:10px;box-shadow:0 0 8px #0000001a;margin:0 auto;max-width:500px;padding:16px;width:100%}.user-status-tabs{border-bottom:1px solid #ddd;display:flex;margin-bottom:12px}.user-status-tabs button{background:none;border:none;cursor:pointer;flex:1 1;font-weight:700;padding:10px;transition:background .2s}.user-status-tabs button.active{border-bottom:3px solid #1a5dac;color:#1a5dac}.user-status-tabs button:hover{background-color:#f7f7f7}.user-status-list{display:flex;flex-direction:column;gap:12px}.user-status-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:8px 0}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600}.user-email{color:#555;font-size:.85rem}.user-time{font-family:monospace;font-weight:500}.no-users{color:#888;padding:20px 0;text-align:center}@media (max-width:480px){.user-status-item{align-items:flex-start;flex-direction:column;gap:4px}.user-time{align-self:flex-end}}.user-time{align-items:flex-end;display:flex;flex-direction:column;font-size:.9rem}.user-time .started-on{color:#888;font-size:.7rem}.user-status-list.scrollable{max-height:240px;overflow-y:auto;padding-right:5px}.user-status-list.scrollable::-webkit-scrollbar{width:6px}.user-status-list.scrollable::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.forgot-background{align-items:center;background-color:#f6f8fa;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;text-align:center;top:0;width:100vw}.forgot-password-box{background-color:#fff;border-radius:12px;box-shadow:0 6px 25px #0000001f;box-sizing:border-box;max-width:405px;padding:35px 40px;text-align:center;width:90%}.forgot-password-text{word-wrap:break-word;color:#444;font-size:15px;line-height:1.6;margin:35px 0 25px;text-align:center}.close-btn{margin-bottom:40px}.forgot-password-button{background-color:#1a5dac;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:17px;height:45px;margin-top:15px;transition:.2s;width:100%}.forgot-password-button:hover{background-color:#154a8a;transform:scale(1.01)}.forgot-password-button:hover:active{transform:scale(.98)}.resend-link-btn{background:none;border:none;cursor:pointer;font-size:14px;padding:0;text-decoration:none;transition:color .2s ease}.resend-link-btn:not(:disabled):hover{text-decoration:underline}.resend-link-btn:disabled{cursor:not-allowed;pointer-events:none;text-decoration:none!important}@media (max-width:480px){.forgot-password-box{padding:25px 20px;width:90%}.close-btn{margin-bottom:30px;margin-right:0}.text-box{font-size:15px;margin:12px 0}}@media (max-width:360px){.forgot-box{padding:20px 16px}.close-btn{margin-bottom:30px;margin-right:0}.text-box{font-size:14px;height:38px}}@media (max-width:480px) and (orientation:portrait){.spinner{border-width:6px;height:48px;width:48px}}@media (max-width:812px) and (orientation:landscape){.spinner{border-width:5px;height:40px;width:40px}}.login-background{align-items:center;background-color:#f6f8fa;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;padding:0 20px;position:fixed;top:0;width:100vw;z-index:-1}.login-logo{height:auto;margin-bottom:15px;width:90px}.login-box{background-color:#fff;border-radius:12px;box-shadow:0 6px 25px #0000001f;box-sizing:border-box;max-width:380px;padding:30px;text-align:center;width:100%}.login-button{background-color:#1a5dac;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:17px;height:45px;margin-top:15px;transition:.2s;width:100%}.login-button:hover{background-color:#154a8a;transform:scale(1.01)}.login-button:active{transform:scale(.98)}.login-eye-wrapper .eye-icon{right:12px!important;top:50%!important;transform:translateY(-50%)}@media (max-width:480px){.login-box{padding:25px 20px}.text-box{font-size:15px;margin:12px 0}.login-logo{width:75px}.login-eye-wrapper .eye-icon{right:10px!important}}@media (max-width:360px){.login-box{padding:20px 16px}.text-box{font-size:14px;height:38px}.login-eye-wrapper .eye-icon{right:8px!important}}.input-group,.password-wrapper{position:relative;width:100%}.password-input{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:10px 40px 10px 10px;width:100%}.eye-icon{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:50%;color:#757575;cursor:pointer;display:inline-flex;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48;justify-content:center;margin-right:10px;overflow:hidden;padding:6px;position:absolute;right:5px;top:50%;transform:translateY(-50%);transition:0s;transition:.3s ease}.eye-icon:hover{background:rgba(0,0,0,.116)}.eye-icon:active:hover{background:rgba(0,0,0,.192)}.eye-icon:after{background:rgba(0,0,0,.158);border-radius:50%;content:"";height:10px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform 1s cubic-bezier(.2,.6,.2,1),opacity .8s ease;width:10px}.eye-icon:active:after{opacity:1;transform:translate(-50%,-50%) scale(10);transition:transform .5s ease-out,opacity .5s ease-out}.new-eye-icon{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:50%;color:#757575;cursor:pointer;display:inline-flex;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48;justify-content:center;margin-right:25px;overflow:hidden;padding:6px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:0s;transition:.3s ease}.new-eye-icon:hover{background:rgba(0,0,0,.116)}.new-eye-icon:active:hover{background:rgba(0,0,0,.192)}.new-eye-icon:after{background:rgba(0,0,0,.158);border-radius:50%;content:"";height:10px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform 1s cubic-bezier(.2,.6,.2,1),opacity .8s ease;width:10px}.new-eye-icon:active:after{opacity:1;transform:translate(-50%,-50%) scale(10);transition:transform .5s ease-out,opacity .5s ease-out}.error-text{color:red;font-size:14px;margin-bottom:10px;margin-top:-5px}.popup-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-box{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0003;max-width:400px;padding:30px 40px;text-align:center}.popup-box p{font-size:18px;margin-bottom:30px}.popup-box button{background-color:#1a5dac;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 16px}.popup-box button:hover{background-color:#154a8a;transform:scale(1.01)}.popup-box button:hover:active{transform:scale(.98)}.reset-background{align-items:center;background-color:#f6f8fa;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;text-align:center;top:0;width:100vw}.reset-password-box{background-color:#fff;border-radius:12px;box-shadow:0 6px 25px #0000001f;box-sizing:border-box;max-width:405px;padding:30px;text-align:center;width:100%}.text-box{margin:14px 0;padding:10px 12px}.reset-password-text{word-wrap:break-word;color:#444;font-size:15px;line-height:1.6;margin:35px 0 25px;text-align:center}.close-btn{box-sizing:border-box;margin-bottom:50px}.reset-password-button{background-color:#1a5dac;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:17px;height:45px;margin-top:15px;transition:.2s;width:100%}.reset-password-button:hover{background-color:#154a8a;transform:scale(1.01)}.reset-password-button:hover:active{transform:scale(.98)}@media (max-width:480px){.reset-password-box{padding:25px 20px;width:90%}.close-btn{margin-bottom:40px;margin-right:0}.text-box{font-size:15px;margin:12px 0}}@media (max-width:360px){.reset-password-box{padding:20px 16px}.close-btn{margin-bottom:40px;margin-right:0}.text-box{font-size:14px;height:38px}}.signup-background{align-items:center;background-color:#f6f8fa;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;text-align:center;top:0;width:100vw;z-index:-1}.top-box-header{align-items:center;display:flex;justify-content:space-between;margin-top:-50px;padding:0 10px;width:100%}.signup-box{background-color:#fff;border-radius:12px;box-shadow:0 6px 25px #0000001f;box-sizing:border-box;max-width:405px;padding:35px 40px;text-align:center;width:100%}.text-box{background:#fafafa;border:1px solid #dcdcdc;border-radius:6px;height:42px;margin:12px 0;width:100%}.text-box:focus{background:#fff;border-color:#1a5dac;outline:none}.signup-text{color:#222;margin-bottom:10px}.close-btn,.signup-text{font-size:28px;font-weight:700}.close-btn{background:none;border:none;color:#333;cursor:pointer;margin-bottom:0;margin-right:-15px;margin-top:20px;padding:5px 10px;transition:.2s ease}.close-btn:hover{color:red;transform:scale(1.1)}.close-btn:hover:active{color:#a30000;transform:scale(.98)}.signup-button{background-color:#1a5dac;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:17px;height:45px;margin-top:15px;transition:.2s;width:100%}.signup-button:hover{background-color:#154a8a;transform:scale(1.01)}.signup-button:hover:active{transform:scale(.98)}.link-text{color:#1a5dac;cursor:pointer}.link-text:hover{text-decoration:underline}@media (max-width:480px){.signup-box{padding:25px 20px;width:90%}.close-btn{margin-right:0;margin-top:30px}.text-box{font-size:15px;margin:12px 0}}@media (max-height:480px) and (orientation:landscape){.signup-box{height:90%;width:90%}.close-btn{margin-bottom:-30px;margin-top:20px}}@media (max-width:360px){.signup-box{padding:20px 16px}.close-btn{margin-right:0;margin-top:30px}.text-box{font-size:14px;height:38px}}.signup-success-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.signup-success-box{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0003;max-width:400px;padding:30px 40px;text-align:center}.signup-success-box p{font-size:18px;margin-bottom:30px}.signup-success-box button{background-color:#1a5dac;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 16px}.signup-success-box button:hover{background-color:#154a8a;transform:scale(1.01)}.signup-success-box button:hover:active{transform:scale(.98)}.timeoff__main{background-color:#fff;border:1px solid #000;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;margin:50px auto;max-width:800px;padding:30px;width:80%}.timeoff_title{color:#1a5dac}.timeoff__description{color:#828282}@media (max-width:766px){.timeoff__main{margin-top:80px}}.leave-form{align-items:center;flex-direction:column;margin:0 auto;max-width:500px}.leave-form,.leave-form .row{display:flex;gap:15px;width:100%}.leave-form .row{flex-wrap:wrap}.leave-form .row.date-row label{flex:1 1 100%}@media (min-width:480px){.leave-form .row.date-row label{flex:1 1 48%}}.leave-form label{color:#333;display:flex;flex-direction:column;font-weight:500;width:100%}.leave-form input[type=date],.leave-form select,.leave-form textarea{border:1px solid #ccc;border-radius:5px;font-size:14px;margin-top:5px;padding:8px 10px}.leave-form textarea{min-height:100px;resize:vertical}.leave-form .submit-btn-container{display:flex;justify-content:flex-end;width:100%}.leave-form button{background-color:#1a5dac;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s}.leave-form button:hover{background-color:#a84747}.loader{background:#fff3}.attendance_edit_btn{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background .2s ease-in-out}.attendance_edit_btn:hover{background:#0066d3}.attendance_popup_overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000059;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:10px;position:fixed;top:0;width:100%;z-index:999}.attendance_popup{animation:fadeIn .25s ease-in-out;background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000026;box-sizing:border-box;font-family:Inter,sans-serif;max-width:380px;padding:28px 24px;width:100%}.attendance_popup h2{color:#333;font-size:20px;font-weight:600;margin-bottom:20px;text-align:center}.attendance_popup label{color:#555;display:block;font-weight:500;margin-bottom:6px}.attendance_popup input,.attendance_popup select{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:15px;margin-bottom:16px;outline:none;padding:10px 12px;transition:.2s;width:100%}.attendance_popup input:focus,.attendance_popup select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff26}.attendance_popup_buttons{display:flex;gap:12px;justify-content:space-between;margin-top:12px}.attendance_popup_buttons button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 0;transition:.2s}.attendance_popup_buttons button:first-child{background:#007bff;color:#fff}.attendance_popup_buttons button:first-child:hover{background:#0066d3}.attendance_popup_buttons button:last-child{background:#f0f0f0;color:#333}.attendance_popup_buttons button:last-child:hover{background:#e0e0e0}.attendance_btn-content{position:relative;width:100%}.attendance_btn-content,.attendance_btn-spinner{align-items:center;display:inline-flex;justify-content:center}.attendance_btn-spinner{position:absolute;transform:scale(.5)}.attendance_btn-text.hidden{visibility:hidden}@media (max-width:768px){.attendance_top_bar{align-items:flex-start;gap:6px;margin:0 8px 12px}.leave-table__search{display:flex;gap:4px;margin-left:-4px;width:100%}.leave-table__dropdown,.leave-table__input{font-size:13px;padding:5px 7px}.attendance_export_btn{font-size:13px;margin-left:-4px;padding:5px 10px}.attendance_filter_bar{gap:6px;margin-left:-4px;width:100%}.attendance_filter_bar label{align-items:center;display:flex;font-size:13px;gap:4px}.attendance_filter_btn{font-size:13px;padding:5px 7px}.attendance_filter-custom-range{flex-direction:row;gap:6px;width:100%}.attendance_filter-custom-range input{flex:1 1;font-size:13px;padding:5px 7px}}@media (max-width:480px){.attendance_top_bar{margin:0 6px 10px}.leave-table__dropdown{font-size:12px;min-width:70px}.leave-table__input{font-size:12px;height:28px}.attendance_filter_btn{font-size:12px;padding:4px 6px}}.export-loader{align-items:center;background:#fff;display:flex;inset:0;justify-content:center;pointer-events:all;position:fixed;z-index:999999}.export-loader-content{align-items:center;display:flex;flex-direction:column}.export-spinner{animation:spin 1s linear infinite;border:8px solid #0003;border-radius:50%;border-top-color:#62a6ff;height:60px;margin-bottom:15px;width:60px}.export-loader-text{color:#333;font-size:1.1rem;font-weight:500;text-align:center}@media (max-width:480px) and (orientation:portrait){.export-spinner{border-width:6px;height:48px;width:48px}.export-loader-text{font-size:1rem}}@media (max-width:812px) and (orientation:landscape){.export-spinner{border-width:5px;height:40px;width:40px}.export-loader-text{font-size:.95rem}}@media (min-width:500px){.attendance_mobile_filter_btn{display:none}}.attendance_mobile_filter_btn{background:#1a5dac;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 18px}.attendance_mobile_filter_btn:hover{background:#0066d3}.attendance_filter_overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000059;display:flex;inset:0;justify-content:center;padding:12px;position:fixed;z-index:999}.attendance_filter_modal{animation:fadeIn .25s ease-in-out;background:#fff;border-radius:16px;max-width:380px;padding:24px;width:100%}.attendance_filter_modal h2{font-size:18px;margin-bottom:16px;text-align:center}.attendance_filter_modal label{display:block;font-size:16px;font-weight:500;margin-bottom:6px}.attendance_filter_modal input,.attendance_filter_modal select{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:16px;margin-bottom:14px;padding:10px 12px;width:100%}.attendance_filter_actions{display:flex;gap:10px;margin-top:10px}.attendance_filter_actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;padding:10px 0}.attendance_filter_actions button:first-child{background:#1a5dac;color:#fff}.attendance_filter_actions button:last-child{background:#f0f0f0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pagination{align-items:center;display:flex;gap:22px}.pagination_btn{background-color:#f7f7f7;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 12px;transition:.2s ease}.pagination_btn:hover:not(:disabled){background-color:#e0e0e0}.pagination_btn:disabled{cursor:not-allowed;opacity:.5}.pagination_info{font-family:Arial,Helvetica,sans-serif;font-size:14px}@media (max-width:768px){.pagination{justify-content:center;margin:12px auto;width:100%}}.attendance_body{margin:0 30px 20px}.attendance_container{background-color:#fff;border:1px solid #d9d9d9;border-radius:5px;box-shadow:0 2px 4px 0 #00000026,0 6px 20px 0 #0000001f;margin:20px auto;overflow-x:auto;overflow-y:auto;width:100%}.attendance_tbl{border-collapse:collapse;min-width:900px;table-layout:auto;width:100%}.attendance_top_bar{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.attendance_filter_bar{align-items:center;display:flex;gap:10px;margin:0;width:auto}.attendance_filter-custom-range{display:flex;gap:10px;margin-left:10px}.attendance_filter_bar select,.attendance_filter_btn{background-color:#f7f7f7;border:1px solid #ccc;border-radius:5px;cursor:pointer;font-family:inherit;font-size:16px;padding:8px 12px;transition:all .2s ease}.attendance_filter_bar select:hover,.attendance_filter_btn:hover{background-color:#e0e0e0;border-color:#999}.attendance_filter_bar select:focus,.attendance_filter_btn:focus{border-color:#1a5dac;box-shadow:0 0 0 2px #1a5dac4d;outline:none}.attendance_export_btn{background-color:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:16px;padding:10px 18px;transition:.2s ease}.attendance_export_btn:hover{background-color:#222323}.attendance_head{color:#1a5dac}.attendance_head,.attendance_message{font-family:Arial,Helvetica,sans-serif}.attendance_message{color:#000;font-size:25px;text-align:center}.attendance_tbl td,.attendance_tbl th{font-family:Arial,Helvetica,sans-serif;font-size:large;padding:.8rem;text-align:left;vertical-align:top}.attendance_tbl th{border-bottom:1px solid #000}.attendance_tbl tr{border-bottom:1px solid #ddd}.attendance_tbl td{transition:background-color .2s ease}.attendance_tbl tr:hover td{background-color:#fafafa}.attendance_status-present{color:#54cc58;font-weight:700}.attendance_status-tardy{color:#2a44c6;font-weight:700}.attendance_status-absent{color:#d40707;font-weight:700}.attendance_status-on-leave{color:#d2a516;font-weight:700}@media (max-width:1279px){.attendance_body{margin:0 30px 20px}.attendance_container{background-color:#fff;border:1px solid #d9d9d9;border-radius:5px;box-shadow:0 2px 4px 0 #00000026,0 6px 20px 0 #0000001f;margin:20px auto;overflow-x:auto;width:100%}.attendance_tbl{border-collapse:collapse;min-width:900px;table-layout:auto;width:100%}.attendance_tbl td,.attendance_tbl th{word-wrap:break-word;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.8rem;text-align:left;vertical-align:top}}@media (max-width:768px){.attendance_top_bar{align-items:flex-start;flex-direction:row;gap:20px;margin-left:30px}.attendance_export_bar{display:flex;justify-content:flex-start;margin:0 auto 10px 10px;max-width:1440px;width:100%}.attendance_export_btn{background-color:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:16px;padding:10px 18px;transition:.2s ease}.attendance_body{margin:auto;width:100%}.attendance_tbl{border-collapse:collapse;min-width:100%;table-layout:auto}.attendance_container{background-color:#fff;border:1px solid #d9d9d9;border-radius:5px;box-shadow:0 2px 4px 0 #00000026,0 6px 20px 0 #0000001f;overflow-x:hidden;width:90%}.attendance_head{color:#1a5dac;font-family:Arial,Helvetica,sans-serif;margin-left:30px}.attendance_tbl th{display:none}.attendance_tbl td,.attendance_tbl tr{display:block;width:100%}.attendance_tbl tr{border-bottom:1px solid #ccc;border-radius:5px;margin-bottom:1rem;padding:.5rem 0}.attendance_tbl td{border:none;font-size:1.1rem;padding-bottom:.3rem;padding-left:45%;padding-top:.3rem;position:relative;text-align:left}.attendance_tbl td:before{content:attr(data-label);font-weight:700;left:10px;padding-left:.5rem;position:absolute;white-space:nowrap}}@media (max-width:627px){.attendance_filter_bar{align-items:flex-start;flex-direction:column;gap:5px;width:100%}.attendance_filter-custom-range{display:flex;flex-direction:column;gap:6px;margin:0;width:50%}.attendance_filter-custom-range input{width:100%}}.modal-overlay{align-items:flex-start;background:#00000073;display:flex;inset:0;justify-content:flex-end;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease;z-index:9999}.modal-overlay.show{opacity:1;pointer-events:auto}.modal-content{background:#fff;border-radius:14px;box-shadow:0 15px 30px #00000040;margin:30px;max-width:95%;opacity:0;padding:22px;transform:translateX(40px) scale(.95);transition:all .25s ease;width:420px}.modal-overlay.show .modal-content{opacity:1;transform:translateX(0) scale(1)}.modal-content h2{font-size:20px;margin-bottom:15px}.form-group{display:flex;flex-direction:column;margin-bottom:12px}.form-group label{font-size:13px;font-weight:600;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ccc;border-radius:8px;font-size:13px;padding:9px 10px}.form-group textarea{min-height:90px;resize:vertical}.grid-2{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.btn-primary{background:#1a5dac;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 18px}.btn-primary:hover{background:#154883}.btn-secondary{background:#e0e0e0;border:none;border-radius:8px;cursor:pointer;padding:8px 16px}@media (max-width:600px){.modal-content{margin:15px;width:100%}}modal-actions button{border:none;border-radius:8px;cursor:pointer;margin-left:10px;padding:8px 16px}.modal-actions button[type=submit]{background-color:#1a5dac;color:#fff}.modal-actions button[type=button]{background-color:#ccc}.time-adjustment-buttons{display:flex;flex-direction:column;gap:10px;position:absolute;right:20px;top:20px;z-index:1000}.time-adjustment-box{background-color:#07f;border:#ccc;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;margin-right:10px;outline:#ccc;padding:12px 20px;transition:.3s ease-in-out}.time-adjustment-container{align-items:center;display:flex;justify-content:center;margin:20px 0;width:100%}.time-adjustment-box.circle{align-items:center;background-color:#07f;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;padding:0;transition:.3s ease-in-out;width:50px}.time-adjustment-box.circle:hover{background-color:#005ec9;transform:scale(1.05)}@media (max-width:600px){.time-adjustment-box.circle{font-size:20px;height:40px;width:40px}.time-adjustment-container{margin:15px 0}}.time-adjustment-box.circle:active{background-color:#004ca3;transform:scale(.95)}.time-adjustment-box:hover{background-color:#005ec9;transform:scale(1.01)}.time-adjustment-box:active:hover{background-color:#004ca3;transform:scale(.99)}@media (max-width:768px){.time-adjustment-buttons{align-items:stretch;margin:15px auto;position:static;width:90%;z-index:auto}.time-adjustment-box{text-align:center;width:87%}.time-adjustment-container{margin:0}}.daterange_container{align-items:center;display:flex;gap:10px;margin-left:10px;margin-top:10px}.daterange_bar{align-items:center;border-radius:5px;display:flex;font-family:Arial,Helvetica,sans-serif;margin-left:0;padding:8px 8px 8px 16px;width:270px}.daterange_bar,.daterange_btn{background-color:#fff;box-shadow:0 2px 4px 0 #00000026,0 6px 20px 0 #0000001f;margin-top:10px}.daterange_btn{border:none;border-radius:5px;cursor:pointer;font-size:18px;padding:7.2px 12px;transition:.2s ease}.daterange_btn:hover{background:#1a5dac;color:#fff}@media (max-width:768px){.daterange_container{align-items:center;display:flex;gap:10px;justify-content:center;margin-right:20px;margin-top:20px}.daterange_bar{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px 0 #00000026,0 6px 20px 0 #0000001f;font-family:Arial,Helvetica,sans-serif;margin-top:5px;padding:9px 16px;white-space:nowrap;width:170px}.daterange_bar-hide-title{display:none}.daterange_btn{margin-bottom:5px;padding:8px 12px}}.user-info-container{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 18px #00000014;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:30px auto;max-width:420px;padding:50px;width:100%}.user-info-container h2,.user-info-container h3{color:#333;margin:10px 0;text-align:center}.profile-pic-section{align-items:center;display:flex;flex-direction:column;gap:10px}.profile-pic-section img{border-radius:50%;height:120px;object-fit:cover;width:120px}.crop-modal{align-items:center;background:#000000b3;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.crop-container{background:#333;height:400px;position:relative;width:400px}.email-section,.password-section,.user-section{display:flex;flex-direction:column;gap:8px}.email-section button,.password-section button,.user-section button{width:-webkit-fit-content;width:fit-content}.email-section input,.password-section input,.user-section input{border:1px solid #ccc;border-radius:6px;padding:8px}.text-box{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:16px;height:40px;margin:10px 0;padding:10px;width:300px}.edit-icon{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:50%;color:#757575;cursor:pointer;display:inline-flex;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48;justify-content:center;overflow:hidden;padding:6px;position:absolute;right:-45px;top:50%;transform:translateY(-50%);transition:0s;transition:.3s ease}.edit-icon:hover{background:rgba(0,0,0,.116)}.edit-icon:active:hover{background:rgba(0,0,0,.192)}.edit-icon:after{background:rgba(0,0,0,.158);border-radius:50%;content:"";height:10px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform 1s cubic-bezier(.2,.6,.2,1),opacity .8s ease;width:10px}.edit-icon:active:after{opacity:1;transform:translate(-50%,-50%) scale(10);transition:transform .5s ease-out,opacity .5s ease-out}@media (max-width:768px){.user-info-container{margin:16px auto;max-width:420px;padding:24px 18px;width:calc(100% - 32px)}.edit-icon{right:10px}.text-box{padding-right:45px;width:100%}}.change-password-form-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;max-width:200px;padding:10px;transition:.3s ease;width:100%}.change-password-form-button:hover{background-color:#0056b3}.uc-password-wrapper{margin-bottom:15px}.uc-input-group,.uc-password-wrapper{position:relative;width:100%}.uc-password-input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:16px;height:40px;margin:10px 0;padding:10px;width:300px}.uc-eye-icon{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:50%;color:#757575;cursor:pointer;display:inline-flex;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48;justify-content:center;padding:6px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:.3s ease}.uc-eye-icon:hover{background:rgba(0,0,0,.116)}.uc-eye-icon:active:hover{background:rgba(0,0,0,.192)}.uc-eye-icon:after{background:rgba(0,0,0,.158);border-radius:50%;content:"";height:10px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform 1s cubic-bezier(.2,.6,.2,1),opacity .8s ease;width:10px}.uc-eye-icon:active:after{opacity:1;transform:translate(-50%,-50%) scale(10);transition:transform .5s ease-out,opacity .5s ease-out}.uc-new-eye-icon{align-items:center;border-radius:50%;color:#757575;cursor:pointer;display:inline-flex;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48;justify-content:center;margin-right:-30px;padding:6px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:.3s ease}.uc-new-eye-icon:hover{background:rgba(0,0,0,.116)}.uc-new-eye-icon:active:hover{background:rgba(0,0,0,.192)}.uc-new-eye-icon:after{background:rgba(0,0,0,.158);border-radius:50%;content:"";height:10px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform 1s cubic-bezier(.2,.6,.2,1),opacity .8s ease;width:10px}.uc-new-eye-icon:active:after{opacity:1;transform:translate(-50%,-50%) scale(10);transition:transform .5s ease-out,opacity .5s ease-out}.uc-error-text{color:red;font-size:14px;margin-bottom:10px;margin-top:-5px}.password-buttons{gap:10px;margin-top:10px}.loader,.password-buttons{display:flex;justify-content:center}.loader{align-items:center;background:#fff;inset:0;pointer-events:all;position:fixed;z-index:999999}.loader-content{align-items:center;display:flex;flex-direction:column}.spinner{animation:spin 1s linear infinite;border:8px solid #0003;border-radius:50%;border-top-color:#62a6ff;height:60px;margin-bottom:15px;width:60px}.loader-text{color:#333;font-size:1.1rem;font-weight:500;text-align:center}@media (max-width:480px) and (orientation:portrait){.spinner{border-width:6px;height:48px;width:48px}.loader-text{font-size:1rem}}@media (max-width:812px) and (orientation:landscape){.spinner{border-width:5px;height:40px;width:40px}.loader-text{font-size:.95rem}}@keyframes spin{to{transform:rotate(1turn)}}.user-time-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.user-time-table{background:#fff;border-collapse:collapse;border-radius:8px;margin:auto;min-width:800px;table-layout:fixed;white-space:nowrap}.user-time-table th{color:#000;padding:12px;text-align:left;white-space:nowrap}.user-time-table td{border-bottom:1px solid #8b8b8b;display:table-cell;padding:12px;white-space:nowrap}.user-time-table__actions .material-symbols-outlined{cursor:pointer;font-size:24px;margin-right:8px;transition:.2s;vertical-align:middle}.user-time-table__actions .material-symbols-outlined:hover{opacity:.7}.user-time-table__approve{color:#4caf50}.user-time-table__reject{color:#ff9800}.user-time-table__delete{color:#d9534f}.user-time-table__status{font-weight:700;text-transform:uppercase}.user-time-table__status--pending{color:#d2a516}.user-time-table__status--approved{color:#54cc58}.user-time-table__status--rejected{color:#d40707}@media (max-width:600px){.user-time-table td,.user-time-table th{font-size:14px;padding:8px}.user-time-table__actions .material-symbols-outlined{font-size:20px;margin-right:6px}}.user-time-table__search{display:flex;gap:10px;margin-bottom:15px}.user-time-table__dropdown,.user-time-table__input{border:1px solid #ddd;border-radius:6px;padding:8px 10px}.user-leave-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.user-leave-table{background:#fff;border-collapse:collapse;border-radius:8px;margin:auto;min-width:800px;table-layout:fixed;white-space:nowrap}.user-leave-table th{color:#000;padding:12px;text-align:left;white-space:nowrap}.user-leave-table td{border-bottom:1px solid #8b8b8b;display:table-cell;padding:12px;white-space:nowrap}.user-leave-table__actions .material-symbols-outlined{cursor:pointer;font-size:24px;margin-right:8px;transition:.2s;vertical-align:middle}.user-leave-table__actions .material-symbols-outlined:hover{opacity:.7}.user-leave-table__approve{color:#4caf50}.user-leave-table__reject{color:#ff9800}.user-leave-table__delete{color:#d9534f}.user-leave-table__status{font-weight:700;text-transform:uppercase}.user-leave-table__status--pending{color:#d2a516}.user-leave-table__status--approved{color:#54cc58}.user-leave-table__status--rejected{color:#d40707}@media (max-width:600px){.user-leave-table td,.user-leave-table th{font-size:14px;padding:8px}.user-leave-table__actions .material-symbols-outlined{font-size:20px;margin-right:6px}}.user-leave-table__search{display:flex;gap:10px;margin-bottom:15px}.user-leave-table__dropdown,.user-leave-table__input{border:1px solid #ddd;border-radius:6px;padding:8px 10px}.user-time__main{border-radius:10px;display:flex;flex-direction:column;margin:0 auto 140px;padding:60px 30px 30px;position:relative;width:90%}.user-time-title_h3{color:#1a5dac;font-size:30px;margin-bottom:30px;margin-top:50px}.user-time__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.x-button{background:none;border:none;color:#333;cursor:pointer;display:inline-flex;flex-direction:column;font-size:24px;font-weight:700;gap:10px;padding:5px 10px;position:absolute;right:20px;text-decoration:none;top:60px;transition:all .2s ease;z-index:999}.x-button:hover{color:red;transform:scale(1.1)}.x-button:active:hover{color:#a30000;transform:scale(.98)}@media (max-width:600px){.x-button{font-size:20px;gap:6px;padding:4px 8px;right:20px;top:65px}.x-button:hover{transform:scale(1.05)}.x-button:active:hover{transform:scale(.95)}}
/*# sourceMappingURL=main.353dfd81.css.map*/