.hr-shell{max-width:1500px;margin:0 auto;padding:20px}.hr-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;padding:24px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(135deg,rgba(35,110,115,.10),rgba(197,158,82,.08));margin-bottom:14px}.hr-hero h1,.hr-hero p{margin:0}.hr-hero p{margin-top:6px;max-width:850px;color:var(--muted)}.hr-hero-actions,.hr-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.hr-kpis,.pay-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;margin:14px 0}.hr-kpi{padding:14px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}.hr-kpi small{display:block;color:var(--muted);margin-bottom:5px}.hr-kpi strong{font-size:22px}.hr-tabs{display:flex;gap:8px;overflow:auto;padding:4px 0 13px}.hr-tabs button{white-space:nowrap;border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:9px 14px}.hr-tabs button.active{font-weight:800;border-color:var(--gold)}.hr-tab{display:none}.hr-tab.active{display:block}.hr-grid{display:grid;grid-template-columns:minmax(300px,.65fr) minmax(0,1.35fr);gap:14px}.hr-form,.compliance-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hr-form label,.compliance-grid label{display:grid;gap:5px;font-size:12px;font-weight:700}.hr-form input,.hr-form select,.compliance-grid input,.hr-inline input{padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:inherit}.hr-form .check{display:flex;align-items:center;gap:8px}.hr-form .check input{width:auto}.hr-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}.hr-head h2,.hr-head p{margin:0}.hr-head p{color:var(--muted);margin-top:3px}.hr-head>input{max-width:260px}.hr-list{display:grid;gap:9px}.hr-row,.pay-run{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--border);border-radius:13px;padding:12px;background:var(--surface);width:100%;text-align:left}.hr-row>div,.pay-run>span{display:grid;gap:3px}.hr-row small,.pay-run small{color:var(--muted)}.pay-run{cursor:pointer}.hr-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;background:rgba(127,127,127,.12);text-transform:capitalize;margin-right:6px}.hr-status.connected,.hr-status.verified,.hr-status.production_live,.hr-status.approved,.hr-status.active{background:rgba(55,150,100,.14)}.hr-status.expired,.hr-status.rejected,.hr-status.failed{background:rgba(190,70,70,.14)}.integration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:11px}.integration-card{border:1px solid var(--border);border-radius:15px;padding:15px;background:var(--surface)}.integration-card small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.integration-card h3{margin:3px 0 8px}.integration-card p{color:var(--muted);min-height:48px}.integration-meta{display:grid;gap:4px;font-size:11px;color:var(--muted)}.compliance-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:12px}.compliance-grid .wide{grid-column:1/-1}.hr-empty{padding:20px;text-align:center;color:var(--muted)}table small{color:var(--muted)}@media(max-width:900px){.hr-grid{grid-template-columns:1fr}.hr-hero{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.hr-shell{padding:12px}.hr-form{grid-template-columns:1fr}.hr-head{align-items:flex-start;flex-direction:column}.hr-row,.pay-run{align-items:flex-start;flex-direction:column}.hr-kpi strong{font-size:18px}}html[dir="rtl"] .hr-row,html[dir="rtl"] .pay-run{text-align:right}