.attendance-tool .attendance-settings{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap;padding:24px 0;border-block:1px solid #dfe3e8}.attendance-tool .attendance-settings>label:first-child{flex:1;min-width:200px}.attendance-tool .attendance-settings fieldset{border:0;margin:0;padding:0;min-width:0}.attendance-tool .attendance-settings legend{font-size:12px;font-weight:500;margin:0 0 10px;float:none;width:auto}.attendance-tool .attendance-weekends{display:flex;flex-wrap:wrap;gap:10px}.attendance-tool .attendance-weekends label{display:flex;align-items:center;gap:4px}.attendance-tool .attendance-weekends input{width:14px;height:14px;margin:0;accent-color:#991b1b}.attendance-tool .attendance-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:28px 0 16px}.attendance-tool .attendance-toolbar h2{font-size:20px;margin:0 0 4px}.attendance-tool .attendance-toolbar p{font-size:12px;color:#657080;margin:0}.attendance-tool .attendance-legend{display:flex;flex-wrap:wrap;gap:12px 20px;margin:0 0 16px}.attendance-tool .attendance-legend span{display:flex;align-items:center;gap:6px;font-size:12px;color:#657080}.attendance-tool .attendance-legend b{font-size:11px;min-width:28px;text-align:center;padding:3px;border-radius:3px}.attendance-tool [data-status=P]{background:#eaf3ef;color:#227363}.attendance-tool [data-status=A]{background:#fbecec;color:#991b1b}.attendance-tool [data-status=HD]{background:#fff3df;color:#815a16}.attendance-tool [data-status=L]{background:#eaf1f8;color:#395d80}.attendance-tool [data-status=WO]{background:#eef0f2;color:#626a74}.attendance-tool [data-status=H]{background:#f3edf7;color:#745589}.attendance-tool .attendance-table-wrap{overflow:auto;border:1px solid #dfe3e8;border-radius:6px;background:#fff;max-height:650px}.attendance-tool table{border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:12px}.attendance-tool th,.attendance-tool td{border-right:1px solid #e6e9ed;border-bottom:1px solid #e6e9ed;padding:5px;text-align:center}.attendance-tool th{position:sticky;top:0;z-index:2;background:#f0f3f5;height:48px}.attendance-tool th small{display:block;font-size:10px;color:#657080;font-weight:400}.attendance-tool th:first-child,.attendance-tool td:first-child{position:sticky;left:0;z-index:1;background:#fff;text-align:left}.attendance-tool th:first-child{z-index:3;background:#f0f3f5}.attendance-tool td input{font-size:12px;padding:6px;margin:0}.attendance-tool td select{font-size:11px;padding:6px 0;margin:0;text-align:center;height:32px;border:0;border-radius:3px;cursor:pointer;appearance:none}.attendance-tool td .ps-icon{width:28px;min-height:28px}.attendance-tool .attendance-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:20px}.attendance-tool .attendance-bottom>p{font-size:12px;color:#657080;max-width:580px;margin:0;line-height:1.7}.attendance-tool .attendance-bottom .ps-primary{width:auto;white-space:nowrap}.attendance-tool .attendance-privacy{font-size:11px;color:#657080;margin-top:16px}.attendance-tool .attendance-about{padding:48px 0 0;margin-top:48px;border-top:1px solid #dfe3e8;background:rgba(0,0,0,0)}.attendance-tool .attendance-about h2{font-size:30px;line-height:1.3;margin:0 0 18px}.attendance-tool .attendance-about .pletox-faq-summary{font-size:14px;line-height:1.8;max-width:340px}.attendance-tool .attendance-about .accordion-button{font-size:15px}.attendance-tool .attendance-about .accordion-body{font-size:14px}.attendance-tool .attendance-about .pletox-resource-link{margin-top:4px}@media(max-width: 767px){.attendance-tool .attendance-about{margin-top:32px;padding-top:32px}.attendance-tool .attendance-about h2{font-size:26px}}@media(max-width: 767px){.attendance-tool .attendance-toolbar,.attendance-tool .attendance-bottom{align-items:flex-start;flex-direction:column}.attendance-tool .payslip-heading{align-items:flex-start;flex-direction:column}.attendance-tool h1{font-size:28px}.attendance-tool .attendance-settings{gap:16px}.attendance-tool .attendance-settings>label{width:100%}.attendance-tool .payslip-actions{flex-wrap:wrap}}