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}.news-ticker-container{align-items:center;border-radius:6px;color:#fff;display:flex;height:30px;overflow:hidden;position:relative;width:80%}.news-ticker-content{font-size:14px;font-weight:500;padding-left:70px;white-space:nowrap;will-change:transform}.news-ticker-container{animation:fadeIn .5s ease-out}@media (max-width:768px){.news-ticker-container{height:26px}.news-ticker-container:before{font-size:11px;padding:0 8px}.news-ticker-content{font-size:13px;padding-left:60px}}@media (max-width:480px){.news-ticker-container:before{font-size:10px;padding:0 6px}.news-ticker-content{font-size:12px;padding-left:50px}}:root{--ticker-height:30px}.custom-header{align-items:center;display:flex;height:64px;height:var(--header-height);justify-content:space-between;top:0;z-index:100}.custom-header,.news-ticker-wrapper{background:linear-gradient(145deg,var(--primary-color),var(--gray-700));box-shadow:0 4px 10px #0000001a;box-sizing:border-box;left:0;padding:0 48px;position:fixed;transition:all .3s ease;transition:all var(--transition-speed) ease;width:100%}.news-ticker-wrapper{top:64px;top:var(--header-height);z-index:99}.header-left{flex:1 1;gap:16px}.hamburger-menu{cursor:pointer;display:flex;flex-direction:column;height:24px;justify-content:space-around;transition:transform .3s ease-in-out;transition:transform var(--transition-speed) ease-in-out;width:24px}.hamburger-menu:hover{transform:scale(1.1)}.header-logo{border-radius:10px;display:inline-block;height:auto;margin-top:25px;padding:3px;width:60%}.hamburger-menu .line{background-color:var(--card-bg);border-radius:4px;height:2px;margin:2px 0;transition:transform .3s ease,opacity .3s ease;transition:transform var(--transition-speed) ease,opacity var(--transition-speed) ease}.hamburger-menu.active .line:first-child{transform:translateY(8px) rotate(45deg)}.hamburger-menu.active .line:nth-child(2){opacity:0}.hamburger-menu.active .line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.search-box{background-color:#ffffff26;border:none;border-radius:8px;box-shadow:0 2px 5px #0000000d;color:var(--card-bg);font-size:14px;max-width:100%;padding:10px 16px;transition:all .3s ease;transition:all var(--transition-speed) ease;width:240px}.search-box::placeholder{color:#ffffffb3}.search-box:focus{background-color:#ffffff40;box-shadow:0 2px 8px #0000001a;outline:none;width:280px}.header-right{gap:20px;justify-content:flex-end}.profile-info{align-items:center;display:flex;gap:12px;position:relative}.name-designation{max-width:180px;overflow:hidden;text-align:left;transition:opacity .3s ease;transition:opacity var(--transition-speed) ease;white-space:nowrap}.header-name{color:var(--card-bg);font-size:14px;font-weight:600;margin-bottom:2px}.header-designation{color:#fffc;font-size:12px}.profile-img{border:2px solid #fff3;border-radius:50%;cursor:pointer;height:36px;object-fit:cover;transition:transform .3s ease,border-color .3s ease;transition:transform var(--transition-speed) ease,border-color var(--transition-speed) ease;width:36px}.profile-img:hover{border-color:#ffffff80;transform:scale(1.1)}.custom-dropdown-container{font-size:14px;position:relative;width:160px}.custom-dropdown-selected{align-items:center;background-color:#ffffff26;border:none;border-radius:8px;box-shadow:0 2px 5px #0000000d;color:var(--card-bg);cursor:pointer;display:flex;justify-content:space-between;padding:10px 16px;transition:background .3s ease}.custom-dropdown-selected:hover{background-color:var(--gray-500)}.custom-dropdown-option.selected:hover,.custom-dropdown-option:hover{background-color:var(--gray-300)}.custom-dropdown-selected.active{background-color:#ffffff40;box-shadow:0 2px 8px #0000001a}.dropdown-arrow{transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.custom-dropdown-options{animation:fadeIn .2s ease;background-color:var(--card-bg);border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;top:110%;width:100%;z-index:10}.custom-dropdown-option{cursor:pointer;padding:12px 16px;transition:background-color .2s ease,color .2s ease}.custom-dropdown-option:first-child{border-radius:8px 8px 0 0}.custom-dropdown-option:last-child{border-radius:0 0 8px 8px}.custom-dropdown-option.selected{background-color:var(--gray-400);font-weight:500}body{padding-top:94px;padding-top:calc(var(--header-height) + var(--ticker-height))}body.no-ticker{padding-top:64px;padding-top:var(--header-height)}@media (max-width:1024px){.custom-header,.news-ticker-wrapper{padding:0 24px}.search-box{width:200px}.search-box:focus{width:240px}}@media (max-width:768px){.custom-header{height:56px;height:var(--header-height-mobile);padding:0 16px}.news-ticker-wrapper{padding:0 16px;top:56px;top:var(--header-height-mobile)}:root{--ticker-height:26px}.search-box{width:160px}.search-box:focus{width:180px}.name-designation{max-width:120px}.date-dropdown{width:140px}}@media (max-width:640px){.header-right{gap:12px}.name-designation{display:none}.search-box,.search-box:focus{width:140px}.date-dropdown{width:120px}}@media (max-width:480px){.custom-header{align-items:center;display:flex;flex-wrap:wrap;height:auto;justify-content:center;padding:12px 16px}:root{--header-height-mobile:56px;--ticker-height:24px}.header-left,.header-right{justify-content:space-between}.search-box,.search-box:focus{display:none;margin-top:12px;order:3;width:calc(100% - 40px)}.date-dropdown{order:4}.profile-info{display:none}}@media (prefers-color-scheme:dark){.custom-header,.news-ticker-wrapper{box-shadow:0 4px 10px #0003}.date-dropdown,.search-box{background-color:#00000026;border:1px solid hsla(0,0%,100%,.934)}.date-dropdown:focus,.date-dropdown:hover,.search-box:focus{background-color:#00000040;border:1px solid hsla(0,0%,100%,.934)}}.sidebar{background-color:var(--gray-800);box-shadow:3px 0 10px var(--shadow);color:var(--card-bg);height:100vh;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;width:260px;z-index:1001}.sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;padding:0 0 10px}.sidebar-header h2{font-size:1.5rem;margin:0}.site-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--card-bg);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:var(--transition)}.site-close-btn:hover{background-color:var(--gray-700);transform:rotate(90deg)}.sidebar-section{margin-bottom:20px}.section-title{border-bottom:1px solid var(--gray-700);color:var(--gray-400);font-size:1rem;margin:0 0 10px;padding-bottom:5px}.sidebar-list{list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0}.sidebar-item{align-items:center;border-radius:var(--border-radius);cursor:pointer;display:flex;margin:5px 0;padding:10px 15px;transition:var(--transition)}.sidebar-item:hover{background-color:var(--gray-700);transform:translateX(5px)}.sidebar-item a{color:var(--card-bg);display:block;text-decoration:none;width:100%}.sidebar-logo{border-radius:10px;display:inline-block;height:auto;padding:3px;width:70%}.sidebar-item a:hover{background-color:var(--gray-700)}.overlay{background:var(--shadow);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:1000}.attendance-page{background-color:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--border-radius);box-shadow:var(--box-shadow);display:flex;flex-direction:column;height:calc(100vh - 100px);margin:80px 20px 20px;overflow-x:auto}.attendance-container{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px}.scroll-container{display:flex;flex:1 1;flex-direction:column;isolation:isolate}.empty-state{background-color:#fff;border-radius:8px;color:var(--gray-600);margin-top:20px;padding:40px}.data-container{display:flex;flex:1 1;flex-direction:column;margin-bottom:20px;min-width:100%;overflow-x:auto;overflow-x:scroll!important;overflow-y:auto;padding:4px 0 16px;scroll-behavior:smooth;white-space:nowrap;width:100%}.data-container::-webkit-scrollbar{height:8px;width:8px}.data-container::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:10px}.button-group{display:flex;flex-wrap:wrap;gap:12px;justify-content:end}.attendance-controls{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.control-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:var(--transition)}.control-button:hover{background-color:var(--primary-dark);transform:translateY(-1px)}.control-button.secondary{background-color:#fff;border:1px solid #d9d9d9;color:var(--primary-color)}.control-button.secondary:hover{background-color:#f0f7ff}.tooltip{position:relative}.tooltip:hover:after{background-color:var(--gray-800);border-radius:4px;bottom:125%;color:#fff;content:attr(data-tooltip);font-size:12px;left:50%;padding:6px 10px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.attendance-lock-popup{animation:popup-fade-in .2s ease-out;background-color:#fff;background-color:var(--card-bg,#fff);border:1px solid #00000014;border:1px solid var(--border-color,#00000014);border-radius:8px;border-radius:var(--border-radius,8px);box-shadow:0 6px 16px #0000001f,0 3px 6px #00000014;box-shadow:var(
      --box-shadow,0 6px 16px #0000001f,0 3px 6px #00000014
    );overflow:visible;width:450px;z-index:1000}@keyframes popup-fade-in{0%{opacity:0;transform:translateY(-10px) translateX(-50%)}to{opacity:1;transform:translateY(0) translateX(-50%)}}.popup-header{background:linear-gradient(90deg,#f8f9fa,#f1f3f5);border-bottom:1px solid #00000014;border-bottom:1px solid var(--border-color,#00000014);border-radius:8px 8px 0 0;border-radius:var(--border-radius,8px) var(--border-radius,8px) 0 0;padding:16px 20px}.popup-header h3{color:#2c3e50;font-size:18px;font-weight:600;letter-spacing:-.2px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.close-button{color:#7f8c8d;flex-shrink:0;margin-left:8px;padding:6px}.close-button:hover{background-color:#e74c3c1a;color:#e74c3c}.popup-content{padding:20px}.approval-info h4{color:#34495e;font-size:16px;font-weight:600;letter-spacing:-.2px;margin-bottom:16px;margin-top:0}.user-select{border-radius:6px;box-shadow:0 2px 5px #0000000d;margin-bottom:24px}.user-select__control{border-color:#dfe6e9!important;border-radius:6px!important;box-shadow:none!important;min-height:45px!important}.user-select__control--is-focused{border-color:#3498db!important;box-shadow:0 0 0 1px #3498db!important}.user-select__value-container{padding:2px 12px!important}.user-select__menu{border-radius:6px!important;box-shadow:0 4px 12px #00000026!important;overflow:hidden;z-index:1100!important}.user-select__menu-list{max-height:200px;padding:8px 0!important}.user-select__option{cursor:pointer!important;padding:10px 16px!important}.action-buttons{border-top:1px solid #f0f0f0;display:flex;gap:16px;justify-content:flex-end;margin-top:30px;padding-top:20px}.lock-button,.unlock-button{align-items:center;border:none;border-radius:6px;box-shadow:0 2px 5px #0000001a;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.unlock-button{background-color:#3498db;color:#fff}.unlock-button:hover{background-color:#2980b9;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.lock-button{background-color:#e74c3c;color:#fff}.lock-button:hover{background-color:#c0392b;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}body .user-select__menu{background-color:#fff}body .user-select__option{background-color:initial;transition:all .2s ease}body .user-select__option--is-focused{background-color:#f8f9fa}body .user-select__option--is-selected{background-color:#3498db;color:#fff}body .user-select__multi-value{background-color:#e1f0fa;border-radius:4px;margin:3px}body .user-select__multi-value__label{color:#2980b9;font-size:13px;padding:3px 6px}body .user-select__multi-value__remove{border-radius:0 4px 4px 0;color:#7f8c8d;padding:0 6px}body .user-select__multi-value__remove:hover{background-color:#e74c3c;color:#fff}.popup-content p{background-color:#f8f9fa;border-radius:4px;color:#7f8c8d;font-style:italic;padding:12px;text-align:center}@media screen and (max-width:1200px){.attendance-page{height:calc(100vh - 90px);margin:70px 12px 12px}.attendance-container{padding:12px}}@media screen and (max-width:768px){.attendance-page{border-radius:8px;height:calc(100vh - 80px);margin:60px 8px 8px}.attendance-container{padding:8px}.scroll-container{isolation:auto}.attendance-controls{flex-wrap:wrap;gap:8px}.control-button{flex:1 0 auto;font-size:13px;justify-content:center;min-width:120px;padding:6px 12px}.data-container{-webkit-overflow-scrolling:touch;padding-bottom:60px}.data-container::-webkit-scrollbar{height:6px;width:6px}.empty-state{margin-top:15px;padding:30px 20px}.attendance-lock-popup{max-width:450px;width:90%}.popup-header{padding:14px 16px}.popup-header h3{font-size:16px}.popup-content{padding:16px}.approval-info h4{font-size:15px;margin-bottom:12px}.user-select{margin-bottom:20px}.user-select__control{min-height:40px!important}.tooltip:hover:after{font-size:11px;line-height:1.3;max-width:200px;padding:4px 8px;white-space:normal}}@media screen and (max-width:480px){.attendance-page{margin:8px}.attendance-lock-popup{left:50%!important;transform:translateX(-50%)!important;width:95%!important}.popup-content,.popup-header{padding:12px}.close-button{padding:4px}.action-buttons{flex-direction:column;gap:12px}.lock-button,.unlock-button{justify-content:center;width:100%}.attendance-controls{flex-direction:column}.control-button{width:100%}.data-container::-webkit-scrollbar{height:4px;width:4px}}@media (hover:none){.control-button{min-height:38px}.control-button:active{background-color:var(--primary-dark)}.control-button.secondary:active{background-color:#f0f7ff}.tooltip:active:after{background-color:var(--gray-800);border-radius:4px;bottom:125%;color:#fff;content:attr(data-tooltip);font-size:12px;left:50%;padding:6px 10px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}}@media print{.attendance-page{border:none;box-shadow:none;margin:0}.attendance-container,.attendance-page,.data-container,.scroll-container{height:auto;overflow:visible}.attendance-controls{display:none}}@media screen and (max-width:768px) and (orientation:landscape){.attendance-page{height:calc(100vh - 60px);margin-top:50px}}.loading-container{align-items:center;color:#555;display:flex;flex-direction:column;padding:40px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:16px;width:40px}.loading-main-text{font-size:18px;font-weight:500}.loading-sub-text{color:#888;font-size:14px;margin-top:4px}.header-wrapper{border-radius:var(--border-radius);display:flex;flex-direction:column;overflow:auto;top:0;width:100%;z-index:10}.header-wrapper::-webkit-scrollbar{display:none;width:10px}.header-wrapper::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:0;display:block;visibility:visible}.header-container{background-color:#fff;z-index:2}.header-row{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:10px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;color:#fff;flex-wrap:nowrap;font-weight:600;margin-left:5px;min-height:50px;overflow-x:clip;padding:0 2px;position:relative;width:-webkit-max-content;width:max-content}.fixed-columns,.header-row,.scrollable-columns{display:flex}.fixed-columns{background:inherit;border-radius:var(--border-radius) 0 0 var(--border-radius);display:flex;flex-shrink:0;left:0;min-width:600px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.scrollable-columns{display:flex;flex-wrap:nowrap;overflow-x:hidden}.attendance-header-cell-container,.attendance-header-date-title-container{align-items:center;display:flex;justify-content:center}.attendance-header-date-title-container{gap:10px}.attendance-header-date-title-container svg{color:var(--card-bg);height:20px;width:20px}.attendance-header-total-title-container{align-items:center;display:flex;gap:12px;justify-content:space-between;width:60%}.header-cell{align-items:center;border-right:1px solid #fff3;box-sizing:border-box;display:flex;flex-direction:column;font-size:14px;justify-content:center;letter-spacing:.5px;padding:10px 15px;text-align:center;transition:var(--transition)}.header-cell.punch-code{min-width:120px;width:120px}.header-cell.name{min-width:240px;width:240px}.header-cell.designation{min-width:140px;width:140px}.header-cell.department{min-width:170px;width:170px}.header-cell.attendance-header-cell{font-weight:700;min-width:232px;width:232px}.header-cell.total-attendance-header-cell{padding:2px!important}.header-cell:last-child{border-right:none}.header-cell:hover{background-color:#ffffff1a}.date-header{gap:22px;margin-top:8px}.date-header,.total-data-header{border-top:1px solid #ffffff4d;display:flex;justify-content:space-between;padding:6px 0 0;width:100%}.total-data-header{align-items:center;gap:14px;margin-top:10px}.sub-header-cell{padding:6px}.sub-header-cell,.total-sub-header-cell{flex:1 1;font-size:12px;font-weight:500;text-align:center;text-transform:uppercase;white-space:nowrap}.total-sub-header-cell{text-wrap:wrap;padding:2px}@media screen and (max-width:1024px){.header-row{min-height:45px}.header-cell{font-size:13px;padding:8px 12px}.sub-header-cell{font-size:11px;padding:4px}.date-header{gap:16px;margin-top:6px}}@media screen and (max-width:768px){.header-cell.punch-code{min-width:120px;width:120px}.header-cell.name{min-width:140px;width:140px}.header-cell.department,.header-cell.designation{min-width:120px;width:120px}.header-cell.attendance-header-cell{min-width:200px;width:200px}.header-cell.total-attendance-header-cell{min-width:350px;padding:0!important;width:350px}.fixed-columns{min-width:380px}.attendance-header-date-title-container{flex-direction:column;gap:5px}.attendance-header-date-title-container svg{height:16px;width:16px}}@media screen and (max-width:480px){.header-row{min-height:40px}.header-cell{font-size:12px;padding:6px 8px}}@media screen and (max-width:768px) and (orientation:landscape){.fixed-columns{min-width:350px}}@media screen and (min-width:1600px){.header-cell{font-size:15px}}@media print{.header-row{break-inside:avoid;page-break-inside:avoid}.fixed-columns{background:none;position:static}.header-cell{border:1px solid #ddd}}.data-row{background-color:#fff;border:1px solid var(--gray-200);border-left:5px solid #0000;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000000d;box-sizing:border-box;display:flex;flex:0 0 auto;min-height:50px;min-width:-webkit-max-content;min-width:max-content;transition:var(--transition);width:-webkit-max-content;width:max-content}.data-row.hovered,.data-row.hovered>.fixed-data-cells>div,.data-row.hovered>.scrollable-data-cells>div,.data-row.hovered>.total-data-cell{background-color:#ecf8fff1!important;box-shadow:0 2px 4px #3a86ff26;transform:translateY(-2px)}.fixed-data-cells{background:#fff;border-radius:var(--border-radius) 0 0 var(--border-radius);display:flex;flex-shrink:0;left:0;min-width:600px;position:-webkit-sticky;position:sticky;position:s;z-index:1}.scrollable-data-cells{display:flex;flex:1 1}.data-cell{align-items:center;border-right:1px solid var(--gray-300);color:var(--gray-800);display:flex;font-size:14px;justify-content:center;padding:8px 15px;text-align:center;white-space:nowrap;z-index:0}.data-cell:hover{background-color:var(--gray-100)}.fixed-data-cells .data-cell{background-color:#fff;left:0;z-index:1}.data-cell.punch-code{min-width:120px;width:120px}.data-cell.name{justify-content:start;min-width:240px;text-align:left;width:240px}.data-cell.designation{min-width:140px;width:140px}.data-cell.department{min-width:170px;width:170px}.data-cell:last-child{border-right:none}.date-cell{align-items:center;background-color:#f8f9fa80;border-radius:4px;border-right:1px solid var(--gray-300);gap:8px;justify-content:center;min-width:232px;padding:6px;transition:var(--transition);width:232px}.date-cell,.total-date-cell{display:flex}.date-cell:last-child{border-right:none}.sub-date-cell{margin:0;padding:6px}.Disply-total-sub-data-cell,.sub-date-cell{align-items:center;background-color:#fff;border:1px solid #0000;border-radius:4px;cursor:pointer;display:flex;flex:1 1;font-size:14px;justify-content:center;text-align:center;transition:var(--transition)}.Disply-total-sub-data-cell{gap:5px}.sub-date-cell input{padding:0}.sub-date-cell input,.total-data-cell{background-color:initial;box-sizing:border-box;color:var(--primary-color);font-size:14px;font-weight:500;margin:0;text-align:center}.total-data-cell{align-items:center;border:none;display:flex;height:100%;outline:none;padding:0 14px;width:100%}.sub-disply-total{padding:5px}.total.sub-disply-total{width:70px}.date-cell:hover{background-color:#e9ecefcc}.sub-date-cell:hover{background-color:#f0f7ff;border-color:var(--primary-color)}.sub-date-cell.editable,.sub-date-cell:has(input:focus){background-color:#f0f7ff;border:1px solid var(--primary-color);box-shadow:0 0 0 2px #3a86ff33}.dnShift-Day{background-color:#238ad31a;color:#285a7e;font-weight:500}.dnShift-Night{background-color:#5938ec1a;color:#593ecc;font-weight:500}.dnShift-Evening{background-color:#ffa5001a;color:#cc8400;font-weight:500}.dnShift-General{background-color:#06d6101a;color:#059212;font-weight:500}.dnShift-1S{background-color:#14b8a61a;color:#0d7377;font-weight:500}.dnShift-2S{background-color:#6366f11a;color:#4338ca;font-weight:500}.dnShift-3S{background-color:#ec48991a;color:#be185d;font-weight:500}.exceeds-threshold,.exceeds-threshold input{background-color:#ffc8c8b3!important}@media screen and (max-width:1024px){.data-row{min-height:45px}.data-cell{font-size:13px;padding:6px 12px}}@media screen and (max-width:768px){.data-cell.punch-code{min-width:120px;width:120px}.data-cell.name{min-width:140px;width:140px}.data-cell.department,.data-cell.designation{min-width:120px;width:120px}.fixed-data-cells{min-width:380px}.date-cell{gap:6px;min-width:200px;padding:4px;width:200px}.sub-date-cell{font-size:13px;padding:4px}.sub-date-cell input{font-size:13px}}@media screen and (max-width:480px){.data-row{min-height:40px}.data-cell{font-size:12px;padding:6px 8px}}@media (hover:none){.sub-date-cell{min-height:30px}.sub-date-cell:active{background-color:#f0f7ff;border-color:var(--primary-color)}.date-cell:active{background-color:#e9ecefcc}}@media screen and (max-width:768px) and (orientation:landscape){.data-cell.name{min-width:130px;width:130px}}@media screen and (min-width:1600px){.data-cell{font-size:15px}}@media print{.data-row{break-inside:avoid;page-break-inside:avoid}.fixed-data-cells{background:none;position:static}.data-cell{border:1px solid #ddd}}.focused-cell{background-color:#edf2f7b3;border:2px solid #4299e1!important;box-shadow:0 0 5px #4299e180;z-index:10}.editable-cell{cursor:pointer}.sub-date-cell{min-height:24px;min-width:40px;position:relative}.sub-date-cell input{background:#fff;border:none;height:100%;outline:none;padding:2px 4px;width:100%}.modal-overlay{bottom:0;pointer-events:auto;right:0;z-index:19999}body.modal-open{overflow:hidden}.comment-modal-container{position:relative;width:500px;z-index:9999}.comment-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;width:800px;width:90%}.comment-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 16px}.comment-modal-header h3{margin:0}.close-button{color:#666;font-size:24px}.comment-modal-body{padding:16px}.comment-info p{margin:8px 0}.comment-input{margin-top:16px}.comment-input label{display:block;font-weight:700;margin-bottom:8px}.comment-input textarea{border:1px solid #ddd;border-radius:4px;min-height:100px;padding:8px;resize:vertical;width:100%}.comment-modal-footer{border-top:1px solid #eee;padding:12px 16px;text-align:right}.submit-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.submit-button:hover{background-color:#357abd}.gray-comment{background-color:#d2ebbcc0}.site-comment{background-color:#814c2869}.has-comments{border-left:5px solid #1890ff}.bg-red-100{background-color:#f9d3d4;border-radius:6px;color:#353535;font-size:14px}.total.sub-disply-total{padding:7px 8px}.data-row.hoveredhas-comments>.fixed-data-cells>div,.hoveredhas-comments{background-color:#f0f7ff}.even-row{background-color:#f0f0f0de!important}.even-row,.odd-row{transition:background-color .2s ease}.odd-row{background-color:#fdfdfd!important}.comment-dialog-backdrop{animation:fadeIn .2s ease-out;background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.comment-dialog{animation:slideIn .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 8px 24px #00000026;left:50%;max-width:600px;min-width:450px;padding:24px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.comment-dialog-header{color:#333;font-size:18px;font-weight:600;margin-bottom:16px;margin-top:0}.comment-dialog-info{color:#555;font-size:14px;line-height:1.5;margin-bottom:16px}.comment-dialog-info strong{color:#333;font-weight:600}.comment-type-options{display:flex;margin-bottom:16px}.comment-type-option{align-items:center;display:flex;margin-right:20px}.comment-type-option input[type=radio]{margin-right:8px}.comment-type-option label{cursor:pointer;font-size:14px}.comment-textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;height:100px;margin-bottom:20px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.comment-textarea:focus{border-color:#4dabf7;box-shadow:0 0 0 2px #4dabf733;outline:none}.comment-dialog-actions{display:flex;justify-content:flex-end}.comment-dialog-btn{border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.comment-dialog-btn-cancel{background-color:#f1f3f5;border:1px solid #dee2e6;color:#495057;margin-right:12px}.comment-dialog-btn-cancel:hover{background-color:#e9ecef}.comment-dialog-btn-save{background-color:#4dabf7;border:1px solid #4dabf7;color:#fff}.comment-dialog-btn-save:hover{background-color:#339af0}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.comment-popup-container{position:fixed;right:30px;top:30px;z-index:1000}.comment-popup{background-color:#fff;border-radius:6px;box-shadow:0 2px 10px #0003;display:flex;flex-direction:column;max-height:400px;overflow:hidden;width:500px}.comment-popup-header{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;display:flex;font-size:14px;justify-content:space-between;padding:10px 15px}.comment-popup-header strong{color:#333}.comment-popup-content{max-height:350px;overflow-y:auto;padding:5px}.comment-table{border-collapse:collapse;font-size:13px;width:100%}.comment-table td,.comment-table th{border-bottom:1px solid #eee;padding:8px 10px;text-align:left}.comment-table th{background-color:#fafafa;color:#555;font-weight:600}.comment-table tr:last-child td{border-bottom:none}.comment-table tr:hover td{background-color:#f9f9f9}.comment-table td:last-child{word-wrap:break-word;max-width:320px;white-space:normal}.comment-popup-content:after{background:linear-gradient(0deg,#fff,#fff0);bottom:0;content:"";display:none;height:15px;left:0;pointer-events:none;position:absolute;right:0}.comment-popup-content.scrollable:after{display:block}.close-button{color:#777;font-size:16px}.close-button:hover{color:#333}.quick-search-modal-overlay{align-items:flex-end;animation:modalFadeIn .15s ease-out;bottom:0;display:flex;justify-content:center;left:0;padding-bottom:8vh;pointer-events:none;position:fixed;right:0;top:0;will-change:opacity;z-index:1050}.quick-search-modal-container{background-color:#fff;border-radius:8px;box-shadow:0 -5px 25px #0003;display:flex;flex-direction:column;max-height:70vh;max-width:90%;overflow:hidden;pointer-events:auto;transform:translateZ(0);width:550px}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.search-mode-hints{background-color:#f9f9f9;border-bottom:1px solid #eee;color:#666;font-size:12px;order:1;padding:8px 16px}.search-results-container{-webkit-overflow-scrolling:touch;max-height:calc(50vh - 60px);order:2;overflow-y:auto;overscroll-behavior:contain;position:relative}.input-close-button{align-items:center;background-color:#fff0f0;border:none;border-radius:50%;color:#555;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;margin-left:8px;padding:0;transition:background-color .2s,color .2s;width:24px;z-index:10}.input-close-button:hover{background-color:#fdd;color:#ff3860}.input-close-button:active{background-color:#fcc}@keyframes subtle-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.input-close-button:focus{animation:subtle-pulse 1s ease-in-out infinite;outline:none}.quick-search-header{align-items:center;border-bottom:none;border-top:1px solid #e0e0e0;display:flex;order:3;padding:16px}.search-icon-wrapper{align-items:center;color:#666;display:flex;justify-content:center;margin-right:12px}.quick-search-input{border:none;flex:1 1;font-size:16px;outline:none;padding:8px 0;width:100%}.search-result-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:12px 16px;transition:background-color .15s ease;-webkit-user-select:none;user-select:none}.search-result-item:hover{background-color:#f5f8ff}.search-result-item[data-selected=true]{background-color:#eef3ff;border-left:3px solid #4a7bff}.search-result-item[data-current=true]{background-color:#f0f9ff}.department-item .result-name{align-items:center;display:flex;font-weight:600}.result-icon{flex-shrink:0;margin-right:6px}.department-item .result-count{background-color:#eef3ff;border-radius:4px;color:#4a7bff;font-size:13px;font-weight:500;padding:2px 6px}.group-item .result-name{align-items:center;display:flex;font-weight:600}.group-item .result-count{background-color:#eef3ff;border-radius:4px;color:#4a7bff;font-size:13px;font-weight:500;padding:2px 6px}.all-groups-option{background-color:#f8f9ff;border-bottom:1px solid #e0e0e0;margin-bottom:5px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.all-groups-option:hover{background-color:#edf1ff}.all-groups-option .result-name{color:#4a7bff;font-weight:700}.all-groups-option .result-group{color:#666;font-style:italic}.result-main-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.result-name{color:#333;font-weight:600}.result-id{color:#666;font-size:14px}.result-secondary-info{color:#666;display:flex;flex-wrap:wrap;font-size:13px}.result-department{margin-right:12px}.result-designation{color:#555;margin-right:12px}.result-group{color:#4a7bff}.result-hint{color:#888;font-size:12px;font-style:italic}.current-group-marker{color:#4caf50;font-size:12px;font-weight:500;margin-left:5px}.no-results-message{color:#666;font-size:15px;padding:20px 16px;text-align:center}.search-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;order:2;padding:24px 16px}.search-spinner{animation:spin .8s linear infinite;border:2px solid #0000001a;border-radius:50%;border-top-color:#4a7bff;height:24px;margin-bottom:12px;width:24px}.quick-search-footer{border-top:1px solid #e0e0e0;color:#888;font-size:12px;order:4;padding:10px 16px}.keyboard-shortcuts{display:flex;gap:12px;justify-content:center;margin-bottom:6px}.shortcut-item{align-items:center;display:flex}.key{align-items:center;background-color:#f0f0f0;border:1px solid #ddd;border-radius:3px;color:#555;display:inline-flex;font-size:11px;height:20px;justify-content:center;margin:0 2px;min-width:20px;padding:0 4px}.label{margin-left:2px}.shortcut-label{margin-right:4px}.search-tips{font-style:italic;margin-top:6px;text-align:center}.search-prefix{background-color:#f0f0f0;border-radius:3px;display:inline-block;font-family:monospace;margin:0 4px;padding:1px 4px}.employee-page{background-color:#f5f7fa;margin-top:60px;padding:24px}.employee-card{background-color:#fff;border:none;border-radius:8px;box-shadow:0 4px 12px #00000014;max-height:80%}.page-header{margin-bottom:24px}.page-title{align-items:center;color:#1a3353!important;display:flex;font-weight:600!important;margin:0;margin-bottom:4px!important}.title-icon{color:#1890ff;font-size:24px;margin-right:12px}.page-subtitle{color:#6b7a90;font-size:14px;margin-left:36px}.header-divider{background-color:#f0f2f5;margin:16px 0!important}.actions-container{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:16px}.search-section{align-items:center;display:flex;gap:12px}.search-input{height:36px;width:300px}.search-icon{color:#6b7a90}.filter-button{background-color:#f5f7fa;border-color:#d9e1ec;border-radius:6px;color:#6b7a90;height:36px}.button-section{display:flex;gap:12px}.add-button{background-color:#1890ff;border-color:#1890ff;border-radius:6px;box-shadow:0 2px 6px #1890ff33;font-weight:500;height:36px}.add-button:hover{background-color:#40a9ff;border-color:#40a9ff}.export-button{background-color:#fff;border-color:#d9e1ec;border-radius:6px;color:#1a3353;font-weight:500;height:36px}.export-button:hover{border-color:#1890ff;color:#1890ff}.table-container{margin-top:12px;max-height:calc(87vh - 180px);overflow:hidden}.employee-table{border-radius:8px;overflow:hidden}.employee-table .ant-table-thead>tr>th{background-color:#f5f7fa;color:#1a3353;font-size:13px;font-weight:600;height:40px!important;padding:8px 12px!important;position:-webkit-sticky;position:sticky;top:0;white-space:nowrap;z-index:2}.employee-table .ant-table-body{max-height:calc(80vh - 230px)!important;overflow-x:auto;overflow-y:auto!important;scrollbar-width:thin}.employee-table .ant-table-body::-webkit-scrollbar{height:6px;width:6px}.employee-table .ant-table-body::-webkit-scrollbar-thumb{background-color:#d9d9d9;border-radius:3px}.employee-table .ant-table-body::-webkit-scrollbar-track{background-color:#f0f0f0}.employee-table .ant-table-tbody>tr>td{font-size:13px;height:42px!important;white-space:nowrap}.employee-table .ant-table-tbody>tr{transform:translateY(-42px)}.employee-table .ant-table-tbody>tr:first-child{background-color:#3974cc;display:table-row}.employee-table .ant-table-column-has-sorters{width:auto!important}.employee-table tr>td:first-child,.employee-table tr>th:first-child{max-width:100px;width:100px}.employee-table tr>td:nth-child(2),.employee-table tr>th:nth-child(2){max-width:300px;width:300px}.employee-table td:nth-child(3),.employee-table td:nth-child(4),.employee-table th:nth-child(3),.employee-table th:nth-child(4){max-width:150px;width:150px}.employee-table td:nth-child(5),.employee-table th:nth-child(5){max-width:100px;width:100px}.employee-table td:nth-child(6),.employee-table td:nth-child(7),.employee-table td:nth-child(8),.employee-table td:nth-child(9),.employee-table th:nth-child(6),.employee-table th:nth-child(7),.employee-table th:nth-child(8),.employee-table th:nth-child(9){max-width:120px;width:120px}.employee-table td:nth-child(10),.employee-table th:nth-child(10){max-width:150px;width:150px}.employee-table td:nth-child(11),.employee-table th:nth-child(11){max-width:120px;width:120px}.employee-table td:nth-child(12),.employee-table th:nth-child(12){max-width:90px;width:90px}.employee-table td:last-child,.employee-table th:last-child{max-width:15x0px;width:150px}.employee-table .ant-table-tbody>tr:hover>td{background-color:#f0f7ff}.employee-page-punch-code{color:#1a3353;font-family:monospace;font-size:12px;font-weight:600}.employee-name{color:#1a3353;font-weight:500}.department-tag{background-color:#e6f7ff!important;border:1px solid #91d5ff!important;border-radius:4px!important;color:#1890ff!important;font-size:12px!important;font-weight:500!important;height:20px!important;line-height:1.5!important;margin:0!important;padding:0 6px!important}.employee-page-designation{color:#5a6a7e;font-size:12px}.shift-tag{border-radius:4px!important;font-size:12px!important;font-weight:500!important;height:20px!important;line-height:1.5!important;margin:0!important;padding:0 6px!important}.employee-action-buttons{display:flex;gap:4px;justify-content:center}.edit-button{background-color:#e6f7ff!important;border-color:#91d5ff!important;border-radius:4px!important;box-shadow:none!important;color:#1890ff!important;font-size:12px!important;font-weight:500!important;height:28px!important;padding:0 8px!important}.edit-button:hover{background-color:#bae7ff!important;border-color:#69c0ff!important;color:#0074e1!important}.delete-button{background-color:#fff1f0!important;border-color:#ffccc7!important;border-radius:4px!important;box-shadow:none!important;color:#ff4d4f!important;font-size:12px!important;font-weight:500!important;height:28px!important;padding:0 8px!important}.import-sample-button{background-color:#ffd344;border-color:#ffd344}.delete-button:hover{background-color:#ffd4d2!important;border-color:#ff7875!important;color:#dc3545!important}.employee-table .anticon{font-size:12px!important}.table-summary{color:#6b7a90;font-size:12px;font-style:italic;height:30px!important;padding:6px 12px!important;text-align:right}.custom-pagination{margin-top:16px!important}.employee-table .ant-table{font-size:13px!important}.employee-table .ant-table-cell{overflow:hidden;text-overflow:ellipsis}@media (max-width:768px){.actions-container{align-items:flex-start;flex-direction:column}.button-section,.search-input,.search-section{width:100%}.button-section{justify-content:space-between;margin-top:12px}}.user-list-page{margin-top:25px;padding:1.5rem}.container{background-color:var(--secondary-color);padding:2rem}.MuiPaper-root{background-color:var(--background-color);box-shadow:0 4px 6px #0000001a;padding:2rem}.MuiButton-containedPrimary{background-color:var(--primary-color);border-radius:8px;color:#fff;font-weight:500;padding:8px 16px;text-transform:none;transition:all .2s ease-in-out}.MuiButton-containedPrimary:hover{background-color:var(--primary-dark);box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.MuiTypography-h6{color:var(--chip-text-color);font-size:1.2rem;font-weight:600}.MuiTextField-root{margin-bottom:1rem;width:100%}.MuiChip-root{background-color:var(--chip-background);border-radius:16px;color:var(--chip-text-color);font-size:.875rem;margin:5px}.MuiIconButton-root{color:#e53e3e;padding:4px}.MuiIconButton-root:hover{color:#e53e3e}.MuiStack-root{margin-bottom:1.5rem}.MuiIconButton-root.Mui-disabled{opacity:.5}:root{--primary-light:#4361ee15;--primary-hover:#3a56d4;--accent-color:#3a0ca3;--success-color:#10b981;--error-color:#ef4444;--text-color:#1f2937;--text-secondary:#4b5563;--bg-color:#f9fafb;--border-color:#e5e7eb;--shadow:#0000000d;--input-bg:#f9fafb;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*{margin:0;padding:0}body{background-color:#f9fafb;background-color:var(--bg-color);color:#1f2937;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family)}.main-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem;width:100%}.upload-container{animation:fadeInUp .5s ease-in-out;background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 30px #0000000d;box-shadow:0 8px 30px var(--shadow);max-width:100%;padding:2.5rem;width:600px}.upload-header{margin-bottom:2rem}.upload-header h2{color:#1f2937;color:var(--text-color);font-size:1.75rem;font-weight:700;margin-bottom:.5rem;text-align:center}.upload-subtitle{color:#4b5563;color:var(--text-secondary);font-size:.95rem;text-align:center}.form-section{margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{align-items:center;color:#1f2937;color:var(--text-color);display:flex;font-weight:500;margin-bottom:.5rem}.label-text{margin-right:4px}.required{color:#ef4444;color:var(--error-color)}.form-control{background:#f9fafb;background:var(--input-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;color:#1f2937;color:var(--text-color);font-size:1rem;padding:12px 16px;transition:all .2s ease-in-out;width:100%}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4361ee15;box-shadow:0 0 0 3px var(--primary-light);outline:none}.form-control::placeholder{color:#4b5563;color:var(--text-secondary);opacity:.7}.file-input-container{background-color:#f9fafb;background-color:var(--input-bg);border:1px dashed #e5e7eb;border:1px dashed var(--border-color);border-radius:8px;cursor:pointer;overflow:hidden;padding:1rem;position:relative;text-align:center;transition:all .2s ease}.file-input-container:hover{background-color:#4361ee15;background-color:var(--primary-light);border-color:var(--primary-color)}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.file-input-text{color:var(--primary-color);font-size:.95rem;font-weight:500}.file-list{background-color:#f9fafb;background-color:var(--input-bg);border-radius:8px;margin-top:.75rem;max-height:120px;overflow-y:auto;padding:.5rem}.file-item{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;font-size:.85rem;justify-content:space-between;padding:.5rem}.file-item:last-child{border-bottom:none}.file-name{font-weight:500;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#4b5563;color:var(--text-secondary)}.form-actions{justify-content:center}.btn{border:none;font-size:1rem;font-weight:600;padding:12px 24px;text-align:center;transition:all .3s ease}.btn-primary{background:var(--primary-color);width:100%}.btn-primary:hover:not(:disabled){background:#3a56d4;background:var(--primary-hover);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn.loading{cursor:not-allowed;opacity:.8}.btn:disabled{opacity:.7}.message{border-radius:8px;font-size:.95rem;margin-bottom:1.5rem;padding:12px 16px;text-align:center}.message.error{background-color:#ef44441a;border:1px solid #ef444433;color:#ef4444;color:var(--error-color)}.message.success{background-color:#10b9811a;border:1px solid #10b98133;color:#10b981;color:var(--success-color)}.sample-files-section{background-color:#4361ee15;background-color:var(--primary-light);border:1px solid #4361ee33;border-radius:8px;margin-bottom:2rem;padding:1rem}.sample-files-title{color:#1f2937;color:var(--text-color);font-size:.95rem;font-weight:500;margin-bottom:.75rem;text-align:center}.sample-files-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-around}.sample-file-btn{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:6px;box-shadow:0 2px 4px #0000000d;color:var(--primary-color);display:flex;flex:1 1;font-size:.9rem;font-weight:500;justify-content:center;min-width:180px;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.sample-file-btn:hover{background-color:var(--primary-color);box-shadow:0 4px 8px #0000001a;color:#fff;transform:translateY(-2px)}.sample-icon{font-size:1.1rem;margin-right:8px}@media (max-width:576px){.sample-files-container{flex-direction:column}.sample-file-btn{width:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.upload-container{padding:2rem}.upload-header h2{font-size:1.5rem}}@media (max-width:576px){.main-container{padding:1rem .5rem}.upload-container{border-radius:12px;padding:1.5rem}.upload-header h2{font-size:1.35rem}.btn,.form-control{font-size:.95rem;padding:10px 14px}}.dashboard-container{display:flex;gap:24px;margin-left:auto;margin-right:auto;margin-top:80px;padding:20px}.main-content{flex:1 1;min-width:0}.report-sidebar{flex-shrink:0;max-height:calc(100vh - 100px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:90px;width:380px}.dashboard-header{align-items:center;background-color:#fff;box-shadow:0 2px 10px #0000001a;display:flex;height:80px;justify-content:space-between;left:0;padding:0 24px;position:fixed;right:0;top:0;z-index:100}.dashboard-title{color:#333;font-size:20px;font-weight:600;margin:0}.view-controls{align-items:center;display:flex;gap:16px}.month-display{color:#2c3e50;font-size:14px;font-weight:500;padding:8px 12px}.month-display,.view-toggle{background-color:#f0f4f8;border-radius:6px}.view-toggle{align-items:center;display:flex;padding:4px}.toggle-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.toggle-btn.active{background-color:#fff;box-shadow:0 2px 4px #0000001a;color:#4a6cf7}.refresh-btn{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.refresh-btn:hover{background-color:#0000000d;color:#4a6cf7}.spin{animation:spin 1s linear infinite}.chart-container{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;padding:20px}.chart-title{align-items:center;color:#333;display:flex;font-size:18px;justify-content:space-between;margin-bottom:16px;margin-top:0}.chart-title .subtitle{color:#666;font-size:14px;font-weight:400}.chart-scroll-container{position:relative}.horizontal-scroll-wrapper{overflow-x:auto;padding-bottom:15px;scrollbar-color:#0000004d #0000;scrollbar-width:thin}.horizontal-scroll-wrapper::-webkit-scrollbar{height:8px}.horizontal-scroll-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.horizontal-scroll-wrapper::-webkit-scrollbar-thumb{background:#0000004d;border-radius:10px}.horizontal-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#0006}.custom-tooltip{background-color:#fff;border:none;border-radius:8px;box-shadow:0 2px 12px #00000026;min-width:180px;padding:12px}.tooltip-header{align-items:center;border-bottom:1px solid #eee;display:flex;margin-bottom:8px;padding-bottom:6px}.tooltip-color-indicator{border-radius:50%;height:12px;margin-right:8px;width:12px}.tooltip-label{font-size:14px;font-weight:600;margin:0}.tooltip-content{font-size:13px}.tooltip-value{margin:6px 0}.tooltip-help{color:#666;font-size:12px;font-style:italic;margin:4px 0 0}.summary-section{margin-bottom:24px}.summary-section h3{color:#333;font-size:18px;margin-bottom:16px;margin-top:0}.summary-cards{display:flex;gap:16px}.summary-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;flex:1 1;padding:16px;transition:transform .2s}.summary-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.card-title{color:#555;font-size:14px;margin-bottom:8px}.card-value{color:#333;font-size:24px;font-weight:600}.loading-indicator,.no-data-message{align-items:center;background-color:#f9f9f9;border:1px dashed #ddd;border-radius:8px;color:#666;display:flex;font-size:16px;height:300px;justify-content:center}.report-sidebar{background-color:#f8f9fa;border-radius:10px;box-shadow:0 2px 8px #00000014;padding-right:2px;scrollbar-color:#0000004d #0000;scrollbar-width:thin}.report-sidebar::-webkit-scrollbar{width:6px}.report-sidebar::-webkit-scrollbar-track{background:#0000}.report-sidebar::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:10px}.report-sidebar::-webkit-scrollbar-thumb:hover{background-color:#00000080}.advanced-filters,.recent-reports,.report-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;margin-bottom:16px}.section-header{align-items:center;background:linear-gradient(90deg,#f5f7fa,#fff);border-bottom:1px solid #eee;display:flex;padding:16px}.section-icon{color:#4a6cf7;margin-right:12px}.section-title{color:#333;font-size:18px;margin:0}.section-content{padding:16px}.form-group{margin-bottom:16px}.form-label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.label-with-info{align-items:center;display:flex}.info-tooltip{align-items:center;background-color:#e9ecef;border-radius:50%;color:#6c757d;cursor:help;display:inline-flex;font-size:12px;height:16px;justify-content:center;margin-left:6px;width:16px}.fancy-select{background-color:#fff;border:1px solid #ddd;border-radius:6px;position:relative;transition:border-color .15s,box-shadow .15s}.fancy-select:hover{border-color:#b3d1ff}.fancy-select:focus-within{border-color:#4a6cf7;box-shadow:0 0 0 2px #4a6cf726}.form-select,.select-wrapper{position:relative}.form-select{-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 12px;width:100%;z-index:1}.select-arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #555;height:0;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0;z-index:0}.enhanced-date-picker{background-color:#fff;border:1px solid #ddd;border-radius:6px;padding:0 8px}.checkbox-group{display:flex;flex-direction:column;gap:10px}.checkbox-item{align-items:center;display:flex}.checkbox-input{opacity:0;position:absolute}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:14px;-webkit-user-select:none;user-select:none}.checkbox-custom{background-color:#fff;border:1px solid #ddd;border-radius:4px;height:18px;margin-right:10px;position:relative;transition:all .2s;width:18px}.checkbox-input:checked+.checkbox-label .checkbox-custom{background-color:#4a6cf7;border-color:#4a6cf7}.checkbox-input:checked+.checkbox-label .checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:7px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:3px}.checkbox-input:focus+.checkbox-label .checkbox-custom{box-shadow:0 0 0 3px #4a6cf726}.file-format-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.format-option{flex:1 1;min-width:80px}.format-option input[type=radio]{opacity:0;position:absolute}.format-label{align-items:center;background-color:#f8f9fa;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;font-size:12px;padding:10px;text-align:center;transition:all .2s}.format-icon{color:#555;margin-bottom:6px}.excel-icon{color:#217346}.csv-icon{color:#f1c40f}.pdf-icon{color:#e74c3c}.format-option input[type=radio]:checked+.format-label{background-color:#e6f0ff;border-color:#4a6cf7;box-shadow:0 2px 5px #00000014;color:#4a6cf7}.format-option input[type=radio]:checked+.format-label .format-icon{color:#4a6cf7}.format-option input[type=radio]:focus+.format-label{box-shadow:0 0 0 3px #4a6cf726}.option-controls{display:flex;flex-direction:row;gap:10px;margin-bottom:12px}.option-control-btn{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:6px 12px;transition:background-color .2s ease,border-color .2s ease}.option-control-btn:disabled{cursor:not-allowed;opacity:.6}.select-all-btn{background-color:#ccffe3;border:1px solid #99e6c2;color:#217346}.select-all-btn:hover:not(:disabled){background-color:#b3f0d1;border-color:#66d1a3}.select-none-btn{background-color:#fcc;border:1px solid #e6a8a8;color:#732121}.select-none-btn:hover:not(:disabled){background-color:#f4b3b3;border-color:#cc7a7a}.generate-btn{align-items:center;background-color:#4a6cf7;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;justify-content:center;margin:16px;overflow:hidden;padding:12px 16px;position:relative;transition:background-color .2s,transform .1s;width:calc(100% - 32px)}.generate-btn span{display:inline-block;margin-left:8px}.generate-btn:hover{background-color:#385bd0}.generate-btn:active{transform:scale(.98)}.btn-icon{margin-right:4px}.pulse-animation:not(:disabled){animation:pulseEffect 2s infinite}@keyframes pulseEffect{0%{box-shadow:0 0 0 0 #4a6cf766}70%{box-shadow:0 0 0 8px #4a6cf700}to{box-shadow:0 0 0 0 #4a6cf700}}.loader{border:2px solid #ffffff4d;border-top-color:#fff;display:inline-block;height:16px;margin-left:10px;width:16px}.collapsible-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #eee;cursor:pointer;display:flex;padding:14px 16px}.filter-icon{color:#666;margin-right:8px}.filter-title{color:#444;flex:1 1;font-size:16px;font-weight:500;margin:0}.toggle-icon{color:#666;font-size:12px;transition:transform .3s}.filter-group{padding:16px}.form-actions{display:flex;justify-content:space-between;margin-top:16px}.reset-filters-btn{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:13px;padding:8px 12px;transition:all .2s}.reset-filters-btn svg{margin-right:6px}.reset-filters-btn:hover{background-color:#f5f5f5;border-color:#ccc}.apply-filters-btn{background-color:#4a6cf7;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px;transition:background-color .2s}.apply-filters-btn:hover{background-color:#385bd0}.recent-reports{padding:16px}.recent-reports-title{align-items:center;color:#444;display:flex;font-size:16px;margin-bottom:12px;margin-top:0}.history-icon{color:#666;margin-right:8px}.report-list{display:flex;flex-direction:column;gap:8px}.report-list-item{align-items:center;background-color:#f8f9fa;border-left:3px solid #4a6cf7;border-radius:6px;display:flex;justify-content:space-between;padding:10px 12px}.report-info{display:flex;flex-direction:column}.report-name{color:#333;font-size:14px}.report-date{color:#777;font-size:12px}.download-report-btn{align-items:center;background-color:#4a6cf71a;border:none;border-radius:4px;color:#4a6cf7;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.download-report-btn:hover{background-color:#4a6cf733}@media (max-width:1024px){.dashboard-container{flex-direction:column}.report-sidebar{margin-top:20px;max-height:none;overflow-y:visible;position:static;width:100%}.dashboard-header,.summary-cards{flex-direction:column}.dashboard-header{height:auto;padding:10px}.view-controls{justify-content:space-between;margin-top:10px;width:100%}}.employee-order-container{height:100vh;margin:80px 26px 0;max-width:auto;padding:20px}.employee-order-header{justify-content:space-between;margin-bottom:20px}.employee-header-title,.employee-order-header{align-items:center;display:flex}.employee-header-title h1{color:#333;font-size:24px;font-weight:500;margin:0 10px 0 0}.info-icon{color:#1890ff;cursor:pointer;font-size:18px}.search-input{border-radius:4px;width:250px}.save-button{border-radius:4px;margin-left:10px}.save-button-highlight{background-color:#52c41a;border-color:#52c41a}.download-button{border-radius:4px}.employee-table-wrapper{height:100%;position:relative}.employee-order-table-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 2px #00000008;height:calc(90vh - 180px)!important;overflow:hidden}.employee-table>.ant-table{background:#fff;height:100vh}.employee-table .ant-table-thead>tr>th{background-color:#f7f7f7;border-bottom:1px solid #f0f0f0;color:#666;font-weight:500;padding:12px 16px}.employee-table .ant-table-tbody>tr>td{border-bottom:1px solid #f0f0f0;padding:12px 16px;transition:background .2s}.employee-row{transition:all .3s ease}.employee-row:hover{background-color:#fafafa}.emp-order-punch-code{background-color:#f5f5f5;border-radius:3px;color:#333;font-family:monospace;padding:2px 6px}.changes-message,.filtering-message{border-radius:4px;margin-top:15px;padding:10px;text-align:center}.filtering-message{background-color:#fffbe6;border:1px solid #ffe58f;color:#ad8b00}.changes-message{background-color:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.move-button{color:#1890ff;transition:all .3s}.move-button:hover{background-color:#e6f7ff;color:#40a9ff}.move-button:disabled{background-color:initial;color:#d9d9d9;cursor:not-allowed}.ant-table-container{border-radius:8px;overflow:hidden}.employee-order-table-container .ant-table-body{max-height:calc(90vh - 230px)!important;overflow-y:auto!important;scrollbar-width:thin}.app-container{color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5;overflow-y:auto}.session-management{background-color:#f8fafc;margin-top:60px;min-height:calc(100vh - 80px);padding:32px}.page-header{margin-bottom:12px}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.header-title{align-items:start;display:flex;flex-direction:column}.header-title h1{color:#1e293b;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.header-title p{color:#64748b;font-size:16px;margin:0}.header-actions{align-items:center;display:flex;gap:16px}.tab-btn,.tab-buttons{display:flex;gap:8px}.tab-btn{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#475569;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.tab-btn:hover{background-color:#f8fafc;color:#334155}.tab-btn.active{background-color:#4f46e5;border-color:#4f46e5;color:#fff}.tab-btn.active:hover{background-color:#4338ca}.panel{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden}.panel-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:20px 24px}.panel-header,.panel-title{align-items:center;display:flex}.panel-title{gap:12px}.panel-title h2{color:#1e293b;font-size:18px;font-weight:600;margin:0}.badge{background-color:#4f46e5;border-radius:9999px;color:#fff;padding:4px 10px}.panel-actions{align-items:center;display:flex;gap:12px}.search-icon{color:#94a3b8;font-size:16px;left:12px}.search-input{border-radius:8px;outline:none;padding:10px 10px 10px 36px;transition:all .2s ease;width:260px}.search-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.panel-body{padding:0}.responsive-table-wrapper{position:relative;width:100%}.table-container{-webkit-overflow-scrolling:touch;border-radius:8px;max-width:100%;overflow-x:auto;scrollbar-width:thin;width:100%}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.data-table{border-collapse:initial;border-spacing:0;min-width:750px;table-layout:fixed;width:100%}.data-table tbody{height:auto;overflow-y:visible}.data-table th{background-color:#f1f5f9;color:#475569;font-size:12px;font-weight:600;letter-spacing:.05em;padding:16px 20px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:10}.data-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkbox-column{min-width:50px}.actions-column{min-width:150px}.data-table td{border-top:1px solid #e2e8f0;color:#334155;font-size:14px;padding:16px 20px}.data-table tr{transition:all .2s ease}.data-table tr:hover{background-color:#6366f10a}.data-table tr.selected-row{background-color:#6366f114}.data-table tr.selected-row:hover{background-color:#6366f11f}.checkbox-column{width:50px}.actions-column{width:150px}.user-cell{gap:12px}.user-avatar,.user-cell{align-items:center;display:flex}.user-avatar{background-color:#e5e7eb;border-radius:50%;color:#4f46e5;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.user-name{font-weight:500}.user-id{background-color:#f1f5f9;border-radius:4px;display:inline-block;font-family:monospace;font-size:12px;padding:4px 8px}.custom-checkbox{cursor:pointer;display:block;height:20px;padding-left:0;position:relative;-webkit-user-select:none;user-select:none;width:20px}.custom-checkbox input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{background-color:#fff;border:2px solid #cbd5e1;border-radius:4px;height:20px;left:0;position:absolute;top:0;transition:all .2s ease;width:20px}.custom-checkbox:hover input~.checkmark{border-color:#a1a1aa}.custom-checkbox input:checked~.checkmark{background-color:#4f46e5;border-color:#4f46e5}.checkmark:after{content:"";display:none;position:absolute}.custom-checkbox input:checked~.checkmark:after{display:block}.custom-checkbox .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;height:10px;left:6px;top:2px;transform:rotate(45deg);width:5px}.btn{align-items:center;border:1px solid #0000;border-radius:8px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.65;transform:none}.btn-sm{font-size:13px;padding:6px 12px}.btn-block{width:100%}.btn-primary{background-color:#4f46e5;color:#fff}.btn-primary:hover:not(:disabled){background-color:#4338ca}.btn-secondary{background-color:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.btn-secondary:hover:not(:disabled){background-color:#e2e8f0;color:#334155}.btn-danger{background-color:#ef4444;border-color:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626}.btn-warning{background-color:#f59e0b;border-color:#f59e0b;color:#fff}.btn-warning:hover:not(:disabled){background-color:#d97706;border-color:#d97706}.btn-info{background-color:#0ea5e9;border-color:#0ea5e9;color:#fff}.btn-info:hover:not(:disabled){background-color:#0284c7;border-color:#0284c7}.btn-outline{background-color:#fff;border:1px solid #e2e8f0;color:#475569}.btn-outline:hover:not(:disabled){background-color:#f8fafc;color:#334155}.btn-outline-danger{background-color:#fff;border-color:#fee2e2;color:#ef4444}.btn-outline-danger:hover:not(:disabled){background-color:#fef2f2;border-color:#fecaca}.btn-action{display:flex;margin:0 auto}.icon-left{margin-right:4px}.bulk-actions-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.action-card{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.action-card:hover{box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-5px)}.card-accent{height:4px;left:0;position:absolute;top:0;width:100%}.danger-card .card-accent{background-color:#ef4444}.warning-card .card-accent{background-color:#f59e0b}.info-card .card-accent{background-color:#0ea5e9}.card-icon{align-items:center;border-radius:50%;display:flex;font-size:24px;height:56px;justify-content:center;margin-bottom:20px;width:56px}.danger-icon{background-color:#ef44441a;color:#ef4444}.warning-icon{background-color:#f59e0b1a;color:#f59e0b}.info-icon{background-color:#0ea5e91a;color:#0ea5e9}.action-card h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 12px}.action-card p{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 24px}.loader-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 0}.loader{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#4f46e5;height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader-container p{color:#64748b;font-size:14px}.empty-state{padding:60px 0;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 8px}.empty-state p{color:#64748b;font-size:14px;max-width:300px}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal{animation:modal-in .3s ease;background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;overflow:hidden;width:100%}@keyframes modal-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:20px 24px}.modal-header,.modal-title{align-items:center;display:flex}.modal-title{font-size:18px;font-weight:600;gap:8px;margin:0}.danger-text{color:#ef4444}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.close-btn:hover{background-color:#f1f5f9;color:#334155}.modal-body{padding:24px}.modal-body p{color:#334155;font-size:15px;line-height:1.6;margin:0}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.btn-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;width:16px}@media (max-width:768px){.header-content{align-items:flex-start;flex-direction:column}.header-actions{align-items:stretch;flex-direction:column;width:100%}.tab-buttons{width:100%}.tab-btn{flex:1 1;justify-content:center}.panel-header{align-items:flex-start;flex-direction:column;gap:16px}.panel-actions{align-items:stretch;flex-direction:column;width:100%}.search-container,.search-input{width:100%}.modal{margin:0 16px;width:90%}.bulk-actions-grid{grid-template-columns:1fr}}.login-form-container{align-items:center;background:var(--bg-gradient);height:100vh}.login-form,.login-form-container{display:flex;justify-content:center}.login-form{background-color:var(--card-bg);border-radius:8px;box-shadow:0 8px 16px var(--shadow);flex-direction:column;max-width:380px;padding:40px;text-align:center;width:100%}.login-logo{display:flex;justify-content:space-around;margin-bottom:20px}.logo{border-radius:50%;height:50px;margin:0 10px;object-fit:cover}h2{color:var(--text-color);font-size:28px;font-weight:600}.input-field,h2{margin-bottom:20px}.input-field{text-align:left}.input-field label{color:var(--text-light);display:block;font-weight:500;margin-bottom:5px}.input-wrapper{align-items:center;display:flex;position:relative}.input-field__input{border:1px solid var(--border-color);border-radius:5px;box-sizing:border-box;padding:10px;width:100%}.input-field__input:focus{border-color:var(--primary-color);outline:none}.password-toggle-btn{align-items:center;background:none;border:none;color:var(--text-light);cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:10px}.eye-icon{height:20px;opacity:.7;transition:opacity .2s ease;width:20px}.password-toggle-btn:hover .eye-icon{color:var(--primary-color);opacity:1}.password-toggle-btn:focus{outline:none}.login-button{background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 20px;width:100%}.login-button:hover{background-color:var(--accent-color)}.login-button:focus{outline:none}.error-message{color:#f33;font-size:14px;margin-top:15px}.already-logged-in{background-color:#f5f7fa;background-color:var(--card-bg-light,#f5f7fa);border:1px solid var(--border-color);border-radius:5px;margin-top:20px;padding:15px;text-align:center}.already-logged-in p{color:var(--text-light);font-size:14px;margin-bottom:10px}.force-login-button{background-color:#f59e0b;background-color:var(--warning-color,#f59e0b);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:5px;padding:10px 20px;transition:background-color .2s ease;width:100%}.force-login-button:hover{background-color:#d97706;background-color:var(--warning-hover,#d97706)}.force-login-button:focus{outline:none}@media screen and (max-width:400px){.login-form{padding:25px;width:100%}.already-logged-in{padding:12px}}.AdminNotificationPanel-admin-panel{background-color:#f7f9fc;border-radius:8px;box-shadow:0 0 10px #0000000d;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;margin:80px auto 0;max-height:90vh;max-width:1000px;padding:20px}.AdminNotificationPanel-panel-title{border-bottom:2px solid #e0e6ed;color:#2c3e50;margin-bottom:20px;padding-bottom:10px;text-align:center}.AdminNotificationPanel-error-message{background-color:#fdd;border-left:4px solid #e74c3c;border-radius:4px;color:#e74c3c;margin-bottom:15px;padding:10px 15px}.AdminNotificationPanel-loading-message{background-color:#fff;border-radius:6px;color:#7f8c8d;font-style:italic;padding:20px;text-align:center}.AdminNotificationPanel-tab-navigation{border-bottom:1px solid #e0e6ed;display:flex;margin-bottom:20px}.AdminNotificationPanel-tab-button{background:none;border:none;color:#7f8c8d;cursor:pointer;font-size:16px;padding:10px 20px;position:relative;transition:color .3s}.AdminNotificationPanel-tab-button:hover{color:#3498db}.AdminNotificationPanel-tab-button.active{color:#3498db;font-weight:600}.AdminNotificationPanel-tab-button.active:after{background-color:#3498db;bottom:-1px;content:"";height:3px;left:0;position:absolute;width:100%}.AdminNotificationPanel-tab-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.AdminNotificationPanel-header-messages-tab,.AdminNotificationPanel-popup-messages-tab{display:flex;flex-direction:column;height:100%;overflow:hidden}.AdminNotificationPanel-message-form{background-color:#fff;border-radius:6px;box-shadow:0 0 5px #00000008;margin-bottom:30px;padding:20px}.AdminNotificationPanel-form-group{margin-bottom:15px}.AdminNotificationPanel-form-group>label{color:#34495e;display:block;font-weight:500;margin-bottom:5px}.AdminNotificationPanel-text-input{border:1px solid #dce4ec;border-radius:4px;font-size:14px;padding:10px;transition:border .3s;width:100%}.AdminNotificationPanel-text-input:focus{border-color:#3498db;outline:none}.AdminNotificationPanel-text-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.AdminNotificationPanel-time-inputs{display:flex;gap:15px}.AdminNotificationPanel-time-inputs .AdminNotificationPanel-form-group{flex:1 1}.AdminNotificationPanel-time-input{border:1px solid #dce4ec;border-radius:4px;font-size:14px;padding:10px;width:100%}.AdminNotificationPanel-time-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.AdminNotificationPanel-submit-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.AdminNotificationPanel-submit-button:hover:not(:disabled){background-color:#2980b9}.AdminNotificationPanel-submit-button:disabled{background-color:#95a5a6;cursor:not-allowed}.AdminNotificationPanel-message-list{display:flex;flex:1 1;flex-direction:column;gap:15px;margin-bottom:20px;max-height:400px;overflow-y:auto;padding-right:5px}.AdminNotificationPanel-message-list::-webkit-scrollbar{width:8px}.AdminNotificationPanel-message-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.AdminNotificationPanel-message-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.AdminNotificationPanel-message-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.AdminNotificationPanel-message-item,.AdminNotificationPanel-popup-item{background-color:#fff;border-left:4px solid #3498db;border-radius:6px;box-shadow:0 0 5px #0000000d;padding:15px;transition:transform .2s,box-shadow .2s}.AdminNotificationPanel-message-item:hover,.AdminNotificationPanel-popup-item:hover{box-shadow:0 5px 15px #00000014;transform:translateY(-2px)}.AdminNotificationPanel-message-item.inactive,.AdminNotificationPanel-popup-item.inactive{border-left-color:#95a5a6;opacity:.7}.AdminNotificationPanel-message-text{color:#2c3e50;margin:0 0 15px}.AdminNotificationPanel-message-actions{display:flex;gap:10px;justify-content:flex-end}.AdminNotificationPanel-toggle-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 12px;transition:background-color .3s}.AdminNotificationPanel-toggle-button:disabled{cursor:not-allowed;opacity:.7}.AdminNotificationPanel-toggle-button.active{background-color:#2ecc71;color:#fff}.AdminNotificationPanel-toggle-button.inactive{background-color:#ecf0f1;color:#7f8c8d}.AdminNotificationPanel-delete-button{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:5px 12px;transition:background-color .3s}.AdminNotificationPanel-delete-button:hover:not(:disabled){background-color:#c0392b}.AdminNotificationPanel-delete-button:disabled{cursor:not-allowed;opacity:.7}.AdminNotificationPanel-popup-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.AdminNotificationPanel-popup-title{color:#2c3e50;font-size:18px;margin:0}.AdminNotificationPanel-popup-message{color:#34495e;margin:0 0 15px}.AdminNotificationPanel-popup-times{border-top:1px solid #ecf0f1;color:#7f8c8d;display:flex;font-size:14px;justify-content:space-between;padding-top:10px}.AdminNotificationPanel-no-messages{background-color:#fff;border-radius:6px;color:#7f8c8d;font-style:italic;padding:20px;text-align:center}@media (max-height:800px){.AdminNotificationPanel-message-list{max-height:300px}}@media (max-height:700px){.AdminNotificationPanel-message-list{max-height:200px}}:root{--color-white:#fff;--color-black:#000;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-light-blue-50:#fff5f5;--color-light-blue-100:#fed7d7;--color-light-blue-200:#fdbaba;--color-light-blue-300:#fc7d7d;--color-light-blue-400:#f83838;--color-light-blue-500:#e90e0e;--color-light-blue-600:#c70202;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-normal:0.2s ease-in-out;--transition-slow:0.3s ease-in-out}.popup-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0006;padding:0 1rem;padding:0 var(--spacing-4);z-index:50}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.popup-overlay.closing{animation:fadeOut .3s ease-out forwards}.popup-container.closing{animation:slideDown .3s ease-out forwards}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.popup-container{animation:slideUp .4s ease-out;background-color:#fff;background-color:var(--color-white);border-radius:1rem;border-radius:var(--radius-2xl);border-top:5px solid #f83838;border-top:5px solid var(--color-light-blue-400);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-width:32rem;overflow:hidden;position:relative;transform:translateY(0);transition:box-shadow .2s ease-in-out,transform .2s ease-in-out;transition:box-shadow var(--transition-normal),transform var(--transition-normal);width:100%}.popup-container:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 15px 20px -10px #0000001a;box-shadow:var(--shadow-xl),0 15px 20px -10px #0000001a;transform:translateY(-2px)}.popup-header{padding:1.25rem;padding:var(--spacing-5);position:relative}.popup-header-content{flex:1 1;padding-left:3rem;padding-left:calc(var(--spacing-10) + var(--spacing-2));position:relative}.popup-icon{align-items:center;background:linear-gradient(135deg,#fc7d7d,#e90e0e);background:linear-gradient(135deg,var(--color-light-blue-300),var(--color-light-blue-500));border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:flex;height:3rem;justify-content:center;left:1.25rem;left:var(--spacing-5);position:absolute;transition:transform .2s ease-in-out;transition:transform var(--transition-normal);width:3rem}.icon-svg{color:#fff;color:var(--color-white);height:1.5rem;width:1.5rem}.popup-title{color:#111827;color:var(--color-gray-900);font-size:1.375rem;font-weight:700;line-height:1.3;margin:0 0 .25rem;margin:0 0 var(--spacing-1) 0}.popup-subtitle{color:#6b7280;color:var(--color-gray-500);font-size:.875rem;font-weight:500;margin:0}.popup-close-button{align-items:center;background:#f3f4f6;background:var(--color-gray-100);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#9ca3af;color:var(--color-gray-400);cursor:pointer;display:flex;height:2.25rem;justify-content:center;position:absolute;right:1.25rem;right:var(--spacing-5);top:1.25rem;top:var(--spacing-5);transition:all .2s ease-in-out;transition:all var(--transition-normal);width:2.25rem;z-index:5}.popup-close-button:hover{background:#fff5f5;background:var(--color-light-blue-50);color:#e90e0e;color:var(--color-light-blue-500);transform:rotate(90deg)}.close-icon{height:1.25rem;width:1.25rem}.popup-body{padding:1.25rem;padding:var(--spacing-5);padding-top:0}.popup-message{color:#374151;color:var(--color-gray-700);font-size:1rem;line-height:1.6;margin:0 0 1.25rem;margin:0 0 var(--spacing-5) 0}.popup-time-container{grid-gap:.75rem;grid-gap:var(--spacing-3);display:grid;gap:.75rem;gap:var(--spacing-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.25rem;margin-bottom:var(--spacing-5);transition:grid-template-columns .3s ease}.popup-time-card{background-color:#fff5f5;background-color:var(--color-light-blue-50);border-left:3px solid #fc7d7d;border-left:3px solid var(--color-light-blue-300);border-radius:.5rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--spacing-4);transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.popup-time-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.time-card-header{align-items:center;color:#c70202;color:var(--color-light-blue-600);display:flex;gap:.5rem;gap:var(--spacing-2);margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.time-icon{height:1.125rem;width:1.125rem}.time-label{font-size:.875rem;font-weight:600}.time-value{color:#374151;color:var(--color-gray-700);font-size:.9375rem;margin-left:1.625rem;margin-left:calc(var(--spacing-2) + 1.125rem)}.contact-section{background-color:#fff5f5;background-color:var(--color-light-blue-50);border-left:3px solid #fc7d7d;border-left:3px solid var(--color-light-blue-300);border-radius:.5rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--spacing-4)}.contact-header{align-items:center;color:#c70202;color:var(--color-light-blue-600);display:flex;gap:.5rem;gap:var(--spacing-2);margin-bottom:.75rem;margin-bottom:var(--spacing-3)}.contact-icon{height:1.25rem;width:1.25rem}.contact-title{color:#1f2937;color:var(--color-gray-800);font-size:1rem;font-weight:600;margin:0}.contact-info{color:#4b5563;color:var(--color-gray-600);font-size:.9375rem;line-height:1.6;margin:0}.contact-highlight{background-color:#e90e0e1a;border-radius:.375rem;border-radius:var(--radius-md);color:#c70202;color:var(--color-light-blue-600);display:inline-block;font-weight:500;padding:.25rem .5rem;transition:background-color .2s ease-in-out;transition:background-color var(--transition-normal)}.contact-highlight:hover{background-color:#e90e0e33}.popup-footer{align-items:center;background-color:#f9fafb;background-color:var(--color-gray-50);border-top:1px solid #f3f4f6;border-top:1px solid var(--color-gray-100);display:flex;justify-content:flex-end;padding:1rem 1.25rem;padding:var(--spacing-4) var(--spacing-5)}.popup-action-button{background:linear-gradient(135deg,#f83838,#c70202);background:linear-gradient(135deg,var(--color-light-blue-400),var(--color-light-blue-600));border:none;border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;color:var(--color-white);cursor:pointer;font-size:.9375rem;font-weight:600;overflow:hidden;padding:.75rem 1.5rem;padding:var(--spacing-3) var(--spacing-6);position:relative;transition:all .2s ease-in-out;transition:all var(--transition-normal)}.popup-action-button:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.popup-action-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .6s;width:100%}.popup-action-button:hover:before{left:100%}.popup-action-button:active{transform:translateY(1px);transition:transform .1s}.status-indicator{align-items:center;background-color:#e90e0e1a;border-radius:9999px;border-radius:var(--radius-full);color:#c70202;color:var(--color-light-blue-600);display:inline-flex;font-size:.75rem;font-weight:600;gap:.5rem;gap:var(--spacing-2);margin-top:.5rem;margin-top:var(--spacing-2);padding:.25rem .75rem;padding:var(--spacing-1) var(--spacing-3)}.status-dot{animation:pulse 2s infinite;background-color:#f83838;background-color:var(--color-light-blue-400);border-radius:50%;height:.5rem;width:.5rem}@keyframes pulse{0%{box-shadow:0 0 0 0 #e90e0e66;transform:scale(.95)}70%{box-shadow:0 0 0 6px #e90e0e00;transform:scale(1)}to{box-shadow:0 0 0 0 #e90e0e00;transform:scale(.95)}}@media (max-width:640px){.popup-container{border-radius:.75rem;border-radius:var(--radius-xl);margin:0 1rem;margin:0 var(--spacing-4);max-width:100%}.popup-body,.popup-footer,.popup-header{padding:1rem;padding:var(--spacing-4)}.popup-icon{height:2.75rem;left:1rem;left:var(--spacing-4);width:2.75rem}.icon-svg{height:1.5rem;width:1.5rem}.popup-header-content{padding-left:2.25rem;padding-left:calc(var(--spacing-8) + var(--spacing-1))}.popup-close-button{height:2rem;right:1rem;right:var(--spacing-4);top:1rem;top:var(--spacing-4);width:2rem}.popup-time-container{grid-template-columns:1fr}.popup-title{font-size:1.25rem}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--primary-color:#6d6d6d;--primary-dark:#4d4d4d;--accent-color:#969696;--bg-gradient:linear-gradient(135deg,#fff,#f0f0f0);--card-bg:#fff;--body-bg:#f9fafb;--text-color:#1a1a1a;--text-light:#4a5568;--border-color:#d1d9e6;--header-bg:#3a3a3a;--shadow:#00000026;--success-color:#48bb78;--warning-color:#ed8936;--error-color:#e53e3e;--info-color:#4299e1;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#eee;--gray-300:#e0e0e0;--gray-400:#bdbdbd;--gray-500:#9e9e9e;--gray-600:#757575;--gray-700:#616161;--gray-800:#424242;--gray-900:#212121;--secondary-color:#8338ec;--success-color:#06d6a0;--warning-color:#ffbe0b;--danger-color:#ef476f;--after-noon:#654321;--border-radius:8px;--box-shadow:0 4px 6px #0000001a;--transition:all 0.3s ease;--header-height:64px;--header-height-mobile:56px;--transition-speed:0.3s}body,html{background:linear-gradient(135deg,#fff,#f0f0f0);background:var(--bg-gradient);color:#1a1a1a;color:var(--text-color);font-family:Montserrat,sans-serif;height:100%;margin:0;overflow:hidden;padding:0}.App,body,html{box-sizing:border-box}.App{margin:0 auto;max-width:1200px;padding:20px;text-align:center;width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.changes-header{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;justify-content:space-between;padding:16px}.changes-header,.header-left{align-items:center;display:flex}.header-title{color:#2d3748;font-size:22px;font-weight:600;margin:0}.header-right{align-items:center;display:flex;gap:16px}.search-container{position:relative}.search-input{border:1px solid #e2e8f0;border-radius:6px;font-size:14px;padding:8px 12px 8px 36px;transition:border-color .3s,box-shadow .3s;width:240px}.search-input:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e126;outline:none}.search-icon{color:#a0aec0;height:16px;left:10px;position:absolute;top:50%;transform:translateY(-50%);width:16px}.filter-select{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;min-width:160px;padding:8px 12px}.filter-select:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e126;outline:none}.date-container{position:relative}.date-input{border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px 8px 36px}.date-input:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e126;outline:none}.calendar-icon{color:#a0aec0;height:16px;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px}.filter-container{display:flex;gap:10px}@media (max-width:768px){.changes-header{align-items:flex-start;flex-direction:column;gap:16px}.header-right{flex-wrap:wrap;width:100%}.search-input{width:100%}}.attendance-change-page{font-family:Arial,sans-serif;margin-top:65px;min-height:calc(100vh - 80px);padding:20px}.attendance-table-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-top:20px;overflow:hidden;position:relative}.table-wrapper{height:80vh;position:relative;width:100%}.attendance-table{border-collapse:initial;border-spacing:0;table-layout:fixed;width:100%}.attendance-table th{background-color:#f9fafb;border-bottom:2px solid #e5e7eb;color:#4b5563;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.attendance-table th:first-child{padding-left:24px}.attendance-table th:last-child{padding-right:24px}.table-body-container{max-height:80vh;overflow-y:auto;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.table-body-container::-webkit-scrollbar{width:8px}.table-body-container::-webkit-scrollbar-track{background:#f1f5f9}.table-body-container::-webkit-scrollbar-thumb{background-color:#cbd5e1;border:2px solid #f1f5f9;border-radius:4px}.attendance-table td{border-bottom:1px solid #f1f5f9;color:#1f2937;font-size:14px;padding:16px}.attendance-table td:first-child{padding-left:24px}.attendance-table td:last-child{padding-right:24px}.attendance-table tbody tr{cursor:pointer;transition:all .2s ease}.attendance-table tbody tr:hover{background-color:#f9fafb;box-shadow:0 2px 5px #0000000a;transform:translateY(-1px)}.attendance-table tbody tr:last-child td{border-bottom:none}.change-badge{align-items:center;background-color:#dbeafe;border-radius:20px;box-shadow:0 1px 2px #0000000d;color:#2563eb;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;padding:6px 10px;transition:all .2s ease}.change-badge:hover{background-color:#bfdbfe;transform:scale(1.05)}.empty-state{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.empty-icon{color:#cbd5e1;height:32px;margin-bottom:12px;width:32px}.no-data{font-size:14px;text-align:center}.popup-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-card{animation:slideUp .3s ease-out;border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-width:900px;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.popup-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:20px 24px}.popup-header h2{color:#111827;font-size:18px}.close-button{align-items:center;border-radius:50%;color:#6b7280;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-button:hover{background-color:#f3f4f6;color:#111827}.employee-info{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:20px 24px}.info-item{background-color:#f3f4f6;border-left:3px solid #6366f1;border-radius:8px;padding:12px 16px}.info-label{color:#6b7280;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#111827;font-size:14px}.changes-title{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;margin:0;padding:16px 24px}.changes-table-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.changes-table{border-collapse:initial;border-spacing:0;table-layout:fixed;width:100%}.changes-table th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#4b5563;font-size:13px;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:12px 16px;position:-webkit-sticky;position:sticky;text-align:left;text-overflow:ellipsis;text-transform:uppercase;top:0;white-space:nowrap;z-index:10}.changes-table td:first-child,.changes-table th:first-child{width:20%}.changes-table td:nth-child(2),.changes-table td:nth-child(3),.changes-table th:nth-child(2),.changes-table th:nth-child(3){width:14%}.changes-table th:nth-child(4){width:35%}.changes-table td:nth-child(4){width:100%}.changes-table td:nth-child(5),.changes-table th:nth-child(5){width:20%}.changes-table-body{max-height:300px;overflow-y:auto;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.changes-table-body::-webkit-scrollbar{width:6px}.changes-table-body::-webkit-scrollbar-track{background:#f1f5f9}.changes-table-body::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.changes-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;overflow:hidden;padding:12px 16px;text-overflow:ellipsis;white-space:nowrap}.changes-table tbody tr:last-child td{border-bottom:none}.changes-table tbody tr:hover{background-color:#f9fafb}.field-cell{color:#111827;font-weight:500;text-transform:capitalize}.new-value,.old-value,.value-cell{max-width:100%;overflow:hidden}.new-value,.old-value{border-radius:4px;display:inline-block;font-size:13px;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.old-value{background-color:#fee2e2;color:#b91c1c}.new-value{background-color:#dcfce7;color:#15803d}.user-cell{padding:4px 8px;position:relative}.user-info{max-width:100%;overflow:hidden;padding:9px 0;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.user-cell[title]:hover:after{background-color:#1f2937;border-radius:4px;box-shadow:0 2px 5px #0003;color:#fff;content:attr(title);font-size:12px;left:50%;padding:4px 8px;position:absolute;top:-30px;transform:translateX(-50%);white-space:nowrap;z-index:20}.user-cell:hover .user-info{color:#2563eb;font-weight:500}.time-cell{white-space:nowrap}.no-changes-data{text-align:center}.empty-changes{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.empty-icon{color:#d1d5db;height:24px;margin-bottom:8px;width:24px}@media (max-width:768px){.changes-table td:first-child,.changes-table td:nth-child(2),.changes-table td:nth-child(3),.changes-table td:nth-child(4),.changes-table th:first-child,.changes-table th:nth-child(2),.changes-table th:nth-child(3),.changes-table th:nth-child(4){width:25%}.changes-table td:nth-child(5),.changes-table th:nth-child(5){display:none}.popup-card{max-width:95%}}@media (max-width:576px){.changes-table td:first-child,.changes-table th:first-child{width:40%}.changes-table td:nth-child(2),.changes-table td:nth-child(3),.changes-table th:nth-child(2),.changes-table th:nth-child(3){width:30%}.changes-table td:nth-child(4),.changes-table td:nth-child(5),.changes-table th:nth-child(4),.changes-table th:nth-child(5){display:none}}@media (max-width:480px){.changes-table td,.changes-table th{font-size:12px;padding:10px 8px}.changes-title{font-size:14px;padding:12px 16px}.new-value,.old-value{font-size:12px;padding:3px 6px}.changes-table-body{max-height:250px}}@media (max-width:768px){.employee-info{gap:12px;grid-template-columns:1fr}.changes-table td:nth-child(4),.changes-table th:nth-child(4){display:none}.popup-card{max-height:95vh}}@media (max-width:480px){.changes-table td,.changes-table th{font-size:12px;padding:10px 8px}.changes-table td:nth-child(5),.changes-table th:nth-child(5){display:none}.popup-header{padding:16px}.popup-header h2{font-size:16px}}@media (max-width:1024px){.attendance-table td,.attendance-table th{padding:12px 8px}.attendance-table td:first-child,.attendance-table th:first-child{padding-left:16px}.attendance-table td:last-child,.attendance-table th:last-child{padding-right:16px}}@media (max-width:768px){.table-body-container{max-height:50vh}.attendance-table td:nth-child(3),.attendance-table td:nth-child(4),.attendance-table th:nth-child(3),.attendance-table th:nth-child(4){display:none}.attendance-table{table-layout:auto}}@media (max-width:480px){.attendance-table td,.attendance-table th{font-size:13px;padding:10px 6px}.change-badge{font-size:11px;padding:4px 8px}}.popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.popup-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:90vh;max-width:800px;overflow-y:auto;padding:24px;width:100%}.popup-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.popup-header h2{color:#2d3748;font-size:20px;font-weight:600;margin:0}.close-button{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:20px;padding:5px}.close-button:hover{color:#718096}.employee-info{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.info-item{background-color:#f8f9fa;border-radius:6px;padding:12px}.info-label{color:#718096;font-size:12px;margin:0 0 4px}.info-value{color:#2d3748;font-weight:500;margin:0}.changes-title{color:#4a5568;font-size:16px;font-weight:600;margin-bottom:16px}.changes-list{display:flex;flex-direction:column;gap:16px}.change-item{border:1px solid #e2e8f0;border-radius:6px;padding:16px}.change-header{display:flex;justify-content:space-between;margin-bottom:12px}.field-name{color:#2d3748;font-weight:600;text-transform:capitalize}.change-time{color:#718096;font-size:14px}.change-values{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:12px}.value-container{display:flex;flex-direction:column}.value-label{color:#718096;font-size:12px;margin:0 0 4px}.old-value{background-color:#fff5f5;color:#e53e3e}.new-value,.old-value{border-radius:4px;margin:0;padding:8px}.new-value{background-color:#f0fff4;color:#38a169}.change-author{color:#718096;font-size:12px;margin:8px 0 0}*{box-sizing:border-box}.attendance-page-container{margin:80px auto 30px;max-width:1000px;overflow-y:hidden;padding:20px}.page-header{margin-bottom:30px;text-align:center}.page-header h1{color:#45505e;font-size:1.8rem;font-weight:600;margin-bottom:10px}.page-header p{color:#5d6b7c;font-size:1rem}.card{background-color:#f5f7fa;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-bottom:30px;padding:25px}.request-form-card{transition:box-shadow .3s ease}.request-form-card:hover{box-shadow:0 8px 16px #0000001a}.date-picker-section{display:flex;flex-direction:column;gap:15px}.date-picker-section h2{color:#45505e;font-size:1.2rem;font-weight:500;margin-bottom:10px}.date-range-picker-wrapper{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.date-input-container{display:flex;flex:1 1;flex-direction:column;min-width:200px}.date-input-container label{color:#5d6b7c;font-size:14px;font-weight:500;margin-bottom:5px}.date-input-container input{border:1px solid #c5ccd6;border-radius:8px;font-size:16px;outline:none;padding:10px 15px;transition:border-color .3s;width:100%}.date-input-container input:focus{border-color:#45505e;box-shadow:0 0 0 2px #4a6fa51a}.date-picker-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.submit-btn{background-color:#45505e;border:none;border-radius:8px;color:#f5f7fa;cursor:pointer;font-size:16px;height:42px;padding:10px 20px;transition:all .3s ease}.submit-btn:hover{background-color:#394452;transform:translateY(-2px)}.submit-btn:disabled{background-color:#c8c8c8;cursor:not-allowed;transform:none}.reason-textarea{border:1px solid #c5ccd6;border-radius:8px;font-family:inherit;font-size:16px;min-height:80px;outline:none;padding:10px 15px;resize:vertical;transition:border-color .3s;width:100%}.reason-textarea:focus{border-color:#45505e;box-shadow:0 0 0 2px #4a6fa51a}.tabs-section{background-color:#f5f7fa;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-top:30px;overflow:hidden}.tabs{background-color:#e1e5eb;border-bottom:1px solid #c5ccd6;display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:10}.tab{color:#5d6b7c;cursor:pointer;font-weight:500;padding:12px 20px;position:relative;transition:color .3s}.tab.active{color:#45505e}.tab.active:after{background-color:#45505e;bottom:-1px;content:"";height:3px;left:0;position:absolute;width:100%}.tab-content{display:none;height:auto;padding:20px}.tab-content.active{display:block}.request-list{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:15px;max-height:38vh;overflow-x:hidden;overflow-y:auto;padding-right:10px}.request-list::-webkit-scrollbar{width:8px}.request-list::-webkit-scrollbar-track{background:#d7dce4;border-radius:4px}.request-list::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:4px}.request-list::-webkit-scrollbar-thumb:hover{background:#9e9e9e}.request-item{background-color:#ebeef2;border-left:4px solid #5d6b7c;border-radius:8px;padding:15px;position:relative;transition:all .3s ease;width:100%}.request-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-3px)}.request-item.pending{border-left-color:#ff9800}.request-item.approved{border-left-color:#4caf50}.request-item.rejected{border-left-color:#f44336}.request-item h3{align-items:center;color:#343a40;display:flex;font-size:1.1rem;justify-content:space-between;margin-bottom:12px}.request-details{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:12px}.detail{align-items:center;display:flex;gap:5px}.detail-label{color:#5d6b7c;font-weight:500}.detail-value{color:#343a40}.request-reason{border-top:1px dashed #c5ccd6;color:#666;font-style:italic;margin-top:12px;padding-top:12px}.action-btns{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.approve-btn{background-color:#4caf50;border:none;border-radius:8px;color:#f5f7fa;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .3s ease}.approve-btn:hover{background-color:#388e3c;transform:translateY(-2px)}.reject-btn{background-color:#f44336;border:none;border-radius:8px;color:#f5f7fa;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .3s ease}.reject-btn:hover{background-color:#d32f2f;transform:translateY(-2px)}.badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;margin-left:8px;padding:3px 8px}.badge.pending{background-color:#fff8e1;color:#ff8f00}.badge.approved{background-color:#e8f5e9;color:#2e7d32}.badge.rejected{background-color:#ffebee;color:#c62828}.no-requests{color:#5d6b7c;font-style:italic;padding:30px;text-align:center}.confirmation-dialog{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.dialog-content{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:400px;padding:24px;width:100%}.dialog-content h3{color:#45505e;margin-bottom:16px;margin-top:0}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.dialog-cancel-btn{background-color:initial;border:1px solid #c5ccd6;border-radius:8px;color:#5d6b7c;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.dialog-cancel-btn:hover{background-color:#f5f7fa}.dialog-confirm-btn{background-color:#45505e;border:none;border-radius:8px;color:#f5f7fa;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.dialog-confirm-btn:hover{background-color:#394452}.attendance-unlock-error,.attendance-unlock-loading{align-items:center;background-color:#f5f7fa;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#5d6b7c;display:flex;font-size:18px;height:200px;justify-content:center;margin-top:80px}.attendance-unlock-error{color:#f44336}@media (max-width:768px){.attendance-page-container{margin-top:60px;padding:15px}.date-picker-wrapper,.date-range-picker-wrapper{align-items:stretch;flex-direction:column}.date-input-container{width:100%}.submit-btn{margin-top:10px;width:100%}.tabs{overflow-x:auto;white-space:nowrap}.tab{padding:10px 15px}.page-header h1{font-size:1.5rem}.request-list{max-height:350px}}@media (max-width:480px){.attendance-page-container{margin-top:40px;padding:10px}.card{padding:15px}.request-details{flex-direction:column;gap:8px}.page-header h1{font-size:1.3rem}.request-list{max-height:300px;padding-right:5px}.dialog-content{padding:16px;width:90%}}
/*# sourceMappingURL=main.7e4955b0.css.map*/