.hr-heading{margin-bottom:20px}.hr-security-chip{background:#49111b;color:#fff;border-radius:20px;padding:8px 11px;font-size:10px;font-weight:800}.hr-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.hr-stat-grid article{background:#fff;border:1px solid #f2dfdf;border-radius:17px;padding:16px;position:relative;overflow:hidden}.hr-stat-grid article:after{content:"";height:74px;width:74px;background:#ffe6e8;position:absolute;right:-24px;top:-26px;border-radius:50%}.hr-stat-grid article.present:after{background:#e2f1e1}.hr-stat-grid article.late:after{background:#fff0d7}.hr-stat-grid article.alert{background:#49111b;color:#fff;border-color:#49111b}.hr-stat-grid article.alert:after{background:#f2223c}.hr-stat-grid span{display:inline-grid;place-items:center;height:27px;width:27px;border-radius:8px;background:#ffe6e8;color:#e72540;font-weight:800;position:relative;z-index:1}.hr-stat-grid .present span{background:#e5f3e3;color:#4a824d}.hr-stat-grid .late span{background:#fff0d8;color:#bb7b2e}.hr-stat-grid .alert span{background:rgba(255,255,255,.13);color:#fff}.hr-stat-grid small,.hr-stat-grid b,.hr-stat-grid em{display:block;position:relative;z-index:1}.hr-stat-grid small{font-size:9px;letter-spacing:.8px;color:#9d777d;font-weight:800;margin-top:11px}.hr-stat-grid .alert small{color:#f0b7c0}.hr-stat-grid b{font-family:Georgia,serif;color:#4a1620;font-size:25px;line-height:1.05}.hr-stat-grid .alert b{color:#fff}.hr-stat-grid em{font-style:normal;font-size:9px;color:#a38388}.hr-stat-grid .alert em{color:#e9c2c8}.hr-control-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;margin-bottom:18px}.geofence-panel{padding:24px}.setting-live{font-size:9px;font-weight:800;color:#4c8c50}.hr-settings-form{display:grid;gap:12px}.hr-settings-form label{font-size:10px;color:#60464c;font-weight:800}.hr-settings-form input,.hr-settings-form select{width:100%;padding:9px;border:1px solid #eadbdd;border-radius:9px;margin-top:5px;background:#fff;outline:0}.hr-settings-form input:focus,.hr-settings-form select:focus{border-color:#f2223c;box-shadow:0 0 0 3px #fff0f1}.form-grid.three{grid-template-columns:1fr 1fr 1fr}.setting-checks{display:grid;grid-template-columns:1fr 1fr;gap:9px}.setting-checks label{display:flex;gap:8px;border:1px solid #f0dfde;background:#fffafa;border-radius:10px;padding:10px}.setting-checks input{width:auto;margin:2px 0 0;accent-color:#f2223c}.setting-checks b,.setting-checks small{display:block}.setting-checks b{font-size:10px;color:#54202a}.setting-checks small{font-size:9px;font-weight:500;line-height:1.3;color:#987a7f;margin-top:2px}.hr-save{justify-self:start;background:#49111b}.integrity-note{background:linear-gradient(150deg,#49111b,#791d2c);border-radius:20px;padding:23px;color:#fff}.integrity-note>span{height:35px;width:35px;border-radius:10px;display:grid;place-items:center;background:#f2223c}.integrity-note h3{font-family:Georgia,serif;font-size:22px;line-height:1.04;font-weight:500;margin:16px 0 12px}.integrity-note ul{padding-left:17px;margin:0}.integrity-note li{font-size:10px;color:#eac8cd;margin:7px 0;line-height:1.3}.integrity-note p{font-size:9px;color:#cfa5ad;border-top:1px solid rgba(255,255,255,.16);padding-top:13px;margin-top:14px;line-height:1.4}.hr-attendance,.hr-requests{padding:23px;margin-bottom:18px}.hr-attendance-table{border-top:1px solid var(--line)}.hr-attendance-row{display:grid;grid-template-columns:1.3fr .8fr .55fr 1.25fr;gap:10px;align-items:center;padding:12px 5px;border-bottom:1px solid var(--line);font-size:11px}.hr-attendance-row.needs-review{background:#fffafa}.hr-attendance-row>span>small{display:block;font-size:9px;color:var(--muted)}.hr-state{font-size:10px;font-weight:800;color:#4b824e}.hr-state i{height:6px;width:6px;background:#6bad68;border-radius:50%;display:inline-block;margin-right:5px}.hr-state.late{color:#b97a2b}.hr-state.late i{background:#e4aa4c}.hr-state.review,.hr-state.missing{color:#b85552}.hr-state.review i,.hr-state.missing i{background:#e46f69}.request-count{font-size:10px;font-weight:800;color:#a36b72;background:#fff0f2;border-radius:12px;padding:5px 8px}.request-review-list{border-top:1px solid var(--line)}.request-review{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:13px 3px}.request-review>div{display:flex;gap:8px}.request-review b,.request-review small{display:block}.request-review b{font-size:11px}.request-review small{font-size:9px;color:var(--muted)}.request-review p{font-size:10px;color:#6c5559;margin:5px 0 0}.request-review form{display:flex;align-items:center;gap:6px}.request-review input{border:1px solid #eadbdd;padding:7px;border-radius:7px;width:150px;font-size:10px}.request-review button{border:0;border-radius:7px;padding:8px 9px;font-size:9px;font-weight:800}.request-review .approve{color:#fff;background:#4b844f}.request-review .reject{color:#ba514e;background:#fff0ef}.payroll-section{margin-top:29px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:13px}.section-title h2{font-family:Georgia,serif;color:#4b121b;font-size:25px;font-weight:500;letter-spacing:-.6px;margin:4px 0 0}.section-title p{width:315px;font-size:10px;color:#8d7479;line-height:1.4;margin:0}.payroll-list{display:grid;gap:9px}.payroll-card{background:#fff;border:1px solid #eedfde;border-radius:14px}.payroll-card summary{list-style:none;display:grid;grid-template-columns:1fr 260px 15px;gap:10px;align-items:center;padding:13px 15px;cursor:pointer}.payroll-card summary::-webkit-details-marker{display:none}.payroll-card summary>span:nth-child(2){font-size:10px;color:#93757a;text-align:right}.payroll-card summary>span:nth-child(2) b{color:#511924}.payroll-card summary>i{font-size:15px;color:#ba838c;font-style:normal;transition:.2s}.payroll-card[open] summary{border-bottom:1px solid #f0e4e2}.payroll-card[open] summary>i{transform:rotate(180deg)}.payroll-form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:15px}.payroll-form label{font-size:9px;font-weight:800;color:#684d52}.payroll-form input{width:100%;padding:9px;border:1px solid #eadedd;border-radius:8px;margin-top:5px;outline:0}.payroll-form .button{align-self:end;height:37px;background:#49111b}@media(max-width:1000px){.hr-control-grid{grid-template-columns:1fr}.integrity-note{display:none}.hr-stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.hr-stat-grid{gap:8px}.hr-stat-grid article{padding:13px}.hr-control-grid{gap:12px}.setting-checks,.form-grid.three{grid-template-columns:1fr}.hr-attendance-row{grid-template-columns:1.2fr .8fr}.hr-attendance-row>:nth-child(3),.hr-attendance-row>:nth-child(4){display:none}.request-review{display:block}.request-review form{margin-top:10px}.request-review input{flex:1}.section-title{display:block}.section-title p{width:auto;margin-top:7px}.payroll-card summary{grid-template-columns:1fr 14px}.payroll-card summary>span:nth-child(2){display:none}.payroll-form{grid-template-columns:1fr 1fr}.payroll-form .button{grid-column:1/-1}.hr-heading{align-items:flex-start}}
