{"id":170348,"date":"2025-09-04T14:11:39","date_gmt":"2025-09-04T07:11:39","guid":{"rendered":"https:\/\/www.hashmicro.com\/id\/blog\/?p=170348"},"modified":"2026-02-23T16:08:06","modified_gmt":"2026-02-23T09:08:06","slug":"aplikasi-lembur","status":"publish","type":"post","link":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/","title":{"rendered":"17 Aplikasi Perhitungan Lembur Terbaik di Indonesia (2026)"},"content":{"rendered":"<p>Aplikasi lembur adalah sistem digital untuk mencatat, menghitung, dan mengelola waktu lembur karyawan secara otomatis. Pengelolaannya dilakukan dengan memproses pengajuan, persetujuan, dan perhitungan lembur secara real-time agar data lebih akurat.<\/p>\n<p>Selain itu, proses manual membuat perusahaan sulit menyesuaikan dengan aturan ketenagakerjaan yang terus berkembang. Tanpa bantuan sistem yang tepat, HR harus menghabiskan banyak waktu untuk mencatat, menghitung, dan memverifikasi jam lembur.<\/p>\n<p>Jika Anda ingin menghentikan proses melelahkan ini, implementasi aplikasi lembur modern menjadi jawaban yang tepat. Dalam artikel ini, sebagai senior HR manager, saya akan membahas rekomendasi aplikasi lembur terbaik sekaligus memberikan panduan memilih sistem sesuai kebutuhan bisnis Anda.<\/p>\n<table style=\"border-collapse: collapse; background-color: #fffacd; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 25px 25px 25px 25px;\" width=\"100%\">\n<tbody>\n<tr>\n<td style=\"padding: 15px; border: none;\">\n<h3 style=\"margin-bottom: 10px;\"><span style=\"background-color: #990000; color: #ffffff; padding: 5px;\"><b>Key Takeaways<\/b><\/span><\/h3>\n<ul>\n<li aria-level=\"1\">Dengan<a href=\"#aturan\"> aturan jam kerja karyawan<\/a>, pemerintah menegaskan pentingnya perlindungan hak karyawan serta keseimbangan antara kebutuhan perusahaan dan kesejahteraan pekerja.<\/li>\n<li aria-level=\"1\">Penggunaan <a href=\"#software\"><i>software<\/i> lembur<\/a> penting untuk menjaga kepatuhan regulasi dan meningkatkan efisiensi.<\/li>\n<li aria-level=\"1\">Pertimbangkan <a href=\"#kebutuhan\">kebutuhan perusahaan<\/a> Anda berdasarkan jumlah karyawan, pola kerja, dan intensitas lembur yang terjadi.<\/li>\n<li aria-level=\"1\"><a href=\"https:\/\/www.hashmicro.com\/human-resource-management\"><b>HashMicro<\/b><\/a> menyediakan solusi lembur dengan fitur otomatisasi dan terintegrasi dengan modul bisnis lainnya.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n\r\n<script>\r\n    \/\/ check which image to use based on screensize\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        function updateImageSource() {\r\n            var images = document.querySelectorAll('.responsive-image-banner');\r\n            var screenWidth = window.innerWidth;\r\n\r\n            images.forEach(function(img) {\r\n                var mobileSrc = img.getAttribute('data-mobile-src');\r\n                var desktopSrc = img.getAttribute('data-desktop-src');\r\n\r\n                if (screenWidth < 576 && mobileSrc) {\r\n                    img.setAttribute('src', mobileSrc);\r\n                } else {\r\n                    img.setAttribute('src', desktopSrc);\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Initial check\r\n        updateImageSource();\r\n\r\n        \/\/ Update on resize\r\n        window.addEventListener('resize', updateImageSource);\r\n    });\r\n<\/script> <div id=\"toc_group_article\" style=''>\r\n\t<p style='font-size:25px;font-weight:bold; margin-bottom:0px'>\r\n\t\tDaftar Isi:\r\n\t<\/p>\r\n\t<ul id=\"list_toc\" class='list_toc'><\/ul>\r\n<\/div>\r\n\r\n<div id=\"placeholder-toc\"><\/div>\r\n<div id=\"toc\">\r\n    <div class=\"header\">\r\n\t<span class=\"toc-title\" id=\"toc-title\">Daftar Isi<\/span>\t\r\n\t <i class=\"toc-icon\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"header-icon\">\r\n          <path d=\"m6 9 6 6 6-6\" \/>\r\n        <\/svg>\r\n      <\/i>\r\n\t<\/div>\r\n    <div class=\"list\">\r\n      <ul id=\"toc-list\"><\/ul>\r\n    <\/div>\r\n <\/div>\r\n\r\n<style>\r\n\/* Simple styling for the TOC *\/\r\n\t\r\n\t#toc ul li:last-child {\r\n    padding-bottom: 16px; \/* Adjust the value as needed *\/\r\n}\r\n\r\n.td-fix-index {\r\n\t transform: unset !important;\r\n     -webkit-transform: unset !important; \r\n}\r\n.footer-contact .td-fix-index {\r\n\t transform: translateZ(0) !important;\r\n     -webkit-transform: translateZ(0) !important; \r\n}\r\n\t.tdb_single_content .tdb-block-inner.td-fix-index{\r\n\t\tposition: static;\r\n\t}\r\n\t\r\n\r\n\r\n\t\r\n#toc {\r\n  background-color: #FFF;\r\n\tpadding: 17px 24px 0px 24px !important;\r\n  margin-bottom: 20px;\r\n\/*   border: 1px solid #9C171E; *\/\r\n  border-radius: 6px;\r\n\tdisplay: none;\r\n  max-width: 100%;\r\n  transition: .4s ease height;\r\n\tmargin-left: 0;\r\n\toverflow: hidden;\r\n}\r\n\r\n#toc .header{\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\tbackground-color: transparent;\r\n}\r\n\t\r\n\t#toc.sticky .header{\r\n\t\tpadding: 4px 0;\r\n\t}\r\n\t\r\n.header p{\r\n  font-size: 18px !important;\r\n  font-weight: 600 !important;\r\n  color: #393939;\r\n   margin-bottom: 0;\r\n  \/* margin-top: 20px; *\/\r\n}\r\n\r\n.toc-icon{\r\n  float: right;\r\n\/*   visibility: hidden; *\/\r\n}\r\n\r\n\t.toc-title{\r\n\t\tmargin-right: auto;\r\n\/* \t\tpadding-left: 20px; *\/\r\n\t\tfont-weight: 600;\r\n\t\talign-self: center;\t}\t\r\n\r\n#toc ul {\r\n  list-style-type: none;\r\n  padding-left: 0;\r\n}\r\n\t\r\n#toc.sticky ul{\r\n\toverflow-y: auto;\r\n\tmax-height: 250px;\r\n\tmargin-top: 0px;\r\n\tpadding-top: 20px;\r\n\/* \tborder-top: 1px solid #d3d3d3; *\/\r\n}\r\n\t\r\n#toc ul li {\r\n\/*   margin-bottom: 10px; *\/\r\n  margin-bottom: 10px;\r\n\tmargin-left: 0;\r\n\ttransition: .2s ease;\r\n\tcursor: pointer;\r\n}\r\n\t\r\n\t#toc.sticky ul li {\r\n\t  margin-right: 10px;\r\n\t}\r\n\t\r\n.td-post-content #toc-list li a:hover, .td-post-content #toc-list a.active{\r\n\tbackground-color: #FFF;\r\n\/* \tpadding: 8px 16px 8px 16px; *\/\r\n\tpadding: 4px 16px 4px 16px;\r\n\tborder-radius: 6px;\r\n\tcolor: #9c171e !important;\r\n\tfont-weight: 600 !important;\r\n}\r\n\t\r\n\t.td-post-content #toc-list li:hover a, .td-post-content #toc-list a.active{\r\n\t\tcolor: #9C171E !important;\r\n\t\tfont-weight: 600 !important;\r\n\t}\r\n\t\r\n.td-post-content #toc-list a.active{\r\n\tfont-weight: bold !important;\r\n\tcolor: #9C171E !important;\r\n}\r\n\t\r\n#toc a, .td-post-content #toc-list a {\r\n  text-decoration: none;\r\n  color: #ea1717 !important;\r\n  transition: .2s ease;\r\n\tfont-weight: 400 !important;\r\n\tdisplay: block;\r\n\t\r\n\tpadding: 4px 16px 4px 0;\r\n}\r\n\r\n#toc.sticky {\r\n  position: fixed;\r\n\/*   top: 73px; *\/\r\n\tbottom: 0;\r\n  z-index: 100; \r\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1); \r\n\twidth: 100%; \r\n\tbackground-color: #FFF;\r\n\/* \tbackground-color: #FFF1F1; *\/\r\n\tborder-bottom: 1px solid #ea1717;\r\n\/*   border: 1px solid #393939; *\/\r\n  box-shadow: 0px 0px 14px 0px #00000040;\r\n  cursor: pointer;\r\n\tanimation: fadein .3s ease;\r\n\tpadding: 12px 16px !important;\r\n}\r\n\t\r\n\t.fadein{\r\n\t\tanimation: fadein .3s ease;\r\n\t}\r\n\t\r\n\t.fadeout{\r\n\t\tanimation: fadeout .3s ease;\r\n\t}\r\n\t\r\n\t\r\n\t@keyframes fadein{\r\n\t\t0% {\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t\t100%{\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@keyframes fadeout{\r\n\t\t0% {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t\t100%{\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t\r\n#toc.sticky .header p{\r\n\tmargin-bottom: 10px;\r\n\tmargin-top: 10px;\r\n}\r\n\r\n#toc.sticky .toc-icon{\r\n  visibility: visible;\r\n\/* \ttransition: 0.4s ease; *\/\r\n}\r\n\t\r\n\t.toc-icon{\r\n\t\talign-items: center;\r\n    \tdisplay: flex;\r\n\t}\r\n\t\r\n\tsvg.header-icon{\r\n\/* \t\tbackground-color: #9c171e; *\/\r\n\t\tbackground-color: #FFF;\r\n\t\tborder-radius: 30px;\r\n\t\tpadding: 5px;\r\n\t}\r\n\r\n#toc.sticky .list{\r\n\/*   max-height: 0; *\/\r\n  transition: height 0.4s ease;\r\n}\r\n\t\r\n\t#toc .list{\r\n\/*   max-height: 0; *\/\r\n  transition: height 0.4s ease;\r\n}\r\n\r\n#toc .header.active .toc-icon{\r\n\ttransform: rotate(0deg); \r\n\topacity: 1;\r\n}\r\n\r\n\t#toc .header.active + .list {\r\n\t  max-height: 200px; \/* Adjust this value as needed *\/\r\n\t  opacity: 1;\r\n\t}\r\n\t\r\n\t#placeholder-toc{\r\n\/* \t\tdisplay: none; *\/\r\n\t}\r\n\t\r\n\t@media (min-width: 768px) and (max-width: 991px){\r\n\t\t#toc.sticky{\r\n\/* \t\t\ttop: 104px; *\/\r\n\t\t\tbottom: 0px;\r\n\t\t}\r\n\t\t\r\n\t\t#toc{\r\n\t\t\twidth: unset !important;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width: 767px){\r\n\t\t#toc{\r\n\t\t\twidth: 100% !important;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\t\r\n\t\t#toc.sticky{\r\n\t\t\twidth: 90% !important;\r\n\/* \t\t\ttop: 81px; *\/\r\n\t\t\tbottom: 60px;\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t\tpadding: 0 16px;\r\n\t\t\tright: 5%;\r\n\t\t}\r\n\t}\r\n\t\r\n\t<\/style>\r\n\r\n<style>\r\n\t#list_toc li {margin-bottom: 0;margin-top: 5px;}\r\n\t#list_toc > li > ul {padding-left: 20px;margin-bottom: 0;}\r\n\t#list_toc{height:max-content;transition:ease-in-out}\r\n\t#list_toc li {margin-bottom: 0;margin-top: 5px;}\r\n\t#list_toc_float li.active > a {color:#b1252d;background: #ffe1e3;}\r\n\t#list_toc_float li a {padding:3px 7px}\r\n\t#list_toc_float li a {\r\n\t\tdisplay: block;\r\n\t\tcolor:#000;\r\n\t\tmargin-bottom: 10px;\r\n\t\ttransition:all 0.2s ease-in-out;\r\n\t\tfont-size:15px\r\n\t}\r\n\t#list_toc_float li{list-style:none;list-style-position:inside; margin-left:0;}\r\n\t#list_toc_float a:hover{color:#b1252d;}\r\n\t\r\n\t#list_toc_float li a{margin-bottom:0px}\r\n\t#toc_group_float{\r\n\t\tline-height: 24px;\r\n\t\tmax-height: calc(100vh - 100px);\r\n\t\toverflow: auto;\r\n\t\tz-index: 99;\r\n\t\tdisplay:none!important;\r\n\t\tbackground:#fff;\r\n\t\ttransition:all 0.5s linear\r\n\t}\r\n\t\r\n\t@media (min-width:1019px){\r\n\t\t#toc_group_float {\r\n\t\t\tdisplay:block!important;\r\n\t\t\t}\r\n\t\t#toc_group_article {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width:768px){\r\n\t\t#toc_group_article {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t}\r\n\t\r\n\t \/* custom scrollbar style *\/\r\n::-webkit-scrollbar {\r\n    width: 7px;\r\n}\r\n::-webkit-scrollbar-track {\r\n    background: #d7a2a4;\r\n}\r\n::-webkit-scrollbar-thumb {\r\n    background: #b1252d;\r\n    border-radius: 15px;\r\n}\t\t\r\n\r\n<\/style>\r\n\r\n<script>\r\n\tdocument.addEventListener('DOMContentLoaded', function() {\r\n\t\t\/\/ Fungsi untuk menangani klik pada semua elemen <a> dengan href yang dimulai dengan #\r\n\t\tfunction handleTitleClick(event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tconst targetId = this.getAttribute('href').substring(1);\r\n\t\t\tconst targetElement = document.getElementById(targetId);\r\n\r\n\t\t\tif (targetElement) {\r\n\t\t\t\tconst headerHeight = document.querySelector('#toc .header').offsetHeight;\r\n\t\t\t\tconst navbarHeight = document.getElementById('tdi_34') ? document.getElementById('tdi_34').offsetHeight : 0;\r\n\t\t\t\tconst windowHeight = window.innerHeight;\r\n\t\t\t\tconst targetOffset = targetElement.offsetTop;\r\n\t\t\t\tconst scrollTo = targetOffset + (windowHeight \/ 2) + (headerHeight) - navbarHeight - 40;\r\n\r\n\t\t\t\twindow.scrollTo({\r\n\t\t\t\t\ttop: scrollTo,\r\n\t\t\t\t\tbehavior: 'smooth'\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\/\/ Tambahkan event listener untuk semua elemen <a> di toc-list dan list-toc\r\n\t\tconst titleLinks = document.querySelectorAll('#toc-list a, #list_toc a');\r\n\t\ttitleLinks.forEach(link => {\r\n\t\t\tlink.addEventListener('click', handleTitleClick);\r\n\t\t});\r\n\t});\r\n<\/script>\r\n\r\n<!-- ToC List for mobile -->\r\n<script>\r\n \/\/ Generate TOC based on headings\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  \/\/ Get the element that will contain the TOC\r\n  const tocList = document.getElementById('toc-list');\r\n\r\n  \/\/ Get the element with the ID 'article-left'\r\n  const article = document.querySelector('.td-post-content');\r\n\r\n  \/\/ Find all h2 elements within 'myarticle'\r\n  const headers = article.getElementsByTagName('h2');\r\n\r\n  \/\/ Loop through the h2 elements and create a list item for each one\r\n  for (let i = 0; i < headers.length; i++) {\r\n    const header = headers[i];\r\n    const headerText = header.textContent;\r\n\/\/     const headerId = 'header-' + i;\r\n    const headerId = headerText\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(\/[^\\w\\s-]\/g, '')  \/\/ hapus tanda baca\r\n    .replace(\/\\s+\/g, '-'); \/\/ ganti spasi jadi \"-\"\r\n\r\n    \/\/ Set an ID for the header if it doesn't have one\r\n    header.setAttribute('id', headerId);\r\n\r\n    \/\/ Create a list item for the TOC\r\n    const listItem = document.createElement('li');\r\n\r\n    \/\/ Create a link for the list item\r\n    const link = document.createElement('a');\r\n    link.setAttribute('href', '#' + headerId);\r\n    link.textContent = headerText;\r\n\r\n    \/\/ Append the link to the list item\r\n    listItem.appendChild(link);\r\n\r\n    \/\/ Append the list item to the TOC list\r\n    tocList.appendChild(listItem);\r\n  }\r\n});\r\n\r\n\/\/ Keep height and placement of content using placeholder in place of TOC\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const toc = document.querySelector('#toc');\r\n  const placeholderToc = document.querySelector('#placeholder-toc');\r\n\r\n  function setPlaceholderHeight() {\r\n    placeholderToc.style.height = `${toc.offsetHeight}px`;\r\n  }\r\n\r\n  \/\/ Set the initial height of the placeholder\r\n  setPlaceholderHeight();\r\n\r\n  \/\/ Update the height on window resize\r\n  window.addEventListener('resize', setPlaceholderHeight);\r\n});\r\n  const tocTitle = document.querySelector('#toc-title'); \/\/ Assuming header-faq is the element for TOC title\r\n\r\n\/\/ Sticky TOC and update heading\r\n\/\/ document.addEventListener(\"DOMContentLoaded\", function() {\r\n\/\/   const toc = document.querySelector('#toc');\r\n\/\/   const footer = document.querySelector('.td-footer-template-wrap');\r\n\/\/   const tocParent = toc.parentElement;\r\n\/\/   const divTop = tocParent.getBoundingClientRect().top + window.pageYOffset;\r\n\/\/   const tocHeight = toc.offsetHeight;\r\n\/\/   const triggerPoint = divTop + tocHeight + 700;\r\n\/\/   const footerHeight = footer.offsetHeight;\r\n\/\/   const triggerFooterPoint = footer.getBoundingClientRect().top + window.pageYOffset - footerHeight - footerHeight - footerHeight;\r\n\/\/   const phtoc = document.querySelector('#placeholder-toc');\r\n\/\/   const headers = document.querySelectorAll('.td-post-content h2');\r\n\/\/   const navLinks = document.querySelectorAll('#toc-list a');\r\n\t\r\n\/\/ \tconst panel2 = document.querySelector(\"#toc .list\");\r\n\/\/ \tvar icon = document.querySelector(\".toc-icon\");\r\n\r\n\/\/   let activeLink = null; \/\/ Declare activeLink outside the loop\r\n\t\r\n\/\/   \/\/ Function to handle scroll and add\/remove .sticky class\r\n\/\/   function handleScroll() {\r\n\/\/     const windowTop = window.pageYOffset || document.documentElement.scrollTop;\r\n\/\/     let currentHeader = '';\r\n\r\n\/\/     \/\/ Highlight user progress as the heading comes\r\n\/\/     headers.forEach(header => {\r\n\/\/ \t\tconst headerTop = header.offsetTop;\r\n\/\/ \t\tconst headerHeight = header.clientHeight;\r\n\/\/ \/\/ \t\tif (window.scrollY >= (headerTop - headerHeight + 700)) {\r\n\/\/ \/\/ \t\t\tconst currentHeaderId = header.getAttribute('id');\r\n\/\/ \/\/ \t\t\tconst currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n\/\/ \/\/ \t\t\tconsole.log(\"current header text:\", currentHeaderText);\r\n\/\/ \/\/ \t\t\ttocTitle.textContent = currentHeaderText;\r\n\/\/ \/\/ \t\t\tcurrentHeader = currentHeaderId;\r\n\t\t\t\r\n\/\/ \/\/ \t\t\tif(window.innerWidth < 767){\r\n\/\/ \/\/ \t\t\t\ttocTitle.textContent = 'Daftar Isi';\r\n\/\/ \/\/ \t\t\t}\r\n\/\/ \/\/ \t\t}\r\n\/\/ \t\tif(window.innerWidth < 767){\r\n\/\/ \t\t\ttocTitle.textContent = 'Daftar Isi'; \/\/ Selalu pertahankan judul ini di mobile\r\n\/\/ \t\t} else {\r\n\/\/ \t\t\tif (window.scrollY >= (headerTop - headerHeight + 700)) {\r\n\/\/ \t\t\t\tconst currentHeaderId = header.getAttribute('id');\r\n\/\/ \t\t\t\tconst currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n\/\/ \t\t\t\ttocTitle.textContent = currentHeaderText;\r\n\/\/ \t\t\t\tcurrentHeader = currentHeaderId;\r\n\/\/ \t\t\t}\r\n\/\/ \t\t}\r\n\/\/ \t});\r\n\r\n\/\/     navLinks.forEach(link => {\r\n\/\/       link.classList.remove('active');\r\n\/\/       if(currentHeader != '') {\r\n\/\/ \t\t  if (link.getAttribute('href').includes(currentHeader)) {\r\n\/\/ \t\t\t  link.classList.add('active');\r\n\/\/ \t\t  }\r\n\/\/ \t  }\r\n\/\/     });\r\n\/\/ \/\/     if (windowTop < triggerFooterPoint) {\r\n\/\/ \/\/         toc.style.display = 'block';\r\n\/\/ \/\/ \t}else{\r\n\/\/ \/\/         toc.style.display = 'none';\r\n\/\/ \/\/ \t}\r\n\/\/     \/\/ Update TOC title if sticky\r\n\/\/     if (windowTop > triggerPoint) {\r\n\/\/       if (!toc.classList.contains('sticky')) {\r\n\/\/         phtoc.style.display = \"block\";\r\n\/\/         toc.classList.add('sticky');\r\n\/\/         toc.style.width = `${tocParent.offsetWidth}px`; \/\/ Set width to match the parent element\r\n\/\/         toc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/         toc.style.backgroundColor = \"#FFF\";\r\n\/\/ \t\tpanel2.style.height = '0px';\r\n\/\/ \t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \t\t  if(window.innerWidth < 767){\r\n\/\/ \/\/ \t\t\t  const tocs = document.querySelector('#toc.sticky');\r\n\/\/ \t\t\t  tocTitle.textContent = 'Daftar Isi'; \/\/ Reset title\r\n\/\/        \t\t  toc.style.width = '150px'; \/\/ Set width to match the parent element\r\n\/\/ \t\t  }\r\n\/\/       }\r\n\/\/       if (currentHeader) {\r\n\/\/ \/\/         console.log(\"activeLink:\", activeLink);\r\n\/\/         if (activeLink) {\r\n\/\/ \/\/           tocTitle.textContent = activeLink.textContent; \/\/ Update TOC title\r\n\/\/           tocTitle.textContent = activeLink ? activeLink.textContent : \"\"; \/\/ Update title only if activeLink exists\r\n\/\/         }\r\n\/\/       }\r\n\/\/     } else {\r\n\/\/       toc.classList.remove('sticky');\r\n\/\/       phtoc.style.display = \"none\";\r\n\/\/       toc.style.width = 'unset'; \/\/ Reset to original width\r\n\/\/       toc.style.backgroundColor = \"#FFF\";\r\n\/\/       tocTitle.textContent = 'Daftar isi'; \/\/ Reset title\r\n\/\/ \t\tpanel2.style.height = panel2.scrollHeight + \"px\";\r\n\/\/ \t\ticon.style.transform = \"rotate(180deg)\";\r\n\/\/     }\r\n\/\/   }\r\n\r\n\/\/     \/\/ Attach the scroll event listener to the window\r\n\/\/     window.addEventListener('scroll', handleScroll);\r\n\r\n\/\/     \/\/ Initial call to handleScroll to set the correct state on load\r\n\/\/     handleScroll();\r\n\/\/ });\r\n\t\r\n\/\/ \t\/\/ Open toggle TOC\r\n\/\/ \t  document.addEventListener(\"DOMContentLoaded\", function() {\r\n\/\/ \t\tvar tocHeader = document.querySelector(\"#toc .header\");\r\n\/\/ \t\tvar toc = document.querySelector(\"#toc\");\r\n\/\/ \t\tvar icon = document.querySelector(\".toc-icon\");\r\n\/\/ \t\tconst tocTitle = document.querySelector('#toc-title');\r\n\/\/ \t\tconst tocs = document.querySelector('#toc.sticky');\r\n\/\/  \t\tconst tocParent = toc.parentElement;\t\t  \r\n\r\n\/\/ \t\t  tocHeader.addEventListener(\"click\", function() {\r\n\/\/ \t\t\tvar panel = this.nextElementSibling;\r\n\/\/ \t\t\tif (panel.style.height !== '0px') { \/\/ Check if height is not 0px\r\n\/\/ \t\t\t  panel.style.height = '0px'; \/\/ Set height to 0 for full collapse\r\n\/\/ \t\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \/\/ \t\t\t\ttoc.style.paddingBottom = '6px'; \r\n\/\/ \t\t\t\tif(window.innerWidth > 768){\r\n\/\/ \t\t\t\t\tif(!toc.classList.contains('sticky')){\r\n\/\/ \t\t\t\t\t\ttoc.style.width = \"unset\";\r\n\/\/ \/\/ \t\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/ \t\t\t\t\t}\r\n\/\/ \t\t\t\t\tif (toc.classList.contains('sticky')){\r\n\/\/ \t\t\t\t\t\ttoc.style.width = '${tocParent.offsetWidth}px';\r\n\/\/ \t\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/ \t\t\t\t\t}\r\n\/\/ \t\t\t\t}\r\n\/\/ \t\t\t\tif(window.innerWidth < 767){\r\n\/\/ \t\t\t\t\ttoc.style.width = \"unset\"; \/\/ Reset width\r\n\/\/ \t\t\t\t}\r\n\/\/ \t\t\t\ttoc.style.backgroundColor = \"#FFF1F1\";\r\n\/\/ \t\t\t} else {\r\n\/\/ \t\t\t  panel.style.height = panel.scrollHeight + \"px\";\r\n\/\/ \t\t\t  icon.style.transform = \"rotate(0deg)\";\r\n\/\/ \t\t\t  toc.style.backgroundColor = \"#FFF\";\r\n\/\/ \t\t\t  tocTitle.textContent = 'Daftar isi'; \/\/ Reset title\r\n\/\/ \t\t\t\ttoc.style.paddingBottom = '24px';\r\n\/\/ \t\t\t \tif(window.innerWidth < 767){\r\n\/\/ \t\t\t\t\ttoc.style.width = `${tocParent.offsetWidth}px`; \/\/ Set width to match the parent element\r\n\/\/ \t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/ \t\t\t\t}\r\n\/\/ \t\t\t}\r\n\/\/ \t\t  });\r\n\r\n\/\/ \t\t  \/\/ Close TOC when a link inside it is clicked\r\n\/\/ \t\t  var tocLinks = document.querySelectorAll(\"#toc .list a\");\r\n\/\/ \t\t  tocLinks.forEach(function(link) {\r\n\/\/ \t\t\tlink.addEventListener(\"click\", function() {\r\n\/\/ \t\t\t  var panel = document.querySelector(\"#toc .list\");\r\n\/\/ \t\t\t  panel.style.height = '0px'; \/\/ Set height to 0 for full collapse\r\n\/\/ \t\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \t\t\t  toc.style.backgroundColor = \"#FFF\";\r\n\/\/ \t\t\t});\r\n\/\/ \t\t  });\r\n\/\/ \t\t});\r\n\r\n\/\/ START new JS for ToC improvements\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const toc = document.querySelector('#toc');\r\n  const footer = document.querySelector('.td-footer-template-wrap');\r\n  const tocParent = toc.parentElement;\r\n  const divTop = tocParent.getBoundingClientRect().top + window.pageYOffset;\r\n  const tocHeight = toc.offsetHeight;\r\n  const triggerPoint = divTop + tocHeight + 1750;\r\n\tconsole.log(triggerPoint)\r\n  const footerHeight = footer.offsetHeight;\r\n  const triggerFooterPoint = footer.getBoundingClientRect().top + window.pageYOffset - footerHeight*3;\r\n  const phtoc = document.querySelector('#placeholder-toc');\r\n  const headers = document.querySelectorAll('.td-post-content h2');\r\n  const navLinks = document.querySelectorAll('#toc-list a');\r\n  \r\n  const panel2 = document.querySelector(\"#toc .list\");\r\n  const icon = document.querySelector(\".toc-icon\");\r\n  const tocTitle = document.querySelector('#toc-title');\r\n\r\n  let activeLink = null;\r\n  let userClosedTOC = false; \/\/ Flag user menutup TOC\r\n\r\n  function handleScroll() {\r\n    const windowTop = window.pageYOffset || document.documentElement.scrollTop;\r\n    let currentHeader = '';\r\n\r\n    \/\/ Update TOC title sesuai header yang terlihat\r\n    headers.forEach(header => {\r\n      const headerTop = header.offsetTop;\r\n      const headerHeight = header.clientHeight;\r\n      if(window.innerWidth < 767){\r\n        tocTitle.textContent = 'Daftar Isi'; \r\n      } else {\r\n        if (window.scrollY >= (headerTop - headerHeight + 1750)) {\r\n          const currentHeaderId = header.getAttribute('id');\r\n          const currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n          tocTitle.textContent = currentHeaderText;\r\n          currentHeader = currentHeaderId;\r\n        }\r\n      }\r\n    });\r\n\r\n    navLinks.forEach(link => {\r\n      link.classList.remove('active');\r\n      if(currentHeader && link.getAttribute('href').includes(currentHeader)) {\r\n        link.classList.add('active');\r\n      }\r\n    });\r\n\r\n    if (windowTop > triggerPoint) {\r\n      if (!toc.classList.contains('sticky')) {\r\n        phtoc.style.display = \"block\";\r\n        toc.classList.add('sticky');\r\n        toc.style.width = `${tocParent.offsetWidth}px`;\r\n        toc.style.backgroundColor = \"#FFF\";\r\n        \/\/ Saat sticky, TOC otomatis tertutup\r\n        panel2.style.height = '0px';\r\n        icon.style.transform = \"rotate(180deg)\";\r\n        userClosedTOC = true; \/\/ Set flag supaya tidak terbuka saat scroll\r\n      }\r\n      \r\n      if(window.innerWidth < 767){\r\n        tocTitle.textContent = 'Daftar Isi'; \r\n        toc.style.width = '150px';\r\n      }\r\n\r\n    } else {\r\n      toc.classList.remove('sticky');\r\n      phtoc.style.display = \"none\";\r\n      toc.style.width = 'unset';\r\n      toc.style.backgroundColor = \"#FFF\";\r\n      tocTitle.textContent = 'Daftar isi'; \r\n\r\n      \/\/ Kembalikan panel jika user belum menutup manual\r\n      if(!userClosedTOC) {\r\n        panel2.style.height = panel2.scrollHeight + \"px\";\r\n        icon.style.transform = \"rotate(0deg)\";\r\n      }\r\n    }\r\n  }\r\n\r\n  window.addEventListener('scroll', handleScroll);\r\n  handleScroll();\r\n\r\n  \/\/ Toggle TOC saat user klik\r\n  const tocHeader = document.querySelector(\"#toc .header\");\r\n  tocHeader.addEventListener(\"click\", function() {\r\n    const panel = panel2;\r\n    if (panel.style.height !== '0px') {\r\n      panel.style.height = '0px';\r\n      icon.style.transform = \"rotate(180deg)\";\r\n      userClosedTOC = true;\r\n    } else {\r\n      panel.style.height = panel.scrollHeight + \"px\";\r\n      icon.style.transform = \"rotate(0deg)\";\r\n      userClosedTOC = false;\r\n    }\r\n  });\r\n\r\n  \/\/ Close TOC saat link diklik\r\n  document.querySelectorAll(\"#toc .list a\").forEach(link => {\r\n    link.addEventListener(\"click\", function() {\r\n      panel2.style.height = '0px';\r\n      icon.style.transform = \"rotate(180deg)\";\r\n      userClosedTOC = true;\r\n    });\r\n  });\r\n});\r\n\/\/ END new JS for ToC improvements\r\n\r\n\t\r\n\/\/ \tmake the heading at the center of the viewport\r\n\/\/ \tdocument.addEventListener('DOMContentLoaded', function() {\r\n\/\/     \/\/ Add click event listener to all links in the TOC list\r\n\/\/     document.querySelectorAll('#toc-list a').forEach(anchor => {\r\n\/\/         anchor.addEventListener('click', function (e) {\r\n\/\/             e.preventDefault(); \/\/ Prevent the default behavior of jumping to the anchor\r\n\/\/ \/\/ \t\t\tconsole.log(\"prevent default\");\r\n\/\/             const targetId = this.getAttribute('href').substring(1); \/\/ Get the ID of the target element\r\n\/\/             const targetElement = document.getElementById(targetId); \/\/ Get the target element\r\n\r\n\/\/             if (targetElement) {\r\n\/\/                 const headerHeight = document.querySelector('#toc .header').offsetHeight; \/\/ Get the height of the fixed header\r\n\/\/                 const windowHeight = window.innerHeight; \/\/ Get the height of the viewport\r\n\/\/                 const targetOffset = targetElement.offsetTop; \/\/ Get the top offset of the target element\r\n\/\/                 const scrollTo = targetOffset + (windowHeight \/ 2) + (headerHeight); \/\/ Calculate the scroll position to center the target element\r\n\r\n\/\/                 \/\/ Scroll to the calculated position smoothly\r\n\/\/                 window.scrollTo({\r\n\/\/                     top: scrollTo,\r\n\/\/                     behavior: 'smooth'\r\n\/\/                 });\r\n\/\/             }\r\n\/\/         });\r\n\/\/     });\r\n\/\/ });\r\n<\/script>\r\n\r\n<script>\r\n    \/\/ Scrollspy function to highlight the active TOC item based on the scroll position\r\n  function scrollSpy(tocClass) {\r\n    const scrollPosition = window.scrollY;\r\n\r\n    \/\/ Find the active h2 and h3 headings based on their position in the corresponding TOC\r\n    let activeH2 = null;\r\n    let activeH3 = null;\r\n\r\n    const tocItems = document.querySelectorAll(`.${tocClass} li`);\r\n    tocItems.forEach(item => {\r\n      const a = item.querySelector('a');\r\n      if (!a) return;\r\n      const href = a.getAttribute('href');\r\n      const targetId = href.substring(1); \/\/ Remove the '#' from the href to get the target ID\r\n      const targetElement = document.getElementById(targetId);\r\n      if (!targetElement) return;\r\n\r\n      const targetTop = targetElement.getBoundingClientRect().top + scrollPosition;\r\n      const nextItem = item.nextElementSibling;\r\n      const nextTop = nextItem ? nextItem.getBoundingClientRect().top + scrollPosition : Infinity;\r\n\r\n      if (targetTop <= scrollPosition + 150) {\r\n        if (a.parentElement.parentElement === tocItems) {\r\n          \/\/ The h2 heading is at the root level of the TOC\r\n          activeH2 = { id: targetId, level: 'h2' };\r\n        } \r\n\t\t  else {\r\n          \/\/ The h3 heading is nested under an h2 heading\r\n          const parentH2 = a.parentElement.parentElement.previousElementSibling;\r\n          if (parentH2) {\r\n            const h2Link = parentH2.querySelector('a');\r\n            if (h2Link) {\r\n              const h2Href = h2Link.getAttribute('href');\r\n              const h2Id = h2Href.substring(1);\r\n              activeH2 = { id: h2Id, level: 'h2' };\r\n            }\r\n          }\r\n          activeH3 = { id: targetId, level: 'h3' };\r\n        }\r\n      }\r\n\r\n      if (targetTop > scrollPosition + 150 && nextTop > scrollPosition + 150 && !activeH3) {\r\n        \/\/ Reset the activeH2 when there are no more active h3 headings\r\n        activeH2 = null;\r\n      }\r\n    });\r\n\r\n    \/\/ Update the active state for the TOC items\r\n    tocItems.forEach(item => {\r\n      item.classList.remove('active');\r\n      const a = item.querySelector('a');\r\n      if (a) {\r\n        const href = a.getAttribute('href');\r\n        const targetId = href.substring(1);\r\n        if ((activeH2 && activeH2.id === targetId) || (activeH3 && activeH3.id === targetId)) {\r\n          item.classList.add('active');\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ Call scrollSpy for each TOC on window scroll\r\n  const tocClasses = ['list_toc', 'list_toc_float']; \/\/ Add other TOC class names here if you have more than two instances\r\n  tocClasses.forEach(tocClass => {\r\n    window.addEventListener('scroll', () => scrollSpy(tocClass));\r\n  });\r\n<\/script>\r\n\r\n<!-- ToC List for desktop side bar, diganti jadi inject by php, di code snippet \"Sidebar Accordion\" -->\r\n<!-- <script>\r\n\tdocument.addEventListener(\"DOMContentLoaded\", function() {\r\n\r\n        \/\/ Fungsi untuk membuat nested list\r\n        function createNestedList(parentNode, children) {\r\n            if (children.length === 0) return;\r\n\r\n            const nestedUl = document.createElement('ul');\r\n            children.forEach(child => {\r\n                const nestedLi = document.createElement('li');\r\n                const nestedA = document.createElement('a');\r\n                nestedA.textContent = child.title;\r\n                nestedA.href = `#${child.id}`;\r\n                nestedLi.appendChild(nestedA);\r\n                nestedUl.appendChild(nestedLi);\r\n\r\n                if (child.children.length > 0) {\r\n                    createNestedList(nestedLi, child.children);\r\n                }\r\n            });\r\n\r\n            parentNode.appendChild(nestedUl);\r\n        }\r\n\r\n        \/\/ Membuat objek untuk menyimpan daftar h2 dan h3 beserta judulnya\r\n        const headings = [];\r\n\r\n           \/\/ Mengambil semua elemen h2 dan h3\r\n        \/\/ Mengambil semua elemen h2 dan h3\r\n\t\tconst elements = document.querySelectorAll('.td-post-content h2');\r\n\r\n\t\t\tfunction newFormatId(text) {\r\n\t\t\t\tif(text.toLowerCase() === \"key takeaways\") {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\tconst result = text.toLowerCase()\r\n\t\t\t\t.trim()\r\n\t\t\t\t.replace(\/[^\\w\\s-]\/g, '')  \/\/ hapus tanda baca\r\n\t\t\t\t.replace(\/\\s+\/g, '-'); \/\/ ganti spasi jadi \"-\"\r\n\r\n\t\t\t\treturn result;\r\n\t\t\t}\r\n\t\r\n\t\telements.forEach(element => {\r\n\t\t\tif (element.tagName === 'H2') {\r\n\t\t\t\tconst id = newFormatId(element.textContent); \/\/ Hasilkan ID baru\r\n\t\t\t\telement.id = id; \/\/ Tetapkan ID ke elemen h2\r\n\t\t\t\tif (element.textContent.toLowerCase() === \"key takeaways\") {return;} \/\/ Kalau Key Takeaways, jangan dimasukin\r\n\t\t\t\theadings.push({ level: 'h2', id: id, title: element.textContent, children: [] });\r\n\t\t\t} else if (element.tagName === 'H3') {\r\n\t\t\t\tconst id = newFormatId(element.textContent); \/\/ Hasilkan ID baru\r\n\t\t\t\telement.id = id; \/\/ Tetapkan ID ke elemen h3\r\n\t\t\t\tif (headings.length > 0) {\r\n\t\t\t\t\theadings[headings.length - 1].children.push({ level: 'h3', id: id, title: element.textContent, children: [] });\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n       \/\/ Membuat list HTML dari objek headings\r\n\t\tconst ul = document.getElementById('list_toc');\r\n\t\tlet currentUl = ul;\r\n\t\theadings.forEach(heading => {\r\n\t\t\tconst li = document.createElement('li');\r\n\t\t\tconst a = document.createElement('a');\r\n\t\t\ta.textContent = heading.title;\r\n\t\t\ta.href = `#${heading.id}`; \/\/ Gunakan ID yang baru dihasilkan\r\n\t\t\tli.appendChild(a);\r\n\r\n\t\t\tif (heading.level === 'h2') {\r\n\t\t\t\tcurrentUl = li;\r\n\t\t\t\tul.appendChild(li);\r\n\t\t\t} else if (heading.level === 'h3') {\r\n\t\t\t\tif (!currentUl.lastElementChild || currentUl.lastElementChild.tagName !== 'UL') {\r\n\t\t\t\t\tconst nestedUl = document.createElement('ul');\r\n\t\t\t\t\tcurrentUl.appendChild(nestedUl);\r\n\t\t\t\t\tcurrentUl = nestedUl;\r\n\t\t\t\t}\r\n\t\t\t\tcurrentUl.appendChild(li);\r\n\t\t\t}\r\n\r\n\t\t\tcreateNestedList(li, heading.children);\r\n\t\t});\r\n\t\t\/\/ Dapatkan elemen ul dengan id 'list_toc'\r\n\t\tconst ulFloat = document.getElementById('list_toc');\r\n\r\n\t\t\/\/ Dapatkan isi (child elements) dari ul dengan id 'list_toc'\r\n\t\tconst clonedChildren = ulFloat.cloneNode(true).children;\r\n\r\n\t\t\/\/ Dapatkan elemen ul dengan id 'list_toc_float'\r\n\t\tconst ulToc = document.getElementById('list_toc_float');\r\n\r\n\t\t\/\/ Tambahkan isi yang telah didapatkan dari 'list_toc' ke ul dengan id 'list_toc_float'\r\n\t\tulToc.append(...clonedChildren);\r\n\r\n\r\n        \/\/ Fungsi untuk mengambil tinggi navbar\r\n\t\tfunction getNavbarHeight() {\r\n\t\t\tconst navbar = document.getElementById('tdi_34');\r\n\t\t\treturn navbar ? navbar.offsetHeight : 0;\r\n\t\t}\r\n\r\n\t\t\/\/ Fungsi untuk menambahkan offset posisi scroll\r\n\t\tfunction scrollToElementWithOffset(elementId) {\r\n\t\t\tconst element = document.getElementById(elementId);\r\n\t\t\tif (element) {\r\n\t\t\t\tconst offset = getNavbarHeight();\r\n\t\t\t\tconst elementPosition = element.getBoundingClientRect().top;\r\n\t\t\t\tconst offsetPosition = elementPosition - offset - 40;\r\n\r\n\t\t\t\twindow.scrollBy({\r\n\t\t\t\t\ttop: offsetPosition,\r\n\t\t\t\t\tbehavior: 'smooth'\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\/\/ Fungsi untuk menangani klik pada tautan judul\r\n\t\tfunction handleTitleClick(event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tconst href = event.target.getAttribute('href').substr(1);\r\n\t\t\tscrollToElementWithOffset(href);\r\n\t\t}\r\n\r\n\t\t\/\/ Tambahkan event listener untuk semua tautan judul\r\n\t\tconst titleLinks = document.querySelectorAll('a[href^=\"#\"]');\r\n\t\ttitleLinks.forEach(link => {\r\n\t\t\tlink.addEventListener('click', handleTitleClick);\r\n\t\t});\r\n\t\t\r\n\t});\r\n    <\/script> -->\r\n<span id=\"aturan\"><\/span><\/p>\n<h2><b>Peraturan Lembur Karyawan di Indonesia<\/b><\/h2>\n<p>Di Indonesia, ketentuan mengenai lembur karyawan diatur dalam <a href=\"https:\/\/peraturan.bpk.go.id\/Details\/161904\/pp-no-35-tahun-2021\"><b>PP No. 35 Tahun 2021<\/b><\/a> serta <a href=\"https:\/\/peraturan.bpk.go.id\/Details\/246523\/uu-no-6-tahun-2023\"><b>UU Nomor 6 Tahun 2023<\/b><\/a> tentang Perjanjian Kerja Waktu Tertentu, Alih Daya, Waktu Kerja, Hubungan Kerja dan Waktu Istirahat, serta Pemutusan Hubungan Kerja. Dalam aturan tersebut, lembur didefinisikan sebagai jam kerja yang melebihi:<\/p>\n<ul>\n<li>7 jam per hari dan 40 jam per minggu bagi perusahaan yang menerapkan 6 hari kerja dalam seminggu.<\/li>\n<li>8 jam per hari dan 40 jam per minggu bagi perusahaan dengan sistem 5 hari kerja per minggu.<\/li>\n<\/ul>\n<p>Lembur merupakan hal yang wajar di dunia kerja, tetapi perusahaan tidak boleh memaksakan karyawan untuk terus-menerus bekerja lembur. Ada ketentuan yang wajib dipatuhi, seperti yang tercantum dalam <strong>Pasal 81 angka 24 UU No. 6 Tahun 2023<\/strong> yang mengubah Pasal 78 ayat (1) UU Ketenagakerjaan, yaitu:<\/p>\n<p>1. Pengusaha yang meminta karyawan bekerja melebihi jam kerja normal harus memenuhi dua syarat:<br \/>\na. Ada persetujuan dari karyawan yang bersangkutan.<br \/>\nb. Lembur hanya boleh dilakukan maksimal <strong>4 jam per hari<\/strong> dan <strong>18 jam per minggu<\/strong>.<\/p>\n<p>2. Pengusaha wajib membayar upah lembur bagi karyawan yang bekerja melebihi jam kerja normal.<\/p>\n<p>3. Ketentuan mengenai batas waktu lembur tersebut tidak berlaku bagi sektor usaha atau jenis pekerjaan tertentu.<\/p>\n<p>Dengan <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/aturan-jam-kerja-karyawan\/\">aturan jam kerja karyawan<\/a>, pemerintah menegaskan pentingnya perlindungan hak karyawan serta keseimbangan antara kebutuhan perusahaan dan kesejahteraan pekerja.<\/p>\n<h2><strong>17 Aplikasi Perhitungan Lembur Kerja Terbaik di Indonesia (2026)<\/strong><\/h2>\n<p><span id=\"software\">Sebelum lanjut ke daftar rekomendasi, berikut adalah beberapa pilihan yang paling menonjol untuk bisnis berdasarkan fitur, relevansi, dan pengalaman pengguna:<\/span><\/p>\n<style>\r\n  #custom-shortcode-scrollable-table {\r\n    width: 100%;\r\n    overflow-x: auto;\r\n  }\r\n  #custom-shortcode-scrollable-table .table-wrapper {\r\n    display: inline-block;\r\n    width: 130%; \/* Makes table wider than screen to force scroll *\/\r\n    vertical-align: top;\r\n  }\r\n  #custom-shortcode-scrollable-table table {\r\n    border-collapse: collapse;\r\n    table-layout: fixed; \/* Keeps columns stable *\/\r\n    width: 100%;\r\n  }\r\n  #custom-shortcode-scrollable-table thead {\r\n    background-color: #af2828;\r\n    color: #ffffff;\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 2;\r\n  }\r\n  \r\n  \/* 1. FORCE CENTER ALIGNMENT FOR ALL HEADERS *\/\r\n  #custom-shortcode-scrollable-table th {\r\n    font-size: 16px;\r\n    text-align: center !important; \r\n    vertical-align: middle;\r\n    padding: 10px;\r\n  }\r\n  \r\n  #custom-shortcode-scrollable-table td {\r\n    font-size: 14px;\r\n    padding: 8px;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  \/* 2. FIX MEREK COLUMN WIDTH (Don't use auto here) *\/\r\n  #custom-shortcode-scrollable-table th:first-child,\r\n  #custom-shortcode-scrollable-table td:first-child {\r\n    width: 150px; \/* Fixed width stops it from expanding *\/\r\n    text-align: left; \/* Keep brand names left-aligned for readability *\/\r\n  }\r\n\r\n  \/* 3. Handle the Check Columns (Enterprise, SME, UMKM) *\/\r\n  \r\n  \/* 4. The Last Column (Detail) takes remaining space automatically *\/\r\n\r\n  #custom-shortcode-scrollable-table tbody {\r\n    display: block;\r\n    overflow-y: auto;\r\n    overflow-x: hidden;\r\n    width: 100%;\r\n  }\r\n  #custom-shortcode-scrollable-table thead,\r\n  #custom-shortcode-scrollable-table tbody tr {\r\n    display: table;\r\n    width: 100%;\r\n    table-layout: fixed;\r\n  }\r\n  \r\n  \/* Scrollbar Styling *\/\r\n  #custom-shortcode-scrollable-table::-webkit-scrollbar,\r\n  #custom-shortcode-scrollable-table tbody::-webkit-scrollbar {\r\n    width: 8px;\r\n    height: 8px;\r\n  }\r\n  #custom-shortcode-scrollable-table::-webkit-scrollbar-track,\r\n  #custom-shortcode-scrollable-table tbody::-webkit-scrollbar-track {\r\n    background: #f1f1f1;\r\n    border-radius: 4px;\r\n  }\r\n  #custom-shortcode-scrollable-table::-webkit-scrollbar-thumb,\r\n  #custom-shortcode-scrollable-table tbody::-webkit-scrollbar-thumb {\r\n    background: #af2828;\r\n    border-radius: 4px;\r\n  }\r\n  #custom-shortcode-scrollable-table::-webkit-scrollbar-thumb:hover,\r\n  #custom-shortcode-scrollable-table tbody::-webkit-scrollbar-thumb:hover {\r\n    background: #8a1f1f;\r\n  }\r\n\r\n  \/* Mobile Responsiveness *\/\r\n  @media (max-width: 767px) {\r\n    #custom-shortcode-scrollable-table th {\r\n      font-size: 12px;\r\n      padding: 5px;\r\n    }\r\n    #custom-shortcode-scrollable-table td {\r\n      font-size: 10px;\r\n      padding: 5px;\r\n    }\r\n    \/* Adjust widths for mobile *\/\r\n    #custom-shortcode-scrollable-table th:first-child,\r\n    #custom-shortcode-scrollable-table td:first-child {\r\n      width: 100px; \r\n    }\r\n      }\r\n<\/style>\r\n\r\n<div id=\"custom-shortcode-scrollable-table\">\r\n  <div class=\"table-wrapper\">\r\n    <table>\r\n      <thead>\r\n        <tr>\r\n                      <th>Vendor<\/th>\r\n                      <th>Ideal Untuk<\/th>\r\n                      <th>Skala Bisnis<\/th>\r\n                      <th>Fitur Unggulan<\/th>\r\n                      <th>Harga<\/th>\r\n                  <\/tr>\r\n      <\/thead>\r\n      <tbody>\r\n                            <tr>\r\n                          <td>HashMicro<\/td>\r\n                          <td>Perusahaan menengah hingga enterprise yang butuh sistem lembur terintegrasi dengan HRIS &amp; payroll<\/td>\r\n                          <td>Menengah hingga besar<\/td>\r\n                          <td>Perhitungan lembur otomatis, workflow approval, integrasi absensi, payroll &amp; multi-cabang<\/td>\r\n                          <td>Harga custom (hubungi konsultan)<\/td>\r\n                      <\/tr>\r\n                            <tr>\r\n                          <td>LinovHR<\/td>\r\n                          <td>Bisnis yang memerlukan HRIS lengkap dengan modul lembur &amp; absensi online<\/td>\r\n                          <td>Menengah<\/td>\r\n                          <td>ESS, absensi GPS, shift management, lembur berbasis regulasi lokal<\/td>\r\n                          <td>Tanya harga<\/td>\r\n                      <\/tr>\r\n                            <tr>\r\n                          <td>Talenta by Mekari<\/td>\r\n                          <td>Bisnis dengan karyawan banyak dan jadwal kerja kompleks<\/td>\r\n                          <td>Kecil hingga besar<\/td>\r\n                          <td>Payroll, overtime automation, attendance, shift, mobile ESS<\/td>\r\n                          <td>Mulai \u00b1 Rp25.000\/user\/bulan<\/td>\r\n                      <\/tr>\r\n                            <tr>\r\n                          <td>GreatDay HR<\/td>\r\n                          <td>Perusahaan yang ingin HR platform lengkap dengan lembur otomatis<\/td>\r\n                          <td>Menengah<\/td>\r\n                          <td>Face recognition, overtime workflow, payroll, multi-cabang<\/td>\r\n                          <td>Harga custom<\/td>\r\n                      <\/tr>\r\n                            <tr>\r\n                          <td>OrangeHRM<\/td>\r\n                          <td>Organisasi yang ingin HRIS open-source yang stabil &amp; mudah dikembangkan<\/td>\r\n                          <td>Kecil hingga menengah<\/td>\r\n                          <td>Time tracking, overtime request, multi-level approval<\/td>\r\n                          <td>Gratis (Community) \/ Harga custom (Enterprise)<\/td>\r\n                      <\/tr>\r\n                            <tr>\r\n                          <td>Appsensi<\/td>\r\n                          <td>Perusahaan dengan tim lapangan atau hybrid yang butuh absensi &amp; lembur GPS<\/td>\r\n                          <td>Kecil hingga menengah<\/td>\r\n                          <td>GPS attendance, overtime log, live tracking, laporan otomatis<\/td>\r\n                          <td>Mulai \u00b1 Rp10.000\/user\/bulan<\/td>\r\n                      <\/tr>\r\n                            <tr>\r\n                          <td>KaryaONE<\/td>\r\n                          <td>UMKM &amp; bisnis berkembang yang butuh lembur sederhana berbasis cloud<\/td>\r\n                          <td>Kecil hingga menengah<\/td>\r\n                          <td>Absensi digital, lembur otomatis, shift management<\/td>\r\n                          <td>Mulai \u00b1 Rp15.000\/user\/bulan<\/td>\r\n                      <\/tr>\r\n                            <tr>\r\n                          <td>Gadjian<\/td>\r\n                          <td>Bisnis yang ingin HRIS Indonesia dengan payroll &amp; lembur terpadu<\/td>\r\n                          <td>Kecil hingga menengah<\/td>\r\n                          <td>Lembur otomatis, payroll link, absensi online, e-slip<\/td>\r\n                          <td>Mulai \u00b1 Rp12.500\/user\/bulan<\/td>\r\n                      <\/tr>\r\n                            <tr>\r\n                          <td>Jibble<\/td>\r\n                          <td>Tim remote &amp; lapangan yang butuh pelacakan lembur akurat via GPS\/biometrik<\/td>\r\n                          <td>Kecil hingga menengah<\/td>\r\n                          <td>Face recognition, GPS tracking, otomatisasi timesheet &amp; lembur<\/td>\r\n                          <td>Gratis (basic) \/ Pro \u00b1 Rp48.000\/user\/bulan<\/td>\r\n                      <\/tr>\r\n                            <tr>\r\n                          <td>Hubstaff<\/td>\r\n                          <td>Perusahaan layanan &amp; field team yang butuh tracking lembur + monitoring GPS<\/td>\r\n                          <td>Kecil hingga menengah<\/td>\r\n                          <td>GPS tracking, overtime tracking, productivity report<\/td>\r\n                          <td>Mulai USD $7\/user\/bulan<\/td>\r\n                      <\/tr>\r\n              <\/tbody>\r\n    <\/table>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const tbody = document.querySelector(\"#custom-shortcode-scrollable-table tbody\");\r\n  if (!tbody) return;\r\n  const rows = tbody.querySelectorAll(\"tr\");\r\n  \/\/ Calculate height based on first 10 rows\r\n  if (rows.length > 10) {\r\n    let totalHeight = 0;\r\n    for (let i = 0; i < 10 && i < rows.length; i++) {\r\n      totalHeight += rows[i].offsetHeight;\r\n    }\r\n    tbody.style.maxHeight = totalHeight + \"px\";\r\n  }\r\n});\r\n<\/script>\n<p>Tentu saja, rekomendasinya <strong>tidak berhenti di sini<\/strong>; masih ada lebih banyak software lembur lainnya. Untuk membantu Anda menentukan pilihan, saya telah mengevaluasi 17 software lembur terbaik di Indonesia untuk tahun 2026, berikut selengkapnya.<\/p>\n<h3><b>1. HashMicro<\/b><\/h3>\n<p><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hashmicro-scaled.webp\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-170343\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hashmicro-scaled.webp\" alt=\"aplikasi lembur hashmicro\" width=\"2560\" height=\"1465\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hashmicro-scaled.webp 2560w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hashmicro-300x172.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hashmicro-1024x586.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hashmicro-768x439.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hashmicro-1536x879.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hashmicro-2048x1172.webp 2048w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hashmicro-734x420.webp 734w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hashmicro-150x86.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hashmicro-696x398.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hashmicro-1068x611.webp 1068w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hashmicro-1920x1098.webp 1920w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/a><a href=\"https:\/\/www.hashmicro.com\/human-resource-management\"><b>HashMicro<\/b><\/a> menawarkan solusi HR dengan modul lembur yang komprehensif, sesuai regulasi, dan berbasis AI. Sistem ini membantu perusahaan meningkatkan akurasi pencatatan waktu kerja sekaligus mencegah manipulasi data.<\/p>\n<p>Hadirnya asisten AI bernama Hashy juga membuat pemantauan lembur lebih efisien karena sistem memproses data secara real-time dan hadir dalam bentuk <i>insight <\/i>analitik. Anda juga dapat <a href=\"https:\/\/www.hashmicro.com\/id\/tour-produk-gratis\/\"><b>mencoba demo gratis<\/b><\/a> sistem HashMicro jika ingin melihat langsung performanya.<\/p>\n<p>Dengan <i>software<\/i> ini, tim HR dapat memantau durasi lembur, menghitung biaya tambahan, dan menilai beban kerja karyawan secara lebih objektif. Selain itu, sistemnya terintegrasi langsung dengan payroll sehingga pembayaran lembur bisa dilakukan otomatis tanpa risiko salah perhitungan.<\/p>\n<p><b>Fitur unggulan:<\/b><\/p>\n<ul>\n<li aria-level=\"1\"><b>Face recognition &amp; GPS attendance<\/b>: Validasi lembur hanya untuk karyawan yang benar-benar hadir.<\/li>\n<li aria-level=\"1\"><b>Roster &amp; dynamic working schedule<\/b>: Pengaturan jadwal kerja dan shift yang fleksibel.<\/li>\n<li aria-level=\"1\"><b>Payslip management<\/b>: Perhitungan jam lembur dan slip gaji otomatis.<\/li>\n<li aria-level=\"1\"><b>KPI &amp; talent management<\/b>: Memantau performa karyawan, termasuk efektivitas lembur.<\/li>\n<li aria-level=\"1\"><b>In-depth performance analysis<\/b>: Analisis kontribusi karyawan dengan matriks berbasis data.<\/li>\n<\/ul>\n<p><i>\u201cPerforma dan kapabilitas software HR dari HashMicro belum pernah mengecewakan. Dengan dukungan AI, sistem ini semakin efisien dan megikuti perkembangan perusahaan Anda.\u201d<\/i><\/p>\n<p><b>&#8211; Jessica Chandra,<\/b> Senior HR Manager<\/p>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>\n<ul>\n<li>Terintegrasi penuh dalam ekosistem ERP<\/li>\n<li>AI-assisted automation membuat pengelolaan efisien<\/li>\n<li>UI\/UX yang mudah dipahami, bahkan oleh pemula<\/li>\n<li>Dukungan regulasi lokal dan payroll lengkap<\/li>\n<\/ul>\n<\/td>\n<td>\n<ul>\n<li>Bisa terlalu kompleks bagi UKM kecil<\/li>\n<li>Waktu implementasi variatif tergantung kebutuhan dan tingkat kustomisasi<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih HashMicro?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>HashMicro menawarkan sistem lembur terintegrasi dengan HRIS dan payroll, memastikan perhitungan lembur akurat, otomatis, dan sesuai regulasi Indonesia. Cocok untuk perusahaan berskala menengah hingga besar yang membutuhkan kelengkapan, akurasi, dan dukungan implementasi profesional.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<style>\r\n.cta-in-article-image .desktop-banner{\r\n    display: none;\r\n    text-align: center;\r\n}\r\n.cta-in-article-image .desktop-mobile{\r\n    display: block;\r\n    text-align: center;\r\n    width: 100%;\r\n}\r\n\t.cta-in-article a {\r\n\t\tfont-size: 0px !important;\r\n\t\tcolor: #fff; \r\n\t\tpadding: 0px !important; \r\n\t\tborder-radius: 0px !important; \r\n\t\tdisplay: block !important; \r\n\t\ttext-decoration: none; \r\n\t}\r\n\t\r\n\t.cta-in-article {\r\n\t\tmargin: 0px !important;\r\n\t\tpadding: 0px !important;\r\n\t\tbox-shadow: none !important;\r\n\t}\r\n\t\r\n@media (min-width: 650px) {\r\n    .cta-in-article-image .desktop-banner {\r\n        display: block!important;\r\n    }\r\n}\r\n@media (min-width: 650px) {\r\n   .cta-in-article-image .desktop-mobile {\r\n        display: none!important;\r\n    }\r\n}\r\n<\/style>\r\n<div class=\"cta-in-article-image\">\r\n\t<a href=\"https:\/\/www.hashmicro.com\/id\/offer\/download-skema-harga-software-erp?blog&utm_source=blog&medium=banner-article\" target=\"_blank\" rel=\"noopener\">\r\n\t\t<div id=\"desktop-banner-container\">\r\n\t\t\t<div class=\"desktop-banner\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/02.Skema-Harga-web-resized.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div id=\"mobile-banner-container\">\r\n\t\t\t<div class=\"desktop-mobile\">\r\n\t\t\t\t<img decoding=\"async\" width=\"372\" height=\"465\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/02.-Skema-Harga-Mobile-372px.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/a>\r\n<\/div>\n<h3><b>2. LinovHR<\/b><\/h3>\n<p><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/linovhr.webp\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-170336\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/linovhr.webp\" alt=\"linovhr\" width=\"900\" height=\"678\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/linovhr.webp 900w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/linovhr-300x226.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/linovhr-768x579.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/linovhr-558x420.webp 558w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/linovhr-80x60.webp 80w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/linovhr-150x113.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/linovhr-696x524.webp 696w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/a>LinovHR mencuri perhatian karena ESS-nya memudahkan karyawan mengajukan lembur secara mandiri, sambil HR mengelola melalui dashboard yang rapi. <i>Platform <\/i>ini <i>customizable <\/i>serta mengintegrasikan absensi real-time dan anti-fake GPS.<\/p>\n<p>LinovHR menjadi salah satu sistem lokal yang mengutamakan keamanan data karyawan untuk mengurangi potensi konflik terkait pencatatan lembur dan <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/shift-adalah\/\">shift<\/a> kerja.<\/p>\n<p><b>Fitur unggulan:<\/b><\/p>\n<ul>\n<li aria-level=\"1\">Pengajuan lembur terstruktur dan otomatis<\/li>\n<li aria-level=\"1\">Absensi real\u2011time dan anti\u2011fake GPS untuk akurasi tinggi<\/li>\n<li aria-level=\"1\">Employee Self-Service (ESS) untuk mandiri pengajuan lembur\/cuti<\/li>\n<li aria-level=\"1\">Modul HR terintegrasi (rekrutmen, payroll, training)<\/li>\n<li aria-level=\"1\">Manajemen shift kerja dan rekap kehadiran terpusat<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>\n<ul>\n<li>Sistem dapat Anda kustomisasi<\/li>\n<li>Keamanan tinggi dengan anti-fake GPS<\/li>\n<li>ESS meningkatkan kemandirian karyawan<\/li>\n<\/ul>\n<\/td>\n<td>\n<ul>\n<li>Versi cloud\/on-premise memiliki biaya berbeda<\/li>\n<li>Integrasi kompleks membutuhkan setup awal yang cukup lama<\/li>\n<li>Membutuhkan pelatihan untuk pengguna HRD awal<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih LinovHR?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>LinovHR menyediakan modul lembur modern dengan ESS, absensi real-time, dan manajemen shift yang mudah digunakan. Ideal untuk perusahaan yang mengutamakan kepraktisan, akurasi kehadiran, dan fleksibilitas lintas divisi.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><b>3. Koneksi<\/b><\/h3>\n<p><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/koneksi.webp\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-170345\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/koneksi.webp\" alt=\"koneksi\" width=\"1367\" height=\"836\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/koneksi.webp 1367w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/koneksi-300x183.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/koneksi-1024x626.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/koneksi-768x470.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/koneksi-687x420.webp 687w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/koneksi-150x92.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/koneksi-696x426.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/koneksi-1068x653.webp 1068w\" sizes=\"auto, (max-width: 1367px) 100vw, 1367px\" \/><\/a>Koneksi menawarkan HRIS berbasis cloud yang mulus, terutama untuk pengajuan lembur, cuti, dan payroll. Desainnya sederhana sehingga HR dan karyawan pun cepat beradaptasi. Sistem ini menekankan kemudahan penggunaan, sehingga tidak membutuhkan banyak pelatihan teknis.<\/p>\n<p>Vendor Koneksi juga menawarkan berbagai kemudahan pra-pembelian bagi calon pelanggan terbaik mereka.<\/p>\n<p><b>Fitur unggulan:<\/b><\/p>\n<ul>\n<li>ESS untuk mengajukan lembur\/cuti secara mandiri<\/li>\n<li>Integrasi absensi dan payroll berjalan otomatis<\/li>\n<li>Evaluasi kinerja berbasis KPI untuk menjaga produktivitas<\/li>\n<li>Dashboard HR berbasis cloud dengan antarmuka sederhana<\/li>\n<li>Rekap data kehadiran dan lembur untuk laporan administrasi<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>\n<ul>\n<li>Antarmuka yang ramah pengguna<\/li>\n<li>Skalabilitas yang mampu menyesuaikan perkembangan bisnis Anda<\/li>\n<li>Sistem dapat diakses secara online maupun offline<\/li>\n<\/ul>\n<\/td>\n<td>\n<ul>\n<li>Lebih cocok untuk perusahaan berskala menengah ke atas<\/li>\n<li>Antrean demo gratis dapat cukup panjang<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih Koneksi?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Koneksi merupakan solusi HR berbasis cloud yang menawarkan pengelolaan lembur, absensi, dan cuti secara praktis. Sistemnya sederhana, mudah dipelajari, dan cocok untuk bisnis kecil hingga menengah yang membutuhkan otomatisasi proses HR tanpa sistem yang kompleks.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><b>4. Hadirr<\/b><\/h3>\n<p><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/hadirr.webp\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-170335\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/hadirr.webp\" alt=\"hadirr\" width=\"1024\" height=\"576\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/hadirr.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/hadirr-300x169.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/hadirr-768x432.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/hadirr-747x420.webp 747w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/hadirr-150x84.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/hadirr-696x392.webp 696w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a>Hadirr berfokus pada absensi dan performanya sebagai <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-pembuat-jadwal-kerja\/\">aplikasi pembuat jadwal kerja<\/a> yang mencakup approval online, selfie absen, hingga perekaman lokasi via GPS. Dengan pendekatan ini, pelaporan lembur menjadi cepat, akurat, serta aman dari pemalsuan data.<\/p>\n<p>Hadirr banyak digunakan oleh UMKM karena fiturnya yang sederhana dan ringan, sehingga tidak memberatkan sistem perusahaan berskala kecil.<\/p>\n<p><b>Fitur unggulan:<\/b><\/p>\n<ul>\n<li>Pencatatan lembur dan presensi selfie &amp; GPS anti-fake<\/li>\n<li>Persetujuan lembur berbasis portal admin atau aplikasi<\/li>\n<li>Rekap otomatis lembur dan data absensi untuk audit cepat<\/li>\n<li>Manajemen jadwal kerja\/shift untuk operasional harian<\/li>\n<li>Monitoring lokasi dan waktu kehadiran secara real-time<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>\n<ul>\n<li>Ringkas dan mobile-friendly<\/li>\n<li>Kecepatan data meningkatkan efektivitas auditing<\/li>\n<li>Terbukti digunakan oleh banyak institusi<\/li>\n<\/ul>\n<\/td>\n<td>\n<ul>\n<li>Lebih cocok untuk kehadiran &amp; lembur, kurang mendalam pada payroll<\/li>\n<li>Integrasi payroll tambahan kadang diperlukan<\/li>\n<li>Fitur HRIS lainnya terbatas<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih Hadirr?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Hadirr unggul dalam shift scheduling, overtime request, dan GPS attendance, cocok untuk perusahaan dengan banyak pekerja lapangan. Sistemnya dirancang untuk mempercepat approval dan memaksimalkan kontrol kehadiran.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><b>5. Workmate<\/b><\/h3>\n<p><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/workmate.webp\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-170342\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/workmate.webp\" alt=\"workmate\" width=\"1136\" height=\"1000\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/workmate.webp 1136w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/workmate-300x264.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/workmate-1024x901.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/workmate-768x676.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/workmate-477x420.webp 477w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/workmate-150x132.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/workmate-696x613.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/workmate-1068x940.webp 1068w\" sizes=\"auto, (max-width: 1136px) 100vw, 1136px\" \/><\/a>Workmate menciptakan proses pengajuan, pemantauan, dan penggajian lembur yang cepat dan transparan untuk tenaga lepas maupun karyawan tetap. Aplikasi lembur ini menekankan kecepatan pelaporan sehingga supervisor bisa langsung mengambil keputusan.<\/p>\n<p>Dampaknya, Anda akan dapat mengatur jadwal lembur dan shift dengan lebih presisi, mencegah hadirnya <i>human error<\/i> yang merugikan.<\/p>\n<p><b>Fitur unggulan:<\/b><\/p>\n<ul>\n<li>Clock-in\/out via QR dan automasi penghitungan keterlambatan &amp; lembur<\/li>\n<li>Approval presensi langsung oleh supervisor dalam aplikasi<\/li>\n<li>Timesheet digital yang sinkron dengan payroll &amp; laporan<\/li>\n<li>Monitoring kehadiran dan jam kerja tim lapangan secara real-time<\/li>\n<li>Rekap shift dan produktivitas untuk kebutuhan operasional<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>\n<ul>\n<li>Cocok untuk operasional lapangan dan shift<\/li>\n<li>Supervisi langsung di lapangan lebih efektif<\/li>\n<li>Visualisasi timesheet dan laporan efisien<\/li>\n<\/ul>\n<\/td>\n<td>\n<ul>\n<li>Fitur payroll mungkin memerlukan modul tambahan<\/li>\n<li>Butuh perangkat Android yang mendukung QR<\/li>\n<li>Kurang ideal jika tidak banyak interaksi supervisor<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih Workmate?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Workmate adalah solusi ideal untuk perusahaan yang mengelola pekerja lapangan atau kontrak dengan kebutuhan lembur yang dinamis. Sistemnya membantu memonitor kehadiran, lembur, dan produktivitas secara real-time sehingga memudahkan supervisor dalam pengambilan keputusan dan memastikan jam lembur tercatat dengan akurat.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><b>6. Kledo<\/b><\/h3>\n<p><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/kledo.webp\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-170344\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/kledo.webp\" alt=\"kledo\" width=\"2236\" height=\"988\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/kledo.webp 2236w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/kledo-300x133.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/kledo-1024x452.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/kledo-768x339.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/kledo-1536x679.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/kledo-2048x905.webp 2048w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/kledo-951x420.webp 951w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/kledo-150x66.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/kledo-696x308.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/kledo-1068x472.webp 1068w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/kledo-1920x848.webp 1920w\" sizes=\"auto, (max-width: 2236px) 100vw, 2236px\" \/><\/a>Meskipun Kledo umum perusahaan kenal sebagai aplikasi akuntansi, fitur pencatatan Kledo menawarkan opsi menarik untuk bisnis yang ingin integrasi lembur dalam sistem keuangan mereka. Aplikasi ini membantu perusahaan menjaga arus kas tetap sehat dengan perhitungan biaya yang jelas.<\/p>\n<p>Hasilnya, pelaporan lembur menjadi lebih detail dan komprehensif. Selain itu, dokumen absensi ini akan terintegrasi ke sistem divisi keuangan perusahaan.<\/p>\n<p><b>Fitur unggulan:<\/b><\/p>\n<ul>\n<li aria-level=\"1\">Menu khusus biaya lembur untuk pencatatan akuntansi<\/li>\n<li aria-level=\"1\">Software akuntansi lengkap dan efisien untuk UMKM<\/li>\n<li aria-level=\"1\">Solusi terjangkau untuk otomatisasi pembukuan dan laporan<\/li>\n<li>Pencatatan biaya tenaga kerja yang terhubung ke laporan keuangan<\/li>\n<li>Rekap pengeluaran operasional untuk kontrol cash flow bisnis<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>\n<ul>\n<li>Sederhana dan ramah UMKM<\/li>\n<li>Biaya rendah dan efektif<\/li>\n<li>Integrasi keuangan kuat<\/li>\n<\/ul>\n<\/td>\n<td>\n<ul>\n<li>Bukan HRIS full-fledged<\/li>\n<li>Fitur lembur terbatas hanya pada aspek akuntansi<\/li>\n<li>Tidak mendukung absensi atau approval lembur<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih Kledo?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Kledo menawarkan solusi akuntansi terhubung dengan pencatatan lembur sederhana, cocok untuk UMKM yang ingin melihat biaya tenaga kerja secara lebih akurat. Dengan tampilan modern dan fitur dasar yang mudah digunakan, Kledo membantu bisnis kecil mengelola keuangan dan komponen lembur tanpa sistem HRIS yang kompleks.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><b>7. OrangeHRM<\/b><\/h3>\n<p><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/orangehrm.webp\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-170341\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/orangehrm.webp\" alt=\"orangehrm\" width=\"1335\" height=\"594\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/orangehrm.webp 1335w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/orangehrm-300x133.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/orangehrm-1024x456.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/orangehrm-768x342.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/orangehrm-944x420.webp 944w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/orangehrm-150x67.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/orangehrm-696x310.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/orangehrm-1068x475.webp 1068w\" sizes=\"auto, (max-width: 1335px) 100vw, 1335px\" \/><\/a>OrangeHRM hadir sebagai <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/\">software HR global<\/a>\u00a0yang juga mengotomatiskan modul kehadiran dan penggajian, termasuk lembur. Sistem ini memberikan struktur organisasi terkelola serta mengurangi beban administrasi, sehingga tim HR bisa fokus pada strategi.<\/p>\n<p>OrangeHRM mendukung multi-level approval sehingga pengelolaan lembur lebih tertata, mencegah Anda dari penyelewengan hak dan kewajiban karyawan serta perusahaan.<\/p>\n<p><b>Fitur unggulan:<\/b><\/p>\n<ul>\n<li>Modul Time &amp; Attendance untuk kelola kehadiran dan roster<\/li>\n<li>Automasi kompensasi, absensi, dan penggajian dalam satu platform<\/li>\n<li>HRIS comprehensive untuk mengurangi kesalahan manual<\/li>\n<li>Multi-level approval untuk pengajuan lembur dan proses HR<\/li>\n<li>Struktur organisasi dan data karyawan terpusat<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>\n<ul>\n<li>Cocok untuk organisasi besar dan struktural<\/li>\n<li>Automasi berbagai tugas HR secara luas<\/li>\n<li>Mengurangi kesalahan manual<\/li>\n<\/ul>\n<\/td>\n<td>\n<ul>\n<li>Lebih kompleks, perlu onboarding mendalam<\/li>\n<li>Bisa mahal untuk perusahaan kecil<\/li>\n<li>Butuh infrastruktur IT memadai<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih OrangeHRM?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>OrangeHRM adalah pilihan bagus bagi perusahaan yang ingin HRIS stabil, modular, dan mudah dikembangkan dengan modul lembur terintegrasi. Pilihan open-source dan enterprise memberi fleksibilitas tanpa biaya besar di awal.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><b>8. Gadjian<\/b><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-173028\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-gadjian.webp\" alt=\"aplikasi lembur gadjian\" width=\"2412\" height=\"1662\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-gadjian.webp 2412w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-gadjian-300x207.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-gadjian-1024x706.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-gadjian-768x529.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-gadjian-1536x1058.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-gadjian-2048x1411.webp 2048w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-gadjian-610x420.webp 610w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-gadjian-150x103.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-gadjian-218x150.webp 218w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-gadjian-696x480.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-gadjian-1068x736.webp 1068w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-gadjian-1920x1323.webp 1920w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-gadjian-100x70.webp 100w\" sizes=\"auto, (max-width: 2412px) 100vw, 2412px\" \/>Gadjian merupakan salah satu aplikasi lembur yang terintegrasi dengan fitur kelola lembur karyawan. Selain itu, sistem ini juga menawarkan perhitungan lembur otomatis berdasarkan data kehadiran dan gaji karyawan.<\/p>\n<p>Gadjian memudahkan proses persetujuan lembut dengan approval online yang dapat didakses oleh manajer dan HR. Integrasi dengan fitur absensi dan payroll memungkinkan transparansi dalam pengelolaan waktu kerja dan pembayaran lembur.<\/p>\n<p><b>Fitur unggulan:<\/b><\/p>\n<ul>\n<li>Perhitungan lembur otomatis berdasarkan data kehadiran<\/li>\n<li>Slip gaji online dengan rincian komponen pembayaran<\/li>\n<li>Perhitungan BPJS dan PPh 21 untuk otomatisasi pajak<\/li>\n<li>Manajemen data kehadiran karyawan<\/li>\n<li>Approval online untuk pengajuan lembur oleh manajer\/HR<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>\n<ul>\n<li>Kalkulator pembayaran lembur otomatis<\/li>\n<li>Biaya yang terjangkau untuk UMKM<\/li>\n<li>Layanan pelanggan yang cepat tanggap<\/li>\n<\/ul>\n<\/td>\n<td>\n<ul>\n<li>Sistem bergantung pada kestabilan koneksi internet<\/li>\n<li>Kustomisasi fitur mungkin masih terbatas pada area tertentu<\/li>\n<li>Integrasi dengan aplikasi eksternal bisa memerlukan penyesuaian tambahan<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih Gadjian?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Gadjian menyediakan lembur otomatis, payroll yang terintegrasi, serta absensi online yang sesuai regulasi Indonesia. Solusi tepat untuk bisnis yang mencari HRIS lokal dengan harga kompetitif dan fitur esensial lengkap.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><b>9. GreatDay HR<\/b><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-173032\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-greatday-hr.webp\" alt=\"aplikasi lembur greatday hr\" width=\"989\" height=\"591\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-greatday-hr.webp 989w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-greatday-hr-300x179.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-greatday-hr-768x459.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-greatday-hr-703x420.webp 703w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-greatday-hr-150x90.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-greatday-hr-696x416.webp 696w\" sizes=\"auto, (max-width: 989px) 100vw, 989px\" \/>GreatDay HR adalah aplikasi lembur untuk memudahkan perusahaan dalam mencatat, mengelola, dan menyetujui lembur karyawan secara otomatis. Sehingga proses pengajuan lembur lebih efisien dan transparan.<\/p>\n<p>Di samping itu, sistem ini telah terintegrasi dengan sistem absensi dan payroll perusahaan, sehingga perhitungan lembur masuk secara otomatis ke dalam sistem penggajian setiap karyawan.<\/p>\n<p><b>Fitur unggulan:<\/b><\/p>\n<ul>\n<li>Pengajuan dan persetujuan lembur karyawan secara otomatis<\/li>\n<li>Integrasi absensi dan payroll untuk perhitungan lembur<\/li>\n<li>Talent management untuk evaluasi kinerja<\/li>\n<li>Analisis SDM untuk memantau produktivitas karyawan<\/li>\n<li>Monitoring data HR real-time untuk perusahaan multi-cabang<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>\n<ul>\n<li>User-interface yang ramah<\/li>\n<li>Data real-time dan akurat<\/li>\n<li>Dukungan pelanggan yang responsif<\/li>\n<\/ul>\n<\/td>\n<td>\n<ul>\n<li>Biaya langganan bisa terasa tinggi bagi usaha berskala kecil<\/li>\n<li>Durasi implementasi cukup memakan waktu<\/li>\n<li>Kinerja sistem bergantung pada kestabilan koneksi internet<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih GreatDay HR?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>GreatDay HR menawarkan automasi lembur dengan face recognition, workflow approval, serta payroll yang komprehensif. Cocok untuk perusahaan dengan aktivitas multi-cabang yang membutuhkan monitoring real-time.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><b>10. Zahir HR<\/b><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-173033\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-zahir-hr.webp\" alt=\"aplikasi lembur greatday hr\" width=\"1172\" height=\"626\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-zahir-hr.webp 1172w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-zahir-hr-300x160.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-zahir-hr-1024x547.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-zahir-hr-768x410.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-zahir-hr-786x420.webp 786w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-zahir-hr-150x80.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-zahir-hr-696x372.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-zahir-hr-1068x570.webp 1068w\" sizes=\"auto, (max-width: 1172px) 100vw, 1172px\" \/>Aplikasi lembur Zahir adalah sistem yang dirancang untuk mencatat dan mengelola waktu lembur karyawan secara otomatis. Proses pengajuan, persetujuan, hingga pencatatan lembur dilakukan otomatis melalui sistem yang terintegrasi.<\/p>\n<p>Melalui sistem digitalnya, perusahaan dapat mengontrol durasi lembur, memastikan kepatuhan terhadap aturan kerja, dan meminimalkan kesalahan pencatatan.<\/p>\n<p><b>Fitur unggulan:<\/b><\/p>\n<ul>\n<li>Pengajuan dan persetujuan lembur secara online<\/li>\n<li>Integrasi payroll dan absensi untuk sinkronisasi data lembur<\/li>\n<li>Laporan analisis HR untuk pengambilan keputusan<\/li>\n<li>Pencatatan durasi lembur otomatis dalam sistem terintegrasi<\/li>\n<li>Kontrol kepatuhan jam kerja dan administrasi tenaga kerja<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>\n<ul>\n<li>Fitur HRIS yang cukup lengkap<\/li>\n<li>Tampilan pengguna yang ramah<\/li>\n<li>Dukungan lokal berdasarkan regulasi<\/li>\n<\/ul>\n<\/td>\n<td>\n<ul>\n<li>Harga yang relatif tinggi untuk bisnis skala kecil<\/li>\n<li>Biaya tambahan untuk fitur lanjutan<\/li>\n<li>Proses implementasi dapat memakan waktu<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih Zahir HR?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Zahir HR cocok bagi UMKM yang ingin mengelola lembur, absensi, dan payroll terhubung dengan sistem akuntansi. Solusi praktis untuk bisnis kecil yang membutuhkan ketepatan biaya tenaga kerja.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><b>11. HRDpintar<\/b><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-173034\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hrdpintar.webp\" alt=\"aplikasi lembur hrdpintar\" width=\"900\" height=\"594\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hrdpintar.webp 900w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hrdpintar-300x198.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hrdpintar-768x507.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hrdpintar-636x420.webp 636w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hrdpintar-150x99.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hrdpintar-696x459.webp 696w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/>Aplikasi lembur HRDPintar adalah solusi digital yang dirancang untuk membantu perusahaan mengelola permintaan, persetujuan, hingga perhitungan lembur secara otomatis sesuai aturan ketenagakerjaan di Indonesia.<\/p>\n<p>Dengan sistem berbasis cloud, HRDPintar memungkinkan HR dan manajer memantau lembur secara real-time, meminimalkan kesalahan manual, dan memastikan perhitungan lembur akurat berdasarkan jam kerja aktual karyawan.<\/p>\n<p><b>Fitur unggulan:<\/b><\/p>\n<ul>\n<li>Pengelolaan permintaan dan persetujuan lembur otomatis<\/li>\n<li>Jadwal kerja dan shifting karyawan<\/li>\n<li>Payroll otomatis dan perhitungan pajak<\/li>\n<li>Employee Self Service (ESS) untuk pengajuan mandiri<\/li>\n<li>Absensi online terhubung untuk validasi jam kerja aktual<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>\n<ul>\n<li>Otomatisasi tinggi<\/li>\n<li>Akses mobile &amp; fleksibel<\/li>\n<li>Komprehensif untuk kebutuhan HR lokal<\/li>\n<\/ul>\n<\/td>\n<td>\n<ul>\n<li>Ketergantungan pada koneksi internet<\/li>\n<li>Penyesuaian spesifik mungkin terbatas<\/li>\n<li>Biaya langganan\/paket dapat meningkat<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih HRDPintar?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>HRDPintar menawarkan pengelolaan lembur yang akurat dan sesuai regulasi dengan sistem berbasis cloud yang mudah diakses. Dengan absensi online, payroll terhubung, serta approval lembur yang cepat, HRDPintar sangat cocok bagi bisnis yang membutuhkan solusi HR lokal yang lengkap dan praktis.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><b>12. Mekari Talenta<\/b><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-173031\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-mekari-talenta.webp\" alt=\"aplikasi lembur mekari talenta\" width=\"1024\" height=\"471\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-mekari-talenta.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-mekari-talenta-300x138.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-mekari-talenta-768x353.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-mekari-talenta-913x420.webp 913w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-mekari-talenta-150x69.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-mekari-talenta-696x320.webp 696w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>Mekari Talenta adalah platform HRIS berbasis cloud yang mendukung berbagai fungsi SDM mulai dari absensi, penggajian, manajemen lembur, hingga pengelolaan cuti dan performa. Karyawan bisa mengajukan lembur, atasan bisa melakukan persetujuan, dan sistem secara otomatis menghitung durasi lembur dan integrasi dengan payroll.<\/p>\n<p>Platform ini sangat cocok untuk perusahaan di Indonesia yang harus mematuhi regulasi ketenagakerjaan lokal dan ingin mengotomatisasi administrasi HR agar lebih efisien.<\/p>\n<p><b>Fitur unggulan:<\/b><\/p>\n<ul>\n<li>Pengajuan lembur via aplikasi web dan mobile<\/li>\n<li>Approval berjenjang untuk kontrol proses lembur<\/li>\n<li>Integrasi absensi, lembur, dan payroll<\/li>\n<li>Manajemen cuti dan jadwal kerja dalam satu platform<\/li>\n<li>Dukungan HRIS berbasis cloud untuk administrasi SDM terpusat<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>\n<ul>\n<li>Efisiensi waktu administratif<\/li>\n<li>Akurasi dan kepatuhan tinggi<\/li>\n<li>Transparansi bagi karyawan<\/li>\n<\/ul>\n<\/td>\n<td>\n<ul>\n<li>Biaya dan kompleksitas bagi UKM<\/li>\n<li>Beberapa fitur spesifik membutuhkan konfigurasi tambahan<\/li>\n<li>Ketergantungan pada koneksi internet<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih Talenta by Mekari?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Talenta menghadirkan pengelolaan lembur yang terhubung langsung dengan payroll, absensi, dan jadwal kerja, menjadikannya solusi lengkap untuk bisnis berkembang dengan kebutuhan HR yang kompleks.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><b>13. Appsensi<\/b><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-173035\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-appsensi.webp\" alt=\"aplikasi lembur appsensi\" width=\"847\" height=\"460\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-appsensi.webp 847w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-appsensi-300x163.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-appsensi-768x417.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-appsensi-773x420.webp 773w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-appsensi-150x81.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-appsensi-696x378.webp 696w\" sizes=\"auto, (max-width: 847px) 100vw, 847px\" \/>Appsensi adalah aplikasi absensi online yang memungkinkan perusahaan merekam kehadiran karyawan melalui ponsel, serta mengelola perhitungan lembur, jadwal shift, dan pengajuan lembur\/cuti.<\/p>\n<p>Aplikasi ini didesain untuk memenuhi kebutuhan perusahaan yang memiliki karyawan lapangan atau mobile, dengan fitur seperti absensi GPS dan selfie untuk memastikan bahwa karyawan benar-benar berada di lokasi kerja ketika melakukan check-in atau check-out.<\/p>\n<p><b>Fitur unggulan:<\/b><\/p>\n<ul>\n<li>Absensi online dengan GPS dan selfie<\/li>\n<li>Manajemen shift dan jadwal kerja<\/li>\n<li>Pengajuan lembur dan cuti melalui aplikasi<\/li>\n<li>Laporan kehadiran dan rekap payroll ringkas<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>\n<ul>\n<li>Sangat efektif untuk pengelolaan absensi karyawan<\/li>\n<li>Antarmuka user-friendly<\/li>\n<li>Harga relatif terjangkau<\/li>\n<\/ul>\n<\/td>\n<td>\n<ul>\n<li>Kustomisasi perhitungan lembur atau pengaturan sangat spesifik cukup terbatas<\/li>\n<li>Bergantung pada perangkat mobile &amp; koneksi internet<\/li>\n<li>Integrasi keuangan\/ERP membutuhkan modul tambahan<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih Appsensi?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Appsensi unggul dalam absensi GPS dan pencatatan lembur untuk tim lapangan atau hybrid. Sistemnya sederhana, mobile-friendly, dan cocok untuk bisnis yang butuh transparansi pergerakan karyawan.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><b>14. Clockify<\/b><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-173036\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-clockify.webp\" alt=\"aplikasi lembur clockify\" width=\"1024\" height=\"772\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-clockify.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-clockify-300x226.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-clockify-768x579.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-clockify-557x420.webp 557w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-clockify-80x60.webp 80w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-clockify-150x113.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-clockify-696x525.webp 696w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>Clockify adalah aplikasi pelacakan waktu (time-tracking) berbasis cloud yang memungkinkan pengguna mencatat jam kerja mereka (baik via timer atau entri manual), memantau kehadiran, lembur, dan memasukkan data ke dalam timesheet.<\/p>\n<p>Dengan menggunakan Clockify, tim dan manajer dapat melihat berapa lama waktu dihabiskan untuk proyek, tugas, atau kehadiran umum, serta mengekspor laporan waktu kerja untuk payroll atau analitik.<\/p>\n<p><b>Fitur unggulan:<\/b><\/p>\n<ul>\n<li>Time tracking via timer atau input manual<\/li>\n<li>Timesheet untuk rekap jam kerja dan lembur<\/li>\n<li>Laporan waktu kerja untuk payroll atau analitik<\/li>\n<li>Pelacakan waktu per proyek dan tugas<\/li>\n<li>Ekspor data timesheet untuk kebutuhan administrasi<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>\n<ul>\n<li>Mudah digunakan untuk mencatat waktu kerja harian<\/li>\n<li>Laporan kehadiran dan lembur mudah diakses<\/li>\n<\/ul>\n<\/td>\n<td>\n<ul>\n<li>Fitur dasar gratis, tetapi fitur lanjutan memerlukan paket berbayar<\/li>\n<li>Antarmuka terasa sedikit usang dan kurang intuitif<\/li>\n<li>Tidak mendukung fitur absensi lapangan seperti geofencing atau biometrik<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih Clockify?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Clockify menawarkan time tracking dan pencatatan lembur yang sangat mudah digunakan, dengan opsi gratis tanpa batas pengguna. Ideal untuk freelancer, tim remote, atau bisnis kecil yang fokus pada monitoring jam kerja.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><b>15. Hubstaff<\/b><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-173039\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hubstaff.webp\" alt=\"aplikasi lembur hubstaff\" width=\"1970\" height=\"1080\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hubstaff.webp 1970w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hubstaff-300x164.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hubstaff-1024x561.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hubstaff-768x421.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hubstaff-1536x842.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hubstaff-766x420.webp 766w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hubstaff-150x82.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hubstaff-696x382.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hubstaff-1068x586.webp 1068w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hubstaff-1920x1053.webp 1920w\" sizes=\"auto, (max-width: 1970px) 100vw, 1970px\" \/>Hubstaff adalah software pelacakan waktu, kehadiran, dan aktivitas karyawan yang mendukung tim remote maupun lapangan.<\/p>\n<p>Aplikasi ini memungkinkan pencatatan jam kerja, pengelolaan lembur, pemantauan lokasi (GPS\/geofencing), integrasi dengan payroll, serta laporan mendalam tentang aktivitas dan produktivitas karyawan.<\/p>\n<p><b>Fitur unggulan:<\/b><\/p>\n<ul>\n<li>Automatic overtime tracking<\/li>\n<li>Timesheets &amp; payroll integration<\/li>\n<li>Detailed reporting &amp; analytics<\/li>\n<li>GPS\/geofencing untuk tim lapangan<\/li>\n<li>Monitoring aktivitas dan produktivitas karyawan<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>\n<ul>\n<li>Memudahkan pengelolaan lembur<\/li>\n<li>Cocok untuk tim remote atau lapangan<\/li>\n<li>Meningkatkan transparansi dan kepercayaan<\/li>\n<\/ul>\n<\/td>\n<td>\n<ul>\n<li>Fitur terbaik hanya tersedia pada paket berbayar lebih tinggi<\/li>\n<li>Setup awal &amp; onboarding tim memerlukan waktu<\/li>\n<li>Aplikasi mobile\/lokasi tracking kadang mengalami isu sinkronisasi atau boros baterai<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih Hubstaff?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Hubstaff cocok untuk perusahaan layanan dan field team yang membutuhkan pelacakan lembur berbasis GPS, laporan produktivitas, serta monitoring aktivitas. Solusi kuat untuk tim mobile yang butuh kontrol jam kerja ketat.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><strong>16. Jibble<\/strong><\/h3>\n<p><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/Jibble.webp\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-169216\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/Jibble.webp\" alt=\"Aplikasi timesheet Jibble\" width=\"1024\" height=\"646\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/Jibble.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/Jibble-300x189.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/Jibble-768x485.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/Jibble-666x420.webp 666w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/Jibble-150x95.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/Jibble-696x439.webp 696w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>Aplikasi lembur Jibble adalah platform time-tracking berbasis cloud yang digunakan untuk mencatat jam kerja, lembur, dan aktivitas karyawan secara akurat. Solusi ini cocok untuk bisnis yang membutuhkan pencatatan waktu otomatis untuk tim kantor, lapangan, maupun remote.<\/p>\n<p>Dengan sistem pelacakan berbasis GPS, face recognition, dan timesheet otomatis, Jibble membantu HR memantau lembur secara real-time, mengurangi risiko manipulasi data, serta memastikan perhitungan jam lembur sesuai jam kerja aktual.<\/p>\n<p><strong>Fitur unggulan:<\/strong><\/p>\n<ul>\n<li>Pelacakan waktu dengan GPS dan face recognition<\/li>\n<li>Timesheet otomatis dan laporan rinci<\/li>\n<li>Pengaturan lembur, shift, dan approval digital<\/li>\n<li>Absensi real-time untuk tim kantor, remote, dan lapangan<\/li>\n<li>Dashboard rekap jam kerja untuk audit dan payroll<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>\n<ul>\n<li>Akurat dengan teknologi GPS &amp; face recognition<\/li>\n<li>Cocok untuk tim remote &amp; lapangan<\/li>\n<li>Antarmuka modern &amp; mudah digunakan<\/li>\n<\/ul>\n<\/td>\n<td>\n<ul>\n<li>Beberapa fitur lanjutan hanya tersedia pada paket berbayar<\/li>\n<li>Tidak semua fitur disesuaikan dengan regulasi Indonesia<\/li>\n<li>Adaptasi awal dapat memerlukan pelatihan singkat<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih Jibble?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Jibble unggul dalam time tracking, face recognition, dan GPS attendance, ideal untuk tim remote maupun lapangan. Cocok bagi bisnis yang memprioritaskan akurasi dan transparansi tanpa biaya awal tinggi.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><strong>17. Smartwork<\/strong><\/h3>\n<p><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/smartwork-scaled.webp\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-177635\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/smartwork-scaled.webp\" alt=\"\" width=\"2560\" height=\"2001\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/smartwork-scaled.webp 2560w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/smartwork-300x235.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/smartwork-1024x801.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/smartwork-768x600.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/smartwork-1536x1201.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/smartwork-2048x1601.webp 2048w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/smartwork-537x420.webp 537w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/smartwork-150x117.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/smartwork-696x544.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/smartwork-1068x835.webp 1068w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/smartwork-1920x1501.webp 1920w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/a><\/p>\n<p>Smartwork adalah aplikasi absensi dan lembur online yang dirancang untuk memudahkan perusahaan mencatat kehadiran, mengelola lembur, dan memvalidasi jam kerja karyawan secara otomatis. Solusi ini banyak dipakai bisnis yang membutuhkan HRIS lokal dengan fitur lembur yang praktis.<\/p>\n<p>Berkat sistem berbasis cloud dan fitur mobile-friendly, Smartwork memungkinkan HR dan atasan memproses pengajuan lembur, memeriksa jam aktual, serta menghitung kompensasi lembur dengan cepat tanpa risiko human error.<\/p>\n<p><strong>Fitur unggulan:<\/strong><\/p>\n<ul>\n<li>Pengajuan dan persetujuan lembur digital<\/li>\n<li>Absensi online berbasis GPS<\/li>\n<li>Rekap jam kerja otomatis dan integrasi payroll<\/li>\n<li>Validasi jam kerja aktual untuk mengurangi human error<\/li>\n<li>Sistem mobile-friendly untuk HR, atasan, dan karyawan<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>\n<ul>\n<li>Fitur lembur yang simpel &amp; mudah dipahami<\/li>\n<li>Lokal &amp; sesuai kebutuhan bisnis Indonesia<\/li>\n<li>Mobile-friendly untuk karyawan &amp; manajer<\/li>\n<\/ul>\n<\/td>\n<td>\n<ul>\n<li>Skalabilitas terbatas untuk perusahaan besar<\/li>\n<li>Fitur lanjutan tidak selengkap HRIS premium<\/li>\n<li>Integrasi dengan sistem lain masih terbatas<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih Smartwork?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Smartwork menawarkan pengelolaan lembur yang sederhana dan mudah diakses dengan absensi GPS serta rekap jam kerja otomatis. Pas untuk UMKM yang ingin sistem praktis tanpa biaya tinggi.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h2><strong>Manfaat Penggunaan Aplikasi Lembur<\/strong><\/h2>\n<p>Mengelola data lembur secara manual sering kali memakan waktu, rawan kesalahan, dan menyulitkan perhitungan upah karyawan. Berikut adalah manfaat penggunaan aplikasi lembur:<\/p>\n<h3>1. Pencatatan lembur otomatis dan akurat<\/h3>\n<p>Aplikasi secara otomatis mencatat jam masuk dan keluar karyawan, sehingga meminimalkan risiko kesalahan input manual.<\/p>\n<h3>2. Penghitungan upah lembur yang akurat<\/h3>\n<p>Sistem dapat menghitung upah lembur sesuai regulasi ketenagakerjaan, sehingga memudahkan HR dan menjamin karyawan menerima pembayaran yang adil.<\/p>\n<h3>3. Efesiensi waktu dan biaya<\/h3>\n<p>Mengurangi beban kerja administratif tim HR, sehingga waktu dapat dialihkan ke tugas yang lebih strategis.<\/p>\n<h3>4. Laporan lembur real-time<\/h3>\n<p><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/overtime-tracking\/\">Aplikasi lembur HashMicro dengan fitur overtime tracking<\/a> memudahkan manajemen dalam memantau data lembur secara cepat untuk kebutuhan laporan, audit, atau perencanaan sumber daya manusia.<\/p>\n<h3>5. Kepatuhan terhadap regulasi<\/h3>\n<p>Aplikasi membantu perusahaan mematuhi ketentuan jam kerja lembur dan pembayaran sesuai peraturan yang berlaku di Indonesia.<\/p>\n<h2><b>Tips Memilih Aplikasi Lembur Kerja yang Tepat<\/b><\/h2>\n<p><span id=\"kebutuhan\">Dengan mempertimbangkan poin-poin berikut, Anda bisa memilih sistem yang sesuai dengan kebutuhan dan regulasi yang berlaku:<\/span><\/p>\n<ul>\n<li aria-level=\"1\">Pertimbangkan kebutuhan perusahaan Anda berdasarkan jumlah karyawan, pola kerja, dan intensitas lembur yang terjadi.<\/li>\n<li aria-level=\"1\">Pilih sistem yang selaras dengan regulasi ketenagakerjaan, sehingga perusahaan terhindar dari risiko pelanggaran hukum.<\/li>\n<li aria-level=\"1\">Pastikan solusi yang dipilih dapat diintegrasikan dengan sistem lain, seperti payroll, absensi, atau project management.<\/li>\n<li aria-level=\"1\">Tinjau kemudahan penggunaan agar seluruh level karyawan bisa mengakses dan memahami sistem tanpa pelatihan yang berlebihan.<\/li>\n<li aria-level=\"1\">Pertimbangkan dukungan vendor dan layanan purna jual, karena ini akan memengaruhi kelancaran penggunaan jangka panjang.<\/li>\n<\/ul>\n<h2><b>Kesimpulan<\/b><\/h2>\n<p>Pengelolaan lembur yang efektif bukan hanya soal mencatat jam kerja tambahan, tetapi juga bagaimana perusahaan menjaga kepatuhan regulasi sekaligus melindungi produktivitas karyawan. Dengan aplikasi lembur yang tepat, manajemen karyawan Anda dapat berjalan transparan dan minim risiko kesalahan.<\/p>\n<p>Dari berbagai pilihan aplikasi lembur, <a href=\"https:\/\/www.hashmicro.com\/human-resource-management\"><b>HashMicro<\/b><\/a> menonjol dengan ekosistem terintegrasi serta fitur otomatisasi yang menyeluruh. Perusahaan pun dapat merasakan langsung manfaatnya tanpa komitmen awal melalui <a href=\"https:\/\/www.hashmicro.com\/id\/tour-produk-gratis\/\"><b>demo gratis<\/b><\/a> yang tersedia.<\/p>\n<a href=\"https:\/\/www.hashmicro.com\/id\/manajemen-human-resource?medium=moneysite-banner\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/01\/hr-listicle.webp\" data-desktop-src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/01\/hr-listicle.webp\" data-mobile-src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/01\/hr-listicle-m.webp\" alt=\"HR_Listicle\" class=\"responsive-image-banner\"><\/a>\r\n\r\n<script>\r\n    \/\/ check which image to use based on screensize\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        function updateImageSource() {\r\n            var images = document.querySelectorAll('.responsive-image-banner');\r\n            var screenWidth = window.innerWidth;\r\n\r\n            images.forEach(function(img) {\r\n                var mobileSrc = img.getAttribute('data-mobile-src');\r\n                var desktopSrc = img.getAttribute('data-desktop-src');\r\n\r\n                if (screenWidth < 576 && mobileSrc) {\r\n                    img.setAttribute('src', mobileSrc);\r\n                } else {\r\n                    img.setAttribute('src', desktopSrc);\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Initial check\r\n        updateImageSource();\r\n\r\n        \/\/ Update on resize\r\n        window.addEventListener('resize', updateImageSource);\r\n    });\r\n<\/script>\n<h2><strong>Pertanyaan Seputar Aplikasi Lembur<\/strong><\/h2>\n<ul class=\"bottom_faq\">\n<li>\n<details>\n<summary><strong>Apa itu aplikasi lembur kerja?<\/strong><\/summary>\n<p>Aplikasi lembur kerja adalah perangkat lunak yang digunakan untuk mencatat, mengelola, dan menghitung jam lembur karyawan secara otomatis. Sistem ini membantu perusahaan menggantikan pencatatan manual yang rawan kesalahan dengan proses digital yang lebih akurat.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Mengapa perusahaan membutuhkan aplikasi lembur kerja?<\/strong><\/summary>\n<p>Perusahaan membutuhkan aplikasi lembur untuk memastikan kepatuhan terhadap regulasi ketenagakerjaan sekaligus meningkatkan efisiensi administrasi. Dengan ini, HR dapat menghemat waktu, meminimalkan konflik perhitungan, dan menjaga transparansi.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Bagaimana cara kerja aplikasi lembur kerja dalam mencatat jam lembur karyawan?<\/strong><\/summary>\n<p>Aplikasi lembur kerja mencatat jam masuk dan keluar karyawan melalui integrasi absensi, GPS, atau face recognition. Data yang terkumpul langsung diolah untuk menghitung durasi lembur, biaya tambahan, serta slip gaji secara otomatis.<\/p>\n<\/details>\n<\/li>\n<\/ul>\n<p><script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [{\n    \"@type\": \"Question\",\n    \"name\": \"Apa itu aplikasi lembur kerja?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Aplikasi lembur kerja adalah perangkat lunak yang digunakan untuk mencatat, mengelola, dan menghitung jam lembur karyawan secara otomatis. Sistem ini membantu perusahaan menggantikan pencatatan manual yang rawan kesalahan dengan proses digital yang lebih akurat.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"Mengapa perusahaan membutuhkan aplikasi lembur kerja?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Perusahaan membutuhkan aplikasi lembur untuk memastikan kepatuhan terhadap regulasi ketenagakerjaan sekaligus meningkatkan efisiensi administrasi. Dengan ini, HR dapat menghemat waktu, meminimalkan konflik perhitungan, dan menjaga transparansi.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"Bagaimana cara kerja aplikasi lembur kerja dalam mencatat jam lembur karyawan?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Aplikasi lembur kerja mencatat jam masuk dan keluar karyawan melalui integrasi absensi, GPS, atau face recognition. Data yang terkumpul langsung diolah untuk menghitung durasi lembur, biaya tambahan, serta slip gaji secara otomatis.\"\n    }\n  }]\n}\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aplikasi lembur adalah sistem digital untuk mencatat, menghitung, dan mengelola waktu lembur karyawan secara otomatis. Pengelolaannya dilakukan dengan memproses pengajuan, persetujuan, dan perhitungan lembur secara real-time agar data lebih akurat. Selain itu, proses manual membuat perusahaan sulit menyesuaikan dengan aturan ketenagakerjaan yang terus berkembang. Tanpa bantuan sistem yang tepat, HR harus menghabiskan banyak waktu untuk [&hellip;]<\/p>\n","protected":false},"author":229,"featured_media":170334,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[6],"tags":[],"class_list":{"0":"post-170348","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-hrm"},"acf":{"post_reviewer":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.1 (Yoast SEO v25.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>17 Aplikasi Perhitungan Lembur Terbaik di Indonesia (2026)<\/title>\n<meta name=\"description\" content=\"17 Aplikasi Perhitungan Lembur Terbaik di Indonesia (2026): 1. HashMicro \u2022 2. LinovHR \u2022 3. Koneksi \u2022 4. Hadirr \u2022 5. Workmate \u2022 6. Talenta \u2022 7. Gadjian\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"17 Aplikasi Perhitungan Lembur Terbaik di Indonesia (2026)\" \/>\n<meta property=\"og:description\" content=\"17 Aplikasi Perhitungan Lembur Terbaik di Indonesia (2026): 1. HashMicro \u2022 2. LinovHR \u2022 3. Koneksi \u2022 4. Hadirr \u2022 5. Workmate \u2022 6. Talenta \u2022 7. Gadjian\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/\" \/>\n<meta property=\"og:site_name\" content=\"HashMicro Indonesia\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hashmicro\" \/>\n<meta property=\"article:published_time\" content=\"2025-09-04T07:11:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-23T09:08:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Nabila Zulfa Damayanti\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hashmicro\" \/>\n<meta name=\"twitter:site\" content=\"@hashmicro\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nabila Zulfa Damayanti\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"25 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/\"},\"author\":{\"name\":\"Nabila Zulfa Damayanti\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/ac5fa26c553667f171195df8ddcf143c\"},\"headline\":\"17 Aplikasi Perhitungan Lembur Terbaik di Indonesia (2026)\",\"datePublished\":\"2025-09-04T07:11:39+00:00\",\"dateModified\":\"2026-02-23T09:08:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/\"},\"wordCount\":3982,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur.webp\",\"articleSection\":[\"HRM\"],\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/\",\"name\":\"17 Aplikasi Perhitungan Lembur Terbaik di Indonesia (2026)\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur.webp\",\"datePublished\":\"2025-09-04T07:11:39+00:00\",\"dateModified\":\"2026-02-23T09:08:06+00:00\",\"description\":\"17 Aplikasi Perhitungan Lembur Terbaik di Indonesia (2026): 1. HashMicro \u2022 2. LinovHR \u2022 3. Koneksi \u2022 4. Hadirr \u2022 5. Workmate \u2022 6. Talenta \u2022 7. Gadjian\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/#primaryimage\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur.webp\",\"width\":1200,\"height\":675,\"caption\":\"aplikasi lembur\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hashmicro.com\/id\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"17 Aplikasi Perhitungan Lembur Terbaik di Indonesia (2026)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#website\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/\",\"name\":\"HashMicro Indonesia\",\"description\":\"Blog Software Manajemen Bisnis Indonesia #1\",\"publisher\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.hashmicro.com\/id\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#organization\",\"name\":\"HashMicro Indonesia\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/11\/hashmicro-logo-blog.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/11\/hashmicro-logo-blog.webp\",\"width\":924,\"height\":121,\"caption\":\"HashMicro Indonesia\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/hashmicro\",\"https:\/\/x.com\/hashmicro\",\"https:\/\/www.linkedin.com\/company\/hashmicro\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/ac5fa26c553667f171195df8ddcf143c\",\"name\":\"Nabila Zulfa Damayanti\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/cropped-Nala-96x96.jpg\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/cropped-Nala-96x96.jpg\",\"caption\":\"Nabila Zulfa Damayanti\"},\"description\":\"Nabila sudah menjadi spesialis yang berpengalaman selama lebih dari 2 tahun dalam bidang penulisan topik ERP. Dalam prosesnya, topik penulisan yang diangkat meliputi implementasi sistem ERP, integrasi proses bisnis, serta pemanfaatan ERP untuk meningkatkan efisiensi dan visibilitas operasional perusahaan.\",\"gender\":\"perempuan\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/author\/nabila-zulfa\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"17 Aplikasi Perhitungan Lembur Terbaik di Indonesia (2026)","description":"17 Aplikasi Perhitungan Lembur Terbaik di Indonesia (2026): 1. HashMicro \u2022 2. LinovHR \u2022 3. Koneksi \u2022 4. Hadirr \u2022 5. Workmate \u2022 6. Talenta \u2022 7. Gadjian","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/","og_locale":"id_ID","og_type":"article","og_title":"17 Aplikasi Perhitungan Lembur Terbaik di Indonesia (2026)","og_description":"17 Aplikasi Perhitungan Lembur Terbaik di Indonesia (2026): 1. HashMicro \u2022 2. LinovHR \u2022 3. Koneksi \u2022 4. Hadirr \u2022 5. Workmate \u2022 6. Talenta \u2022 7. Gadjian","og_url":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/","og_site_name":"HashMicro Indonesia","article_publisher":"https:\/\/www.facebook.com\/hashmicro","article_published_time":"2025-09-04T07:11:39+00:00","article_modified_time":"2026-02-23T09:08:06+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur.webp","type":"image\/webp"}],"author":"Nabila Zulfa Damayanti","twitter_card":"summary_large_image","twitter_creator":"@hashmicro","twitter_site":"@hashmicro","twitter_misc":{"Ditulis oleh":"Nabila Zulfa Damayanti","Estimasi waktu membaca":"25 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/#article","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/"},"author":{"name":"Nabila Zulfa Damayanti","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/ac5fa26c553667f171195df8ddcf143c"},"headline":"17 Aplikasi Perhitungan Lembur Terbaik di Indonesia (2026)","datePublished":"2025-09-04T07:11:39+00:00","dateModified":"2026-02-23T09:08:06+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/"},"wordCount":3982,"commentCount":0,"publisher":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur.webp","articleSection":["HRM"],"inLanguage":"id","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/","name":"17 Aplikasi Perhitungan Lembur Terbaik di Indonesia (2026)","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/#primaryimage"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur.webp","datePublished":"2025-09-04T07:11:39+00:00","dateModified":"2026-02-23T09:08:06+00:00","description":"17 Aplikasi Perhitungan Lembur Terbaik di Indonesia (2026): 1. HashMicro \u2022 2. LinovHR \u2022 3. Koneksi \u2022 4. Hadirr \u2022 5. Workmate \u2022 6. Talenta \u2022 7. Gadjian","breadcrumb":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/#primaryimage","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur.webp","width":1200,"height":675,"caption":"aplikasi lembur"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-lembur\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hashmicro.com\/id\/blog\/"},{"@type":"ListItem","position":2,"name":"17 Aplikasi Perhitungan Lembur Terbaik di Indonesia (2026)"}]},{"@type":"WebSite","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website","url":"https:\/\/www.hashmicro.com\/id\/blog\/","name":"HashMicro Indonesia","description":"Blog Software Manajemen Bisnis Indonesia #1","publisher":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hashmicro.com\/id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization","name":"HashMicro Indonesia","url":"https:\/\/www.hashmicro.com\/id\/blog\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/11\/hashmicro-logo-blog.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/11\/hashmicro-logo-blog.webp","width":924,"height":121,"caption":"HashMicro Indonesia"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hashmicro","https:\/\/x.com\/hashmicro","https:\/\/www.linkedin.com\/company\/hashmicro"]},{"@type":"Person","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/ac5fa26c553667f171195df8ddcf143c","name":"Nabila Zulfa Damayanti","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/cropped-Nala-96x96.jpg","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/cropped-Nala-96x96.jpg","caption":"Nabila Zulfa Damayanti"},"description":"Nabila sudah menjadi spesialis yang berpengalaman selama lebih dari 2 tahun dalam bidang penulisan topik ERP. Dalam prosesnya, topik penulisan yang diangkat meliputi implementasi sistem ERP, integrasi proses bisnis, serta pemanfaatan ERP untuk meningkatkan efisiensi dan visibilitas operasional perusahaan.","gender":"perempuan","url":"https:\/\/www.hashmicro.com\/id\/blog\/author\/nabila-zulfa\/"}]}},"focus_keyword":"aplikasi lembur","order_j":"","_links":{"self":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/170348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/users\/229"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/comments?post=170348"}],"version-history":[{"count":17,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/170348\/revisions"}],"predecessor-version":[{"id":189502,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/170348\/revisions\/189502"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media\/170334"}],"wp:attachment":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=170348"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/categories?post=170348"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/tags?post=170348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}