@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Montserrat:wght@400;500;600;700&display=swap);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}*{box-sizing:border-box;font-family:Montserrat,sans-serif;margin:0;padding:0}body{background-color:#fff}.navbar{background-color:#fff;height:165px;justify-content:space-between;margin-bottom:20px;overflow-x:hidden;padding:0 0 10px 3rem;position:relative;width:100%}.logo-container,.navbar{align-items:center;display:flex}.logo-container{flex:1 1;gap:15px;padding-left:50px}.logo-img{height:120px;object-fit:contain}.company-name{color:#09f;font-size:1.1rem;font-weight:700;text-transform:none}.nav-links{display:flex;flex:2 1;gap:40px;justify-content:center;list-style:none}.nav-links li a{color:#555;font-size:1rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-links li a:hover{color:#09f}.right-decor{align-items:flex-end;display:flex;flex:1 1;flex-direction:column;gap:1rem;justify-content:center;padding-right:0}.hamburger{cursor:pointer;display:none;flex-direction:column;gap:6px;padding:10px;z-index:1002}.hamburger .line{background-color:#1a30bd;border-radius:3px;height:3px;transition:all .3s ease;width:28px}.hamburger .line.open:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger .line.open:nth-child(2){opacity:0}.hamburger .line.open:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.menu-overlay{background-color:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:998}.menu-overlay.active{display:block}.decor-bar{border-bottom-left-radius:4px;border-top-left-radius:4px}.bar-top{background-color:#1a30bd;height:25px;opacity:.73;width:50%}.bar-middle{background-color:#d0e8ff;height:50px;width:100%}.bar-bottom{background-color:#1a30bd;height:25px;opacity:.73;width:50%}.main-container{display:flex;justify-content:center;padding:0 20px}.login-card{background-color:#bee3fa;box-shadow:0 4px 10px #0000000d;margin-top:3rem;max-width:500px;overflow:visible;text-align:center;width:100%}.user-icon-wrapper{margin-top:-60px}.user-icon,.user-icon-wrapper{display:flex;justify-content:center}.user-icon{align-items:center;background-color:#bee3fa;border-radius:50%;height:120px;overflow:hidden;width:120px}.user-icon img{height:100%;object-fit:cover;width:100%}.card-body h3{color:#000;font-family:Montserrat,sans-serif;font-weight:400;margin-bottom:20px}.button-group{display:flex;flex-direction:column;gap:2rem;padding:40px 1rem}.btn-role{background-color:#a57ee6;border:none;cursor:pointer;font-family:Inter,sans-serif;font-size:.7rem;font-weight:600;padding:15px;transition:background .3s}.btn-role:hover{background-color:#8e6ac7}.login-form{display:flex;flex-direction:column;gap:15px;padding:40px 1rem}.form-input{background-color:#dcdcdc;border:none;border-radius:4px;color:#333;font-family:Inter,sans-serif;font-size:.9rem;outline:none;padding:15px;width:100%}.form-input::placeholder{color:#666}.form-input:focus{background-color:#e6e6e6;box-shadow:0 0 0 2px #4276fc}.btn-signin{background-color:#4276fc;border:none;color:#000;cursor:pointer;font-size:1rem;margin-top:10px;padding:15px;transition:background .3s;width:100%}.btn-signin:hover{background-color:#3b5bdb}.btn-logout{background-color:#fc4242;border:none;color:#000;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;margin-top:10px;padding:15px;transition:background .3s;width:100%}.btn-logout:hover{background-color:#d9363e}.role-title{color:#333;font-size:1.2rem;font-weight:500;margin-bottom:30px}.employee-container{font-family:Inter,sans-serif;margin:0 auto;max-width:1400px;padding:0 50px}.employee-title{color:#000;font-family:Montserrat,sans-serif;font-size:3rem;font-weight:700;margin-bottom:40px;text-align:center}.section-label{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:20px}.success-message{background-color:#b2efb0;border-radius:4px;color:#3e9314;font-size:.9rem;padding:10px 20px}.data-grid{display:flex;flex-direction:column;gap:20px;position:relative}.table-scroll-container{display:flex;flex-direction:column;max-height:400px;overflow-x:hidden;overflow-y:auto;padding-right:5px}.table-scroll-container::-webkit-scrollbar{background-color:#d9d9d9;border-radius:10px;width:20px}.table-scroll-container::-webkit-scrollbar-track{background:#0000}.table-scroll-container::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#fff;border:8px solid #0000;border-radius:10px}.table-scroll-container::-webkit-scrollbar-thumb:hover{background-color:#b0b0b0}.grid-header,.grid-row{grid-gap:20px;align-items:stretch;display:grid;flex-shrink:0;gap:20px;grid-template-columns:.9fr .9fr 1.2fr 1fr 1.2fr 50px}.header-box{align-items:center;cursor:pointer;display:flex;gap:8px;height:auto;justify-content:center;min-height:50px;transition:background-color .2s;-webkit-user-select:none;user-select:none}.header-box:hover{background-color:silver}.sort-icon{color:#666;font-size:.8rem}.pagination-container{align-items:center;display:flex;gap:5px;justify-content:flex-end;padding-top:20px}.items-per-page-select{background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#333;cursor:pointer;font-family:Inter,sans-serif;font-size:.9rem;margin-right:10px;outline:none;padding:5px 8px;transition:border-color .2s}.items-per-page-select:hover{background-color:#f0f0f0;border-color:#999}.page-btn{background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#333;cursor:pointer;font-family:Inter,sans-serif;font-size:.9rem;min-width:32px;padding:5px 10px;transition:all .2s}.page-btn:hover:not(:disabled){background-color:#f0f0f0;border-color:#999}@media (max-width:1024px) and (min-width:769px){.employee-container{padding:15px 20px;width:100%}.employee-title{font-size:2.2rem;margin-bottom:25px}.section-label{font-size:1rem;margin-bottom:15px}.data-grid{flex-direction:column;gap:15px}.add-btn-wrapper{display:flex;justify-content:flex-start;left:0!important;margin-bottom:15px;position:relative!important;width:100%}.add-btn{font-size:1rem;padding:12px}.data-grid{position:relative}.table-scroll-wrapper{flex:1 1;overflow-x:auto;overflow-y:visible;padding-bottom:5px;width:100%}.table-scroll-wrapper::-webkit-scrollbar{height:15px}.table-scroll-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.table-scroll-wrapper::-webkit-scrollbar-thumb{background:#888;background-clip:content-box;border:3px solid #f1f1f1;border-radius:10px}.table-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#555}.table-scroll-container{max-width:none;min-width:-webkit-fit-content;min-width:fit-content;overflow-x:visible;overflow-y:auto;padding-right:5px}.grid-header,.grid-row{font-size:.9rem;gap:15px;grid-template-columns:1fr 1.5fr 1fr 1.5fr .75fr!important;min-width:850px}.info-box{word-wrap:break-word;align-items:center;display:flex;font-size:.9rem;height:auto;justify-content:center;min-height:50px;padding:10px 15px;word-break:break-word}.action-column{gap:8px}.icon-btn img{height:22px;width:22px}.pagination-container{align-items:flex-start;flex-direction:column;gap:10px}.pagination-top-row{align-items:center;display:flex;gap:0;width:100%}.items-per-page-select{align-self:flex-start;margin:0;width:auto}.pagination-bottom-row{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center;width:100%}.page-btn{font-size:.9rem;min-width:36px;padding:8px 12px}}@media (max-width:768px){.employee-container{padding:10px 15px;width:100%}.employee-title{font-size:1.6rem;margin-bottom:20px}.section-label{font-size:.9rem;margin-bottom:15px}.data-grid{flex-direction:column;gap:12px}.add-btn-wrapper{display:flex;justify-content:flex-start;left:0!important;margin-bottom:12px;position:relative!important;width:100%}.add-btn{font-size:.95rem;padding:10px}.data-grid{position:relative}.table-scroll-wrapper{flex:1 1;overflow-x:auto;overflow-y:visible;padding-bottom:5px;width:100%}.table-scroll-wrapper::-webkit-scrollbar{height:12px}.table-scroll-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.table-scroll-wrapper::-webkit-scrollbar-thumb{background:#888;background-clip:content-box;border:2px solid #f1f1f1;border-radius:10px}.table-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#555}.table-scroll-container{max-width:none;min-width:-webkit-fit-content;min-width:fit-content;overflow-x:visible;overflow-y:auto;padding-right:5px}.grid-header,.grid-row{font-size:.8rem;gap:12px;grid-template-columns:1fr 1.5fr 1fr 1.5fr .75fr!important;min-width:700px}.info-box{word-wrap:break-word;align-items:center;display:flex;font-size:.8rem;height:auto;justify-content:center;min-height:50px;padding:10px;word-break:break-word}.action-column{gap:6px}.icon-btn img{height:18px;width:18px}.pagination-container{align-items:flex-start;flex-direction:column;gap:8px;padding:10px 0}.pagination-top-row{align-items:center;display:flex;gap:0;width:100%}.items-per-page-select{align-self:flex-start;font-size:.85rem;margin:0;padding:6px 8px;width:auto}.pagination-bottom-row{align-items:center;display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-start;width:100%}.page-btn{font-size:.85rem;min-width:32px;padding:6px 10px}}.page-btn.active{background-color:#6493c8;border-color:#6493c8;color:#fff}.page-btn:disabled{background-color:#fafafa;color:#ccc;cursor:not-allowed}.row-divider-top{background-color:#616161;flex-shrink:0;height:3px;margin:10px 0;width:100%}.row-divider{background-color:#d6d6d6;flex-shrink:0;height:2px;margin:20px 0;width:100%}.info-box{align-items:center;border:none;border-radius:0;box-sizing:border-box;color:#000;display:flex;font-size:.9rem;font-weight:500;justify-content:center;min-height:50px;padding:10px;text-align:center;width:100%}.header-box,.info-box{background-color:#d9d9d9}.header-box{font-weight:700}.action-column{flex-direction:column;gap:10px;height:auto;min-height:50px}.icon-svg{stroke:#6493c8;stroke-width:2;fill:none;height:24px;width:24px}.add-btn-wrapper{left:-60px;position:absolute}.add-btn{background:#fff;border:none;border-radius:4px;color:#6493c8;cursor:pointer;font-size:38px;height:40px;width:40px}.add-btn,.password-wrapper{align-items:center;display:flex;justify-content:center}.password-wrapper{gap:8px;height:100%;min-height:21px;width:100%}.password-text{display:block;line-height:1.5;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blur-text{filter:blur(5px);pointer-events:none;-webkit-user-select:none;user-select:none}.eye-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:0;transition:color .2s}.eye-btn:hover{color:#2563eb}.add-employee-card{background-color:#bce6ff;margin:20px auto 0;max-width:1200px;padding:50px;text-align:center}.form-title{color:#000;font-family:Montserrat,sans-serif;font-weight:400;margin:20px 0 60px}.add-employee-form{display:flex;flex-direction:column;gap:25px;margin:0 auto;min-width:700px}.form-input-gray{background-color:#d9d9d9;border:none;color:#000;font-family:Inter,sans-serif;outline:none;padding:15px 20px}.form-input-gray::placeholder{color:#555}.form-actions{display:flex;gap:30px;margin-top:10px}.btn-submit-blue{background-color:#3b82f6;border:none;color:#000;cursor:pointer;flex:1 1;font-family:Montserrat,sans-serif;font-size:1.1rem;padding:15px;transition:background-color .2s}.btn-submit-blue:hover{background-color:#4276fc}.btn-cancel-red{background-color:#fc4242;border:none;color:#000;cursor:pointer;flex:1 1;font-family:Montserrat,sans-serif;font-size:1.1rem;padding:15px;transition:background-color .2s}.btn-cancel-red:hover{background-color:#dc2626}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:popBounce .5s cubic-bezier(.34,1.56,.64,1) both;background-color:#74beef;border-radius:0;box-shadow:0 4px 6px #0000001a;padding:10px;text-align:center;width:500px}.modal-title{color:#000;font-family:Montserrat,sans-serif;font-size:1.8rem;font-weight:700;margin:40px 30px}.modal-actions{display:flex;gap:20px;justify-content:center}.btn-modal{border:none;color:#fff;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:1rem;padding:15px;transition:opacity .2s}.btn-modal:hover{opacity:.9}.btn-delete-confirm{background-color:#4276fc;color:#000}.btn-delete-cancel{background-color:#fc4242;color:#000}.attendance-container{display:flex;flex-direction:column;height:calc(100vh - 350px);margin:0 auto;max-width:1400px;padding:20px 50px}.attendance-title{color:#000;font-family:Montserrat,sans-serif;font-size:3rem;font-weight:700;margin-bottom:30px;text-align:center}.attendance-layout-grid{grid-column-gap:20px;grid-row-gap:10px;align-items:start;column-gap:20px;display:grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;grid-template-rows:auto 1fr;height:100%;row-gap:10px}.filter-section{grid-column:1;grid-row:2;padding-top:12px;position:relative}.filter-label{align-items:center;color:#000;cursor:pointer;display:flex;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:700;gap:8px;-webkit-user-select:none;user-select:none}.filter-dropdown{background-color:#d9d9d9;border-radius:8px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;gap:15px;left:calc(100% + 20px);margin-top:15px;min-width:320px;padding:1.5rem 3rem 2rem 2rem;position:absolute;top:-70%;z-index:100}.filter-row{align-items:center;display:flex;gap:3rem;justify-content:flex-start;position:relative}.filter-key{color:#000;font-size:1rem;font-weight:700;width:50px}.filter-key,.filter-value{font-family:Montserrat,sans-serif}.filter-value{align-items:center;color:#444;cursor:pointer;display:flex;font-size:.9rem;gap:8px}.status-dropdown-menu{background-color:#cfe6fa;border-radius:4px;box-shadow:0 2px 8px #00000026;display:flex;flex-direction:column;min-width:120px;overflow:hidden;position:absolute;top:-5px;z-index:110}.status-option{align-items:center;color:#333;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:Montserrat,sans-serif;font-size:.9rem;justify-content:space-between;padding:8px 12px}.status-option:hover{background-color:#badaff}.filter-icon-img{height:12px;width:12px}.filter-arrow-icon{height:10px;transition:transform .3s ease;width:10px}.filter-arrow-icon.rotate-down,.filter-icon-img.rotate-down{transform:rotate(90deg);transition:transform .3s ease}.filter-arrow-icon.rotate-up,.filter-icon-img.rotate-up{transform:rotate(0deg);transition:transform .3s ease}.toolbar-actions{align-items:center;display:flex;gap:10px;grid-column:2;grid-row:1;padding-bottom:5px}.toolbar-icon-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;transition:opacity .2s}.toolbar-icon-btn:hover{opacity:.8}.toolbar-svg{height:32px;width:32px}.calendar-popup{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;left:240px;padding:15px;position:absolute;top:100%;width:300px;z-index:200}.calendar-header{align-items:center;border-bottom:1px dotted #a57ee6;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.calendar-title{color:#000;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700}.calendar-nav-btn{background:none;border:none;color:#666;cursor:pointer;font-size:1.2rem;padding:0 5px}.calendar-nav-btn:hover{color:#000}.calendar-grid-header{color:#333;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;margin-bottom:5px;text-align:center}.calendar-grid,.calendar-grid-header{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-grid{grid-gap:2px;gap:2px}.calendar-day{align-items:center;border-radius:4px;color:#333;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.9rem;height:35px;justify-content:center;-webkit-user-select:none;user-select:none}.calendar-day:hover:not(.empty){background-color:#f0f0f0}.calendar-day.empty{cursor:default;pointer-events:none}.calendar-day.selected{background-color:#4a54a4;color:#fff}.calendar-day.in-range{background-color:#e0e7ff;color:#333}.calendar-footer{border-top:1px dotted #a57ee6;display:flex;justify-content:flex-end;margin-top:15px;padding-top:10px}.btn-done{background-color:#77edff;border:none;border-radius:4px;color:#000;cursor:pointer;font-family:Montserrat,sans-serif;font-size:.9rem;padding:8px 20px;transition:opacity .2s}.btn-done:hover{opacity:.8}.attendance-table-wrapper{display:flex;flex-direction:column;grid-column:2;grid-row:2;overflow:hidden;width:100%}.attendance-grid-layout{align-items:center;display:grid;flex-shrink:0;grid-template-columns:1fr 1fr .8fr .8fr 2fr .8fr 1.5fr 80px}.attendance-table-font{font-family:Inter,sans-serif!important}.attendance-header{background-color:#f0f0f0;font-weight:700;padding:12px 8px;text-align:left}.attendance-data,.attendance-header{align-items:center;border:1px solid #ccc;color:#000;display:flex;font-size:.9rem;height:100%}.attendance-data{background-color:#fff;padding:10px 8px}.action-column{align-items:center;display:flex;flex-direction:row;gap:5px;justify-content:center}.action-divider-vertical{background-color:#000;height:2px;width:24px}.action-divider-horizontal{background-color:#000;height:24px;width:2px}.icon-btn img{display:block;height:24px;width:24px}.icon-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;transition:opacity .2s}.icon-btn:hover{opacity:.7}.attendance-scroll-container{background-color:#fff;border:none;display:flex;flex:1 1;flex-direction:column;overflow-x:auto;overflow-y:scroll;position:relative}.attendance-scroll-container::-webkit-scrollbar{width:20px}.attendance-scroll-container::-webkit-scrollbar-track{background-color:#d9d9d9;border-radius:0 10px 10px 0}.attendance-scroll-container::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#fff;border:5px solid #0000;border-radius:10px}.attendance-scroll-container::-webkit-scrollbar-thumb:hover{background-color:#f0f0f0}.sticky-header{position:-webkit-sticky;position:sticky;top:0;z-index:10}.sticky-header .attendance-header{background-color:#f0f0f0;border-bottom:2px solid #ccc;box-shadow:0 2px 4px #0000000d}.btn-excel{background-color:#1fb185;border:none;color:#000;flex:1 1;font-family:Montserrat,sans-serif}.btn-excel:hover{background-color:#25966d}.btn-pdf{background-color:#fc4242;color:#000;flex:1 1;font-family:Montserrat,sans-serif}.btn-pdf:hover{background-color:#d9363e}.btn-success-ok{background-color:#4276fc;color:#000;font-family:Montserrat,sans-serif;margin:0 auto;width:80%}.btn-success-ok:hover{background-color:#2563eb}.loading-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffffb3;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.spinner{animation:spin 1s linear infinite;border:5px solid #d9d9d9;border-radius:50%;border-top-color:#3b82f6;height:50px;margin-bottom:15px;width:50px}.loading-text{animation:pulse 1.5s ease-in-out infinite;color:#3b82f6;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:1px}.maps-container{display:flex;flex-direction:column;gap:20px;margin:0 auto;padding:20px 50px;width:1400px}.maps-title{color:#000;font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:10px;text-align:center}.map-display-area{background-color:#e5e7eb;border:2px solid #ccc;border-radius:8px;height:400px;overflow:hidden;position:relative;width:100%}.map-frame{border:none;height:100%;width:100%}.location-table-wrapper{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.location-scroll-container{border:1px solid #ccc;flex:1 1;overflow-y:auto}.location-scroll-wrapper{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto}.maps-container .location-scroll-wrapper{overflow-y:auto}.maps-container .location-scroll-container{max-width:100%;overflow:visible}.location-grid-layout{grid-gap:10px;align-items:center;display:grid;gap:10px}.location-header{background-color:#f0f0f0;border-bottom:2px solid #ccc;font-weight:700;padding:12px 15px;position:-webkit-sticky;position:sticky;top:0}.location-data,.location-header{font-family:Inter,sans-serif;font-size:.9rem}.location-data{background-color:#fff;border-bottom:1px solid #eee;overflow:hidden;padding:10px 15px;text-overflow:ellipsis;white-space:nowrap}.maps-link{color:#2563eb;cursor:pointer;text-decoration:underline}@media (max-width:1024px) and (min-width:769px){.admin-maps-container{max-width:100%;padding:15px 20px;width:100%}.admin-maps-container .maps-title{font-size:1.8rem;margin-bottom:15px}.map-display-area{height:300px}.location-table-wrapper{flex:1 1;overflow:hidden}.location-scroll-container{max-width:100%;overflow-x:auto;overflow-y:auto}.location-grid-layout{font-size:.85rem;min-width:600px}.location-header{position:-webkit-sticky;position:sticky;top:0;z-index:10}.location-data{word-wrap:break-word;font-size:.85rem;white-space:normal;word-break:break-word}.pagination-container{flex-direction:column;gap:15px}.pagination-top-row{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center;width:100%}.items-per-page-select{margin:0}.pagination-controls{align-items:center;display:flex;flex-wrap:nowrap;gap:5px}}@media (max-width:768px){.admin-maps-container{max-width:100%;padding:10px 15px;width:100%}.admin-maps-container .maps-title{font-size:1.4rem;margin-bottom:10px}.map-display-area{height:250px}.location-table-wrapper{flex:1 1;overflow:hidden}.location-scroll-container{max-width:100%;overflow-x:auto;overflow-y:auto}.location-grid-layout{font-size:.75rem;min-width:500px}.location-header{padding:10px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.location-data{word-wrap:break-word;font-size:.75rem;min-height:50px;padding:8px 10px;white-space:normal;word-break:break-word}.pagination-container{flex-direction:column;gap:10px;padding:10px 0}.pagination-top-row{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:center;width:100%}.items-per-page-select{font-size:.85rem;margin:0;padding:6px 8px}.pagination-bottom-row{display:none}.pagination-controls{align-items:center;display:flex;flex-wrap:nowrap;gap:5px}.page-btn{font-size:.85rem;min-width:32px;padding:6px 10px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1024px) and (min-width:769px){.hamburger{display:flex}.menu-overlay{display:block;z-index:998}.nav-links{background-color:#fff;box-shadow:-4px 4px 12px #0000001a;display:flex;flex-direction:column;gap:15px;left:auto;max-height:calc(100vh - 165px);opacity:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:165px;transform:translateX(100%);transition:all .3s ease;visibility:hidden;width:280px;z-index:1000}.nav-links.active{opacity:1;transform:translateX(0);visibility:visible}.nav-links li{text-align:center;width:100%}.nav-links li a{border-radius:8px;display:block;font-size:1rem;padding:12px;transition:background-color .3s}.nav-links li a:hover{background-color:#f0f8ff}.right-decor{display:none}}@media (max-width:768px){.navbar{align-items:flex-start;height:auto;padding:15px}.logo-container{flex:1 1;justify-content:flex-start;padding-left:0}.logo-img{height:60px}.company-name{font-size:.9rem}.hamburger{display:flex;margin-top:10px}.menu-overlay{display:block;z-index:998}.nav-links{background-color:#fff;box-shadow:-4px 4px 12px #0000001a;display:flex;flex-direction:column;gap:10px;left:auto;max-height:calc(100vh - 90px);opacity:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:90px;transform:translateX(100%);transition:all .3s ease;visibility:hidden;width:280px;z-index:1000}.nav-links.active{opacity:1;transform:translateX(0);visibility:visible}.nav-links li{text-align:center;width:100%}.nav-links li a{border-radius:8px;display:block;font-size:.95rem;padding:12px 15px;transition:background-color .3s}.nav-links li a:hover{background-color:#f0f8ff}.right-decor{display:none}}@media (max-width:1024px) and (min-width:769px){.attendance-container{height:calc(100vh - 260px);padding:15px 20px}.attendance-title{font-size:2rem;margin-bottom:20px}.attendance-layout-grid{column-gap:0;grid-template-columns:1fr;grid-template-rows:auto auto 1fr;row-gap:15px}.filter-section{grid-column:1;grid-row:2;padding-top:0}.filter-dropdown{left:0;margin-top:10px;min-width:100%;padding:1rem 1.5rem;position:relative;top:0;z-index:50}.filter-row{gap:1rem}.filter-key{font-size:.95rem;width:60px}.filter-value{font-size:.9rem}.toolbar-actions{grid-column:1;grid-row:1;padding-bottom:10px}.attendance-table-wrapper{grid-column:1;grid-row:3;overflow-x:auto}.attendance-scroll-container{overflow-x:visible}.attendance-grid-layout{display:grid!important;font-size:.85rem;grid-template-columns:120px 100px 95px 100px 170px 170px 85px 135px 80px!important;width:100%}.attendance-grid-layout.sticky-header{background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.attendance-data,.attendance-header{align-items:center;border-right:1px solid #ccc;display:flex;font-size:.85rem;padding:12px 10px!important;text-align:left}.attendance-header{background-color:#f0f0f0;font-weight:700;white-space:nowrap}.attendance-data:first-child,.attendance-data:nth-child(2),.attendance-data:nth-child(3){white-space:nowrap}.attendance-data:nth-child(4),.attendance-data:nth-child(5),.attendance-data:nth-child(6),.attendance-data:nth-child(7){word-wrap:break-word;line-height:1.4;white-space:normal;word-break:break-word}.action-column{flex-direction:row;gap:10px;padding:12px 10px}.icon-btn img{height:22px;width:22px}.pagination-container{flex-wrap:wrap;gap:10px}.page-btn{font-size:.9rem;padding:6px 12px}.calendar-popup{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:280px}.status-dropdown-menu{background-color:#cfe6fa;border-radius:4px;box-shadow:0 2px 8px #00000026;display:flex;flex-direction:column;left:0;min-width:120px;overflow:hidden;position:absolute;top:100%;z-index:200}}@media (max-width:768px){.attendance-container{height:calc(100vh - 220px);padding:10px 15px}.attendance-title{font-size:1.5rem;margin-bottom:15px}.attendance-layout-grid{column-gap:0;grid-template-columns:1fr;grid-template-rows:auto auto 1fr;row-gap:12px}.filter-section{grid-column:1;grid-row:2;padding-top:0}.filter-dropdown{left:0;margin-top:10px;min-width:100%;padding:.8rem 1rem;position:relative;top:0}.filter-row{gap:.8rem}.filter-key{font-size:.9rem;width:50px}.filter-value{font-size:.85rem}.filter-arrow-icon{height:8px;width:8px}.toolbar-actions{grid-column:1;grid-row:1;padding-bottom:10px}.attendance-table-wrapper{grid-column:1;grid-row:3;overflow-x:auto}.attendance-scroll-container{overflow-x:visible}.attendance-grid-layout{display:grid!important;font-size:.75rem;grid-template-columns:100px 90px 95px 85px 135px 135px 75px 105px 80px!important;width:100%}.attendance-grid-layout.sticky-header{background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.attendance-data,.attendance-header{align-items:center;border-right:1px solid #ccc;display:flex;font-size:.75rem;padding:12px 8px!important;text-align:left}.attendance-header{background-color:#f0f0f0;font-weight:700;white-space:nowrap}.attendance-data:first-child,.attendance-data:nth-child(2),.attendance-data:nth-child(3),.attendance-data:nth-child(4){white-space:nowrap}.attendance-data:nth-child(5),.attendance-data:nth-child(6){word-wrap:break-word;line-height:1.3;white-space:normal;word-break:break-word}.action-column{flex-direction:row;gap:8px;padding:12px 8px}.icon-btn img{height:20px;width:20px}.action-divider{height:20px;width:1px}.pagination-container{align-items:center;flex-direction:column;flex-wrap:wrap;gap:12px;justify-content:center;padding:10px 0}.pagination-top-row{gap:8px}.pagination-bottom-row,.pagination-top-row{align-items:center;display:flex;justify-content:center;width:100%}.pagination-bottom-row{gap:10px;order:1}.pagination-controls{align-items:center;display:flex;gap:8px}.page-btn{min-width:34px}.items-per-page-select,.page-btn{font-size:.85rem;padding:6px 10px}.items-per-page-select{order:2}.calendar-popup{left:50%;max-width:90vw;position:fixed;top:50%;transform:translate(-50%,-50%);width:260px}.calendar-header{padding:0 0 8px}.calendar-title{font-size:.9rem}.status-dropdown-menu{background-color:#cfe6fa;border-radius:4px;box-shadow:0 2px 8px #00000026;display:flex;flex-direction:column;left:0;min-width:120px;overflow:hidden;position:absolute;top:100%;z-index:200}.modal-content{max-width:320px;padding:20px;width:90%}.modal-title{font-size:1.1rem}.btn-modal{font-size:.9rem;padding:12px}}.attendance-container.add-attendance{height:auto!important;min-height:auto!important}@media (min-width:1025px){.attendance-container.add-attendance{height:auto!important;min-height:auto!important}}@media (max-width:1024px) and (min-width:769px){.attendance-container.add-attendance{max-width:100%;overflow-x:hidden;padding:15px 20px;width:100%}.attendance-title.add-attendance-title{font-size:2rem;margin-bottom:20px}.add-employee-card.add-attendance-card{background-color:#bce6ff;margin:10px auto 0;max-width:100%;overflow:hidden;padding:25px;width:100%}.form-title.add-attendance-form-title{font-size:1.2rem;margin-bottom:25px}.location-info-box.add-attendance-location{box-sizing:border-box;margin-bottom:15px;max-width:100%;overflow:hidden;padding:12px;width:100%}.location-info-box .location-label{font-size:.85rem;margin-bottom:4px;overflow:hidden;width:100%}.location-info-box .location-address{word-wrap:break-word;font-size:.85rem;overflow:hidden;overflow-wrap:break-word;width:100%;word-break:break-word}.location-info-box .location-actions{align-items:flex-start;flex-direction:column;gap:8px;margin-top:8px}.location-info-box .view-map-link{font-size:.8rem}.location-info-box .refresh-btn{font-size:.8rem;margin-left:0!important}.add-employee-form.add-attendance-form{gap:15px;margin:0!important;min-width:0!important;min-width:auto!important;overflow:hidden;padding:10px 0;width:100%}.form-input-container.add-attendance-input{margin-bottom:10px;max-width:100%;overflow:hidden;width:100%}.form-input-container label{font-size:.95rem;font-weight:600;margin-bottom:5px}.form-input-gray{font-size:.95rem;padding:10px}.form-input-gray,select.form-input-gray{box-sizing:border-box;max-width:100%;width:100%}.form-actions.add-attendance-actions{gap:15px;margin-top:20px;width:100%}.btn-cancel-red,.btn-excel,.btn-submit-blue{box-sizing:border-box;flex:initial!important;font-size:1rem;max-width:100%;padding:12px;width:100%}.modal-overlay .modal-content{max-width:400px;padding:15px;width:90%}.modal-title{font-size:1.4rem;margin:25px 20px}.modal-actions{gap:15px}.btn-modal{font-size:.95rem;padding:12px}.add-employee-card.add-attendance-card>*{max-width:100%;overflow:hidden}select.form-input-gray{-webkit-appearance:none;appearance:none;background-image:none}input.form-input-gray,select.form-input-gray{box-sizing:border-box!important;display:block;max-width:100%!important;width:100%!important}}@media (max-width:768px){.attendance-container.add-attendance{max-width:100%;overflow-x:hidden;padding:10px 15px;width:100%}.attendance-title.add-attendance-title{word-wrap:break-word;font-size:1.5rem;margin-bottom:15px;overflow-wrap:break-word}.add-employee-card.add-attendance-card{background-color:#bce6ff;margin:5px auto 0;max-width:100%;overflow:hidden;padding:15px;width:100%}.form-title.add-attendance-form-title{font-size:1rem;margin-bottom:15px}.location-info-box.add-attendance-location{border-radius:6px;box-sizing:border-box;margin-bottom:12px;max-width:100%;overflow:hidden;padding:10px;width:100%}.location-info-box .location-label{font-size:.85rem;margin-bottom:4px;overflow:hidden;width:100%}.location-info-box .location-address{word-wrap:break-word;font-size:.85rem;line-height:1.4;overflow:hidden;overflow-wrap:break-word;width:100%;word-break:break-word}.location-info-box .location-actions{align-items:flex-start;flex-direction:column;gap:8px;margin-top:10px}.location-info-box .view-map-link{font-size:.8rem}.location-info-box .refresh-btn{font-size:.8rem;margin-left:0!important}.add-employee-form.add-attendance-form{gap:12px;margin:0!important;min-width:0!important;min-width:auto!important;overflow:hidden;padding:8px 0;width:100%}.form-input-container.add-attendance-input{margin-bottom:8px;max-width:100%;overflow:hidden;width:100%}.form-input-container label{font-size:.9rem;font-weight:600;margin-bottom:4px}.form-input-gray{font-size:.9rem;padding:8px}.form-input-gray,select.form-input-gray{box-sizing:border-box;max-width:100%;width:100%}.form-actions.add-attendance-actions{flex-direction:column;gap:10px;margin-top:15px;width:100%}.btn-cancel-red,.btn-excel,.btn-submit-blue{box-sizing:border-box;flex:initial!important;font-size:1rem;max-width:100%;padding:12px;width:100%}.modal-overlay .modal-content{max-width:320px;padding:12px;width:95%}.modal-title{font-size:1.1rem;margin:20px 15px}.modal-actions{gap:10px}.btn-modal{font-size:.9rem;padding:10px}.btn-success-ok{width:90%}.add-employee-card.add-attendance-card>*{max-width:100%;overflow:hidden}select.form-input-gray{-webkit-appearance:none;appearance:none;background-image:none}input.form-input-gray,select.form-input-gray{box-sizing:border-box!important;display:block;max-width:100%!important;width:100%!important}}.form-input-container{align-items:flex-start;display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.form-input-container label{color:#333;display:block;font-size:1rem;font-weight:600;margin-bottom:5px}.form-input-gray{border:1px solid #d9d9d9;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:12px;width:100%}.error-message{color:red;font-size:.9rem;margin-top:5px;text-align:left}@media (max-width:1024px) and (min-width:769px){.employee-container{padding:15px 20px;width:100%}.employee-title{font-size:2.2rem;margin-bottom:25px}.add-employee-card{background-color:#bce6ff;margin:10px auto 0;max-width:90%;overflow:hidden;padding:25px;width:100%}.form-title{font-size:1.2rem;margin-bottom:20px}.add-employee-form{gap:15px;margin:0!important;min-width:0!important;min-width:auto!important;overflow:hidden;padding:10px 0;width:100%}.form-input-container{margin-bottom:12px;max-width:100%;overflow:hidden;width:100%}.form-input-container label{font-size:.95rem;font-weight:600;margin-bottom:6px}.form-input-gray{box-sizing:border-box;font-size:.95rem;max-width:100%;padding:10px;width:100%}.error-message{font-size:.9rem;margin-top:8px}.form-actions{display:flex;gap:15px;margin-top:20px;width:100%}.form-actions .btn-cancel-red{margin-left:auto}.form-actions .btn-cancel-red,.form-actions .btn-submit-blue{flex:1 1;font-size:1rem;min-width:120px;padding:12px}.card-info-content{padding:8px}.location-links{gap:12px}.add-employee-card{background-color:#bce6ff;margin:10px auto 0;max-width:90%;padding:15px}.form-title{font-size:1.1rem;margin-bottom:12px}.add-employee-form{max-height:calc(100vh - 300px);overflow-y:auto;padding:10px 0}.form-input-container{margin-bottom:10px}.form-input-container label{font-size:.95rem;font-weight:600;margin-bottom:5px}.form-input-gray{font-size:.95rem;padding:10px}.form-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:15px}.form-actions .btn-cancel-red{margin-left:auto}.form-actions .btn-excel,.form-actions .btn-submit-blue{flex:1 1;font-size:1rem;min-width:120px;padding:10px}}@media (max-width:768px){.employee-container{padding:10px 15px;width:100%}.employee-title{font-size:1.6rem;margin-bottom:20px}.add-employee-card{background-color:#bce6ff;margin:5px auto 0;max-width:95%;overflow:hidden;padding:15px;width:100%}.form-title{font-size:1rem;margin-bottom:15px}.add-employee-form{gap:12px;margin:0!important;min-width:0!important;min-width:auto!important;overflow:hidden;padding:8px 0;width:100%}.form-input-container{margin-bottom:10px;max-width:100%;overflow:hidden;width:100%}.form-input-container label{font-size:.9rem;font-weight:600;margin-bottom:5px}.form-input-gray{box-sizing:border-box;font-size:.9rem;max-width:100%;padding:8px;width:100%}.error-message{font-size:.9rem;margin-top:6px}.form-actions{flex-direction:column;gap:10px;margin-top:15px;width:100%}.form-actions .btn-cancel-red{margin-left:0}.form-actions .btn-cancel-red,.form-actions .btn-submit-blue{font-size:1rem;min-width:0;min-width:auto;padding:12px;width:100%}.card-info-content{padding:6px}.location-links{align-items:flex-start;flex-direction:column;gap:10px}.add-employee-card{background-color:#bce6ff;margin:5px auto 0;max-width:95%;padding:12px}.form-title{font-size:1rem;margin-bottom:10px}.add-employee-form{max-height:calc(100vh - 260px);overflow-y:auto;padding:8px 0}.form-input-container{gap:10px;margin-bottom:8px}.form-input-container label{font-size:.9rem;font-weight:600;margin-bottom:4px}.form-input-gray{font-size:.9rem;padding:8px}.form-actions{flex-direction:column;gap:10px;margin-top:12px}.form-actions .btn-cancel-red{margin-left:0;width:100%}.form-actions .btn-excel,.form-actions .btn-submit-blue{font-size:1rem;min-width:0;min-width:auto;padding:12px;width:100%}}
/*# sourceMappingURL=main.c960d644.css.map*/