*{box-sizing:border-box}body{margin:0;background:#f5f8fd;color:#10234a;font:14px Arial,sans-serif}a{color:#0d5bd7}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #d79021;outline-offset:3px}.hr-main{max-width:1550px;margin:auto;padding:26px 0 32px}.hr-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.hr-heading h1{font-size:29px;margin:0 0 8px}.hr-heading p,.hr-muted{color:#617596;line-height:1.6}.hr-heading p{margin:0}.hr-school-switch{display:flex;align-items:end;gap:8px;max-width:420px}.hr-school-switch select{max-width:260px}.hr-nav{margin-bottom:22px}.hr-panel{padding:22px;background:#fff;border:1px solid #dce6f4;border-radius:10px;box-shadow:0 5px 16px #10234a08;margin-bottom:20px;min-width:0}.hr-panel h2{font-size:19px;margin:0 0 16px}.hr-panel h3{font-size:16px;margin:0 0 12px}.hr-panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}.hr-panel-head h2{margin:0}.hr-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.hr-metric{padding:22px;border-radius:10px;color:#fff;background:#317fdb;text-decoration:none}.hr-metric:nth-child(2){background:#7653bd}.hr-metric:nth-child(3){background:#0d88ab}.hr-metric:nth-child(4){background:#347663}.hr-metric span{display:block;font-size:13px}.hr-metric b{display:block;margin-top:12px;font-size:30px}.hr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hr-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.hr-field{min-width:0}.hr-field label{display:block;font-weight:600;color:#334d75;font-size:12px;margin-bottom:7px}.hr-field label span{color:#be334b}.hr-field input,.hr-field select,.hr-field textarea,.hr-inline-input{display:block;width:100%;padding:10px 12px;border:1px solid #cdd9eb;border-radius:6px;background:#fff;color:#10234a;min-height:41px}.hr-field textarea{min-height:90px;resize:vertical}.hr-field input[type=file]{padding:8px;font-size:12px}.hr-field select[multiple]{min-height:170px}.hr-fieldset{border:0;padding:0;margin:0 0 24px;min-width:0}.hr-fieldset legend{font-size:16px;font-weight:700;padding:0 0 13px;margin-bottom:16px;border-bottom:1px solid #e8eef6;width:100%}.hr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;min-height:40px;background:#1260d7;color:#fff!important;border:1px solid #1260d7;border-radius:6px;text-decoration:none;font-size:13px;font-weight:600}.hr-btn:hover{background:#0b4dac}.hr-btn-outline{background:#fff;color:#1260d7!important;border-color:#bdcde8}.hr-btn-outline:hover{background:#edf4ff}.hr-btn-danger{background:#fff;color:#b62c46!important;border-color:#e9bfc7}.hr-btn-danger:hover{background:#fff0f2}.hr-btn-small{padding:7px 10px;min-height:34px;font-size:12px}.hr-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}.hr-inline-form{display:inline-flex;gap:8px;align-items:center;margin:0}.hr-table-wrap{overflow-x:auto;max-width:100%}.hr-table{width:100%;border-collapse:collapse;font-size:13px}.hr-table th{font-size:11px;text-transform:uppercase;letter-spacing:.035em;color:#617596;background:#f6f9fe}.hr-table th,.hr-table td{padding:13px 11px;text-align:left;border-bottom:1px solid #e7edf6;vertical-align:top}.hr-table td{line-height:1.5}.hr-table small{display:block;color:#617596}.hr-table .hr-field{min-width:105px}.hr-table .hr-field label{font-size:10px}.hr-table textarea{min-width:170px;min-height:41px}.hr-num{white-space:nowrap}.hr-status{display:inline-block;padding:5px 9px;border-radius:20px;background:#edf1f7;color:#4e627f;font-size:11px;font-weight:700;white-space:nowrap}.hr-status-approved,.hr-status-active,.hr-status-paid{background:#e5f5ec;color:#207547}.hr-status-pending,.hr-status-draft{background:#fff2db;color:#98611a}.hr-status-rejected,.hr-status-inactive,.hr-status-terminated{background:#ffe9ed;color:#a7334c}.hr-alert{padding:14px 17px;border:1px solid #c8d9ee;border-radius:8px;background:#edf5ff;line-height:1.6;margin-bottom:20px;font-size:13px}.hr-alert-error{background:#fff0f2;border-color:#f0c9d1;color:#a02a43}.hr-alert-success{background:#eaf7ef;border-color:#c4e2ce;color:#1f6840}.hr-empty{padding:24px;text-align:center;color:#617596}.hr-photo{width:48px;height:48px;border-radius:9px;object-fit:cover;background:#edf3fc}.hr-profile-photo{width:120px;height:130px;object-fit:cover;border:1px solid #d9e5f5;border-radius:12px}.hr-person{display:flex;align-items:center;gap:12px}.hr-person strong{display:block}.hr-person small{color:#617596}.hr-profile-head{display:flex;gap:23px;align-items:center;margin-bottom:25px}.hr-profile-head h2{font-size:24px;margin-bottom:8px}.hr-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0}.hr-details dt{font-size:11px;color:#617596;margin-bottom:7px}.hr-details dd{margin:0;overflow-wrap:anywhere;line-height:1.5}.hr-card-list{display:grid;gap:15px}.hr-card{border:1px solid #dce6f4;border-radius:9px;padding:18px}.hr-card summary{cursor:pointer;font-weight:600;line-height:1.5}.hr-card summary .hr-status{margin-left:10px}.hr-card .hr-details{margin:18px 0}.hr-review{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end;border-top:1px solid #e4ebf6;padding-top:15px;margin-top:16px}.hr-review .hr-actions{margin:0}.hr-checks{display:flex;flex-wrap:wrap;gap:14px}.hr-checks label{display:flex;gap:6px;align-items:center;font-size:13px}.hr-policy-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hr-policy p{line-height:1.6;color:#617596;overflow-wrap:anywhere}.hr-policy h3{margin-bottom:7px}.hr-note{font-size:12px;color:#617596;line-height:1.65;margin:12px 0}.hr-heading .hr-btn{flex-shrink:0}.hr-split-title{display:flex;gap:12px;align-items:center;justify-content:space-between}.hr-table input{min-width:85px}.hr-report-totals{display:flex;flex-wrap:wrap;gap:24px;padding:16px 0}.hr-report-totals b{display:block;margin-top:5px;font-size:18px}.hr-audit{list-style:none;margin:0;padding:0}.hr-audit li{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #edf1f7;font-size:13px}.hr-audit small{color:#617596}.hr-filter{width:250px;max-width:100%;padding:10px;border:1px solid #cdd9eb;border-radius:6px}.hr-compact{margin:0}.hr-error-hint{color:#a7334c}.hr-link-cards a{display:block;padding:17px;background:#f5f8fe;border:1px solid #dfe8f5;border-radius:8px;text-decoration:none;font-weight:600}.hr-link-cards small{display:block;color:#617596;margin-top:7px;font-weight:400;line-height:1.5}@media(max-width:1100px){.hr-grid,.hr-details{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-grid-two{grid-template-columns:1fr}.hr-heading{align-items:flex-start;flex-wrap:wrap}.hr-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.hr-main{padding-top:20px}.hr-panel{padding:16px}.hr-grid,.hr-details,.hr-policy-list{grid-template-columns:1fr}.hr-heading h1{font-size:25px}.hr-metrics{gap:10px}.hr-metric{padding:17px}.hr-metric b{font-size:25px}.hr-review{grid-template-columns:1fr}.hr-school-switch{flex-wrap:wrap}.hr-profile-head{align-items:flex-start;gap:16px}.hr-profile-photo{width:85px;height:100px}.hr-audit li{flex-direction:column;gap:4px}.hr-field input,.hr-field select,.hr-field textarea{font-size:16px}}
