.hrms-tabs{display:flex;gap:7px;overflow:auto;margin:0 0 17px;padding:5px;border:1px solid #dfe8f2;border-radius:12px;background:#f4f8fc}.hrms-tabs button{white-space:nowrap;border:0;border-radius:8px;padding:10px 13px;background:transparent;color:#62748a;font-size:10px;font-weight:800;cursor:pointer}.hrms-tabs button.active{background:#fff;color:#1557b0;box-shadow:0 5px 16px #1e4f8b16}.hrms-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.hrms-kpis article{padding:17px;border:1px solid #dfe8f2;border-radius:13px;background:linear-gradient(145deg,#fff,#f7faff)}.hrms-kpis span,.hrms-kpis b,.hrms-kpis small{display:block}.hrms-kpis span{font-size:8px;font-weight:800;color:#718096;letter-spacing:.08em}.hrms-kpis b{margin:7px 0 2px;font:800 24px Manrope;color:#102d51}.hrms-kpis small{font-size:8px;color:#8492a5}.hrms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.hr-person{padding:18px!important}.hr-person-head{display:flex;align-items:center;gap:11px}.hr-person-head>i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e7f0ff;color:#1557b0;font-style:normal;font-weight:800}.hr-person-head div{flex:1}.hr-person-head b,.hr-person-head span{display:block}.hr-person-head b{font-size:12px}.hr-person-head span{font-size:9px;color:#718096;margin-top:3px}.hr-person-head em{font-style:normal;padding:5px 8px;border-radius:15px;background:#e9f8ef;color:#238255;font-size:8px}.hr-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.hr-meta span{padding:8px;border-radius:8px;background:#f6f8fb;color:#718096;font-size:8px}.hr-meta b{display:block;color:#293b52;margin-top:3px;font-size:9px}.hr-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.hr-actions button{border:1px solid #d7e3f1;border-radius:7px;background:#fff;color:#225d9c;padding:7px 9px;font-size:8px;cursor:pointer}.hr-list{display:grid;gap:10px}.hr-row{display:grid;grid-template-columns:1.5fr repeat(3,1fr) auto;gap:12px;align-items:center;padding:15px 17px!important}.hr-row b,.hr-row span,.hr-row small{display:block}.hr-row b{font-size:11px}.hr-row span,.hr-row small{font-size:8px;color:#718096}.hr-row em{font-style:normal;font-size:8px;padding:5px 8px;border-radius:15px;background:#fff4df;color:#9a671d}.hr-row-actions{display:flex;gap:5px}.hr-row-actions button{border:1px solid #d7e3f1;border-radius:7px;background:#fff;padding:7px 8px;color:#1557b0;font-size:8px;cursor:pointer}.hr-clock{display:grid;grid-template-columns:1fr 1fr;gap:15px}.clock-card{text-align:center;padding:28px!important}.clock-time{font:800 38px Manrope;color:#123d70;margin:14px 0 3px}.clock-date{font-size:10px;color:#718096}.clock-card select{width:100%;margin:20px 0 8px;padding:11px;border:1px solid #dae4ef;border-radius:8px}.clock-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.clock-buttons button{min-height:42px}.payslip-paper{padding:28px;border:1px solid #dfe7f0;border-radius:14px;background:#fff}.payslip-paper header{height:auto;margin:0 0 20px;padding:0 0 15px;border-bottom:2px solid #1557b0;position:static}.payslip-amount{font:800 25px Manrope;color:#1557b0}.onboard-checks{display:grid;gap:7px;margin-top:13px}.onboard-checks label{display:flex;align-items:center;gap:8px;padding:9px;border-radius:8px;background:#f7f9fc;font-size:9px}@media(max-width:1000px){.hrms-kpis{grid-template-columns:repeat(3,1fr)}.hrms-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.hrms-kpis{grid-template-columns:1fr 1fr}.hrms-grid,.hr-clock{grid-template-columns:1fr}.hr-row{grid-template-columns:1fr 1fr}.hr-row-actions{grid-column:1/-1}}