.hr-page { display: grid; gap: 18px; }
.hr-intro { align-items: center; }
.hr-intro h2 { margin-bottom: 5px; }
.hr-intro p:last-child { margin: 0; color: #607872; }
.hr-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.hr-metrics article { padding: 16px; border: 1px solid #d2e1dc; border-radius: 8px; background: #fff; }
.hr-metrics span,.hr-metrics small { display: block; color: #607872; font-size: 11px; }
.hr-metrics strong { display: block; margin: 7px 0; color: #183b35; font: 700 22px Georgia, serif; }
.hr-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.hr-card { min-width: 0; }
.hr-card table small { display: block; margin-top: 3px; color: #607872; }
.hr-status { display: inline-block; padding: 4px 8px; border-radius: 999px; color: #536c66; background: #edf2ef; font-size: 11px; }
.hr-status.active,.hr-status.approved { color: #087f75; background: #e4f3ed; }
.hr-status.pending { color: #956b1e; background: #fff1d8; }
.hr-status.rejected,.hr-status.inactive { color: #a43b3b; background: #fae7e7; }
.hr-dialog { position: fixed; inset: 0; z-index: 6000; display: grid; place-items: center; padding: 20px; background: rgba(13,35,31,.48); overflow: auto; }
.hr-dialog-card { width: min(820px, 100%); max-height: calc(100vh - 40px); overflow: auto; padding: 24px; border-radius: 8px; background: #fff; box-shadow: 0 24px 70px rgba(0,0,0,.25); }
.hr-dialog-card h3 { margin: 0 0 18px; font: 700 24px Georgia, serif; color: #183b35; }
.hr-required-note { margin: -8px 0 16px; color: #8a5c20; font-size: 12px; }
.hr-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.hr-form-grid label,.hr-dialog-card > label { display: grid; gap: 5px; color: #385850; font-size: 12px; font-weight: 700; }
.hr-form-grid label.wide { grid-column: 1 / -1; }
.hr-dialog-card input,.hr-dialog-card select,.hr-dialog-card textarea { width: 100%; padding: 10px; border: 1px solid #b9cec7; border-radius: 5px; background: #fff; color: #183b35; font: inherit; }
.hr-dialog-card textarea { min-height: 72px; resize: vertical; }
.hr-dialog-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 20px; padding-top: 14px; border-top: 1px solid #d9e5e0; }
.hr-form-error { min-height: 18px; margin: 12px 0 0; color: #a43b3b; }
.payroll-entry-list { display: grid; gap: 8px; margin-top: 14px; }
.payroll-entry { display: grid; grid-template-columns: 1.5fr repeat(4, 1fr); gap: 8px; align-items: center; padding: 10px; border: 1px solid #d2e1dc; border-radius: 6px; background: #f7faf8; }
.payroll-entry strong { font-size: 12px; }
.payroll-entry input { padding: 8px; border: 1px solid #b9cec7; border-radius: 4px; min-width: 0; }
@media (max-width: 900px) { .hr-metrics { grid-template-columns: 1fr 1fr; } .hr-two-col { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .hr-form-grid { grid-template-columns: 1fr; } .hr-form-grid label.wide { grid-column: auto; } .payroll-entry { grid-template-columns: 1fr 1fr; } .payroll-entry strong { grid-column: 1 / -1; } }
.hr-doc-actions{display:flex;justify-content:flex-end;gap:10px;margin-bottom:18px}.hr-doc-actions .link{display:block}.hr-document-dialog{position:fixed;inset:0;z-index:1000;background:rgba(15,35,32,.45);overflow:auto;padding:28px}.hr-document{max-width:820px;margin:0 auto;background:#fff;color:#183530;padding:38px;box-shadow:0 18px 60px rgba(0,0,0,.22);font-size:14px;line-height:1.55}.hr-doc-letterhead{display:flex;justify-content:space-between;align-items:center;border:0!important;border-bottom:3px solid #0c9185!important;padding:0 0 18px!important;margin:0 0 24px!important}.hr-doc-brand{display:flex;align-items:center;gap:14px}.hr-doc-brand img{width:62px;height:62px;object-fit:contain}.hr-doc-letterhead h1{margin:3px 0!important;font-family:Georgia,serif;font-size:27px!important;color:#123f38}.hr-doc-letterhead p{margin:2px 0!important;color:#58716d}.hr-doc-company{text-align:right;color:#607873;font-size:12px;line-height:1.5}.hr-doc-rule{height:4px;background:#d5a84a;margin:-21px 0 24px;width:72px}.hr-doc-title{margin:14px 0 20px;border-left:4px solid #d5a84a;padding-left:14px}.hr-doc-title h2{font-family:Georgia,serif;margin:0;font-size:25px;color:#123f38}.hr-doc-title p{margin:5px 0;color:#607873}.hr-doc-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 22px}.hr-doc-meta div{border:1px solid #d7e3df;background:#f5f9f7;padding:10px}.hr-doc-meta b,.hr-doc-meta span{display:block}.hr-doc-meta b{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#6a817c;margin-bottom:4px}.hr-document h3{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:#087f75;margin:24px 0 8px}.hr-doc-table{width:100%;border-collapse:collapse;margin:18px 0}.hr-doc-table th,.hr-doc-table td{border:1px solid #d4e0dc;padding:9px;text-align:left;vertical-align:top}.hr-doc-table th{background:#edf5f2;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.hr-doc-table .amount{text-align:right}.hr-doc-total th{background:#dfeee9}.hr-appointment-table th{width:17%}.hr-document footer{border-top:1px solid #d4e0dc;margin-top:48px;padding-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:30px;position:relative}.hr-document footer small{grid-column:1/-1;color:#718681;margin-top:8px}.hr-slip-note{margin-top:26px;color:#657b76;font-size:12px}.hr-doc-actions button{margin-left:0}.hr-card td.hr-doc-actions{min-width:175px}.hr-card td.hr-doc-actions .link{display:block;text-align:left;margin:2px 0;padding:0;border:0;background:none;color:#007f76;cursor:pointer;font:inherit;font-size:12px}.hr-card td.hr-doc-actions .link:hover{text-decoration:underline}@media(max-width:760px){.hr-document-dialog{padding:10px}.hr-document{padding:18px}.hr-doc-letterhead{align-items:flex-start;gap:12px}.hr-doc-company{display:none}.hr-doc-brand img{width:48px;height:48px}.hr-doc-letterhead h1{font-size:21px!important}.hr-doc-meta{grid-template-columns:1fr 1fr}.hr-document footer{grid-template-columns:1fr}}@media print{ @page{size:A4 portrait;margin:14mm}.hr-document-dialog{position:static;background:#fff;padding:0}.hr-document{box-shadow:none;max-width:none;padding:0}.hr-document .hr-doc-actions{display:none}.hr-document footer{break-inside:avoid} }
.hr-action-menu{position:relative}.hr-action-menu summary{list-style:none;cursor:pointer}.hr-action-menu summary::-webkit-details-marker{display:none}.hr-action-list{position:absolute;right:0;top:calc(100% + 6px);z-index:5;min-width:190px;background:#fff;border:1px solid #d3e0dc;box-shadow:0 10px 24px rgba(19,55,49,.14);padding:6px}.hr-action-list button{display:block;width:100%;border:0;background:#fff;color:#176b63;text-align:left;padding:9px 11px;cursor:pointer}.hr-action-list button:hover{background:#edf6f3}.hr-card .card-head>button{display:none}.hr-card td.hr-doc-actions{white-space:normal}
.hr-nav-group{display:block;width:100%;flex:0 0 auto}.hr-nav-group.hr-nav-collapsed .hr-side-submenu{display:none}.hr-side-submenu{display:grid;gap:3px;margin:5px 0 8px 24px}.hr-side-submenu button{border:0;background:transparent;color:#58716d;text-align:left;font:inherit;font-size:12px;padding:5px 8px;cursor:pointer;border-left:2px solid #cfe2dd}.hr-side-submenu button:hover{color:#087f75;background:#eef7f4}.hr-intro>.primary{display:none}nav[aria-label="Main navigation"]{display:flex!important;flex-direction:column!important;align-items:stretch!important;max-height:calc(100vh - 150px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}nav[aria-label="Main navigation"]>button,nav[aria-label="Main navigation"]>.hr-nav-group{flex:0 0 auto;width:100%}.hr-nav-logout{flex:0 0 auto;width:100%;margin-top:12px;padding:10px 14px;border:1px solid rgba(255,255,255,.35);border-radius:6px;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}.hr-nav-logout:hover{background:rgba(255,255,255,.12)}