.hr-sidebar-group{display:block}.hr-nav-children{display:none;padding:2px 10px 8px 42px}.hr-nav-children.open{display:grid;gap:2px}.hr-nav-children button{border:0;background:transparent;color:var(--text-muted);font:inherit;font-size:12px;text-align:left;padding:7px 8px;border-radius:7px;cursor:pointer}.hr-nav-children button:hover,.hr-nav-children button.active{background:rgba(59,130,246,.12);color:var(--text-primary)}.hr-nav-children button i{width:18px}
.hr-shell{padding:2px}.hr-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.hr-header h2{margin:0 0 4px;font-size:24px}.hr-header p{margin:0;color:var(--text-muted);font-size:13px}.hr-header-actions{display:flex;gap:8px;flex-wrap:wrap}.hr-tabs{display:flex;gap:6px;overflow-x:auto;padding:3px 0 12px;margin-bottom:8px;scrollbar-width:thin}.hr-tabs button{white-space:nowrap;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-muted);padding:9px 12px;border-radius:9px;font-weight:600;font-size:12px;cursor:pointer}.hr-tabs button.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.hr-panel{display:none}.hr-panel.active{display:block}.hr-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.hr-kpi{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:16px;display:flex;align-items:center;gap:12px;min-width:0}.hr-kpi i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(59,130,246,.12);color:var(--accent-blue);font-size:17px}.hr-kpi span{display:block;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.45px}.hr-kpi strong{display:block;font-size:23px;color:var(--text-primary);margin-top:2px}.hr-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hr-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;overflow:hidden}.hr-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border-color)}.hr-card-head h3{font-size:14px;margin:0}.hr-card-body{padding:14px 16px}.hr-table-wrap{overflow:auto}.hr-table{width:100%;border-collapse:collapse;min-width:760px}.hr-table th,.hr-table td{padding:11px 12px;border-bottom:1px solid var(--border-color);text-align:left;font-size:12px;vertical-align:middle}.hr-table th{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:rgba(148,163,184,.06);position:sticky;top:0}.hr-table tr:last-child td{border-bottom:0}.hr-table td strong{font-size:12.5px}.hr-sub{font-size:10.5px;color:var(--text-muted);margin-top:2px}.hr-actions{display:flex;gap:5px;flex-wrap:wrap}.hr-status{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700;text-transform:capitalize;background:rgba(148,163,184,.15);color:var(--text-muted)}.hr-status.active,.hr-status.present,.hr-status.approved,.hr-status.paid,.hr-status.resolved{background:rgba(16,185,129,.14);color:#10b981}.hr-status.pending,.hr-status.submitted,.hr-status.processed,.hr-status.scheduled,.hr-status.draft{background:rgba(245,158,11,.14);color:#d97706}.hr-status.rejected,.hr-status.terminated,.hr-status.cancelled,.hr-status.absent{background:rgba(239,68,68,.13);color:#ef4444}.hr-status.on_leave,.hr-status.leave,.hr-status.remote{background:rgba(99,102,241,.14);color:#6366f1}.hr-status.late,.hr-status.open{background:rgba(249,115,22,.14);color:#f97316}.hr-empty{text-align:center;padding:34px!important;color:var(--text-muted)}
.hr-modal .modal-box{max-width:780px}.hr-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hr-form-grid .wide{grid-column:1/-1}.hr-form-grid label{display:block;font-size:11px;font-weight:700;color:var(--text-muted);margin-bottom:5px}.hr-form-grid input,.hr-form-grid select,.hr-form-grid textarea{width:100%;box-sizing:border-box;border:1px solid var(--border-color);background:var(--bg-input,var(--bg-card));color:var(--text-primary);padding:9px 10px;border-radius:8px;font:inherit;font-size:13px}.hr-form-grid textarea{min-height:76px;resize:vertical}.hr-loading{padding:70px 20px;text-align:center;color:var(--text-muted)}.hr-profile{display:flex;gap:14px;align-items:center}.hr-avatar{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--accent-blue),#7c3aed);color:#fff;display:grid;place-items:center;font-size:19px;font-weight:800}.hr-report-banner{padding:18px;border-radius:14px;background:linear-gradient(135deg,#111827,#1e3a5f);color:#fff;margin-bottom:14px}.hr-report-banner h3{margin:0 0 5px}.hr-report-banner p{margin:0;color:#cbd5e1;font-size:12px}
.hr-help,.hr-login-option small{display:block;color:var(--text-muted);font-size:10.5px;margin-top:5px}.hr-login-option{border:1px solid var(--border-color);background:rgba(59,130,246,.06);padding:11px;border-radius:9px}.hr-login-option label{display:flex;align-items:center;gap:8px;margin:0;color:var(--text-primary)}.hr-login-option input[type="checkbox"]{width:16px;height:16px;flex:0 0 auto;accent-color:var(--accent-blue)}
@media(max-width:1050px){.hr-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-grid-2{grid-template-columns:1fr}}
@media(max-width:600px){.hr-shell{padding:0}.hr-header{display:block}.hr-header-actions{margin-top:12px}.hr-kpis{grid-template-columns:1fr 1fr;gap:8px}.hr-kpi{padding:12px;gap:8px}.hr-kpi i{width:34px;height:34px}.hr-kpi strong{font-size:18px}.hr-form-grid{grid-template-columns:1fr}.hr-form-grid .wide{grid-column:auto}.hr-modal .modal-box{width:96vw;max-height:92vh;overflow:auto}.hr-tabs{margin-left:-4px;margin-right:-4px}}
@media print{body *{visibility:hidden!important}#mod-hr,#mod-hr *{visibility:visible!important}#mod-hr{position:absolute;left:0;top:0;width:100%;background:#fff;color:#111}.hr-tabs,.hr-header-actions,.hr-actions,.sidebar,.topbar{display:none!important}.hr-panel{display:none!important}.hr-panel.active{display:block!important}.hr-card,.hr-kpi{break-inside:avoid;border-color:#ccc}.hr-table th,.hr-table td{color:#111;border-color:#ddd}.hr-table{min-width:0}}