:root{--hr-navy:#173f5f;--hr-ink:#203344;--hr-muted:#657482;--hr-line:#e2e8ef;--hr-bg:#f4f6f8;--hr-tint:#edf3f7;--hr-side:228px}
body{background:var(--hr-bg);color:var(--hr-ink);font-size:1rem;line-height:1.5}
body:has(.hr-app-sidebar){padding-left:var(--hr-side)}
.hr-app-sidebar{position:fixed;inset:0 auto 0 0;width:var(--hr-side);background:#fff;border-right:1px solid var(--hr-line);z-index:1040;padding:28px 14px 18px;display:flex;flex-direction:column;overflow-y:auto}
.hr-brand{display:flex;align-items:center;gap:12px;color:var(--hr-ink);text-decoration:none;padding:0 11px 20px}.hr-brand:hover{color:var(--hr-navy)}.hr-brand-mark{display:grid;place-items:center;width:38px;height:42px;border-radius:9px;background:var(--hr-navy);color:#fff;font-family:Georgia,serif;font-size:30px}.hr-brand strong{display:block;font-size:13px;letter-spacing:1.1px;font-weight:600}.hr-brand small{display:block;font-size:12px;letter-spacing:1.6px;color:var(--hr-muted)}
.hr-nav-label{padding:20px 13px 8px;color:var(--hr-muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}.hr-nav-link{display:flex;align-items:center;gap:11px;padding:11px 13px;margin:3px 0;border-radius:8px;color:var(--hr-ink);font-size:14px;text-decoration:none}.hr-nav-link .bi{font-size:17px}.hr-nav-link:hover{background:var(--hr-bg);color:var(--hr-navy)}.hr-nav-link.is-active{background:var(--hr-tint);color:var(--hr-navy);font-weight:600}
.hr-sidebar-user{margin-top:auto;border-top:1px solid var(--hr-line);padding:18px 10px 0;display:flex;gap:11px;align-items:center}.hr-sidebar-user strong{display:block;font-size:14px;font-weight:500;overflow-wrap:anywhere}.hr-sidebar-user small{display:block;font-size:12px;color:var(--hr-muted)}.hr-avatar{width:37px;height:37px;border-radius:50%;display:inline-grid;place-items:center;flex-shrink:0;color:var(--hr-navy);background:var(--hr-tint);font-size:13px;font-weight:600}
.hr-app-topbar{background:#fff;border-bottom:1px solid var(--hr-line);min-height:73px;padding:17px 32px;display:flex;justify-content:space-between;align-items:center;gap:15px}.hr-workspace-label{font-size:13px;color:var(--hr-muted)}.hr-account-link{color:var(--hr-muted)}.hr-account-link:hover{background:var(--hr-tint)}.hr-menu-toggle{display:none}.hr-context-nav{display:flex;gap:23px;flex-wrap:wrap;padding:0 32px;border-bottom:1px solid var(--hr-line);background:#fff}.hr-context-nav a,.hr-tabs a{color:var(--hr-muted);font-size:14px;padding:14px 0;border-bottom:2px solid transparent;text-decoration:none}.hr-context-nav a.is-active,.hr-tabs a.is-active{color:var(--hr-navy);border-bottom-color:var(--hr-navy);font-weight:600}.hr-tabs{display:flex;gap:24px;flex-wrap:wrap;border-bottom:1px solid var(--hr-line);margin-bottom:24px}
body:has(.hr-app-sidebar)>.container{max-width:1450px;padding-left:32px;padding-right:32px}body:has(.hr-app-sidebar)>footer{background:transparent!important;border-top:1px solid var(--hr-line)}.hr-skip-link{position:absolute;top:-90px;left:10px;z-index:2000;padding:10px;background:#fff;color:var(--hr-navy)}.hr-skip-link:focus{top:10px}.hr-mobile-bottom{display:none}
h1,h2,h3,h4,h5,h6{color:var(--hr-ink);font-weight:600;letter-spacing:-.35px}h1,.h2{font-size:1.75rem}h2,.h3{font-size:1.55rem}h5,.h5{font-size:1.05rem}.text-muted,.form-text{color:var(--hr-muted)!important}.small,small{font-size:.8125rem}.card{border:1px solid var(--hr-line);border-radius:12px;box-shadow:none!important;margin-bottom:20px}.card-body{padding:22px}.card-header{padding:17px 22px;background:#fff;border-color:var(--hr-line)}.card-header:first-child{border-radius:12px 12px 0 0}.card-title{font-size:1.05rem}.shadow-sm{box-shadow:none!important}.employee-header-card{border:0;background:transparent!important;padding:0!important}.employee-header-card .row{row-gap:16px}.employee-header-card .text-end .btn{margin:3px}.employee-header-card .badge{font-size:12px;font-weight:500}
.btn{border-radius:8px;font-size:.875rem;padding:.55rem .85rem;white-space:normal}.btn-sm{font-size:.8125rem;padding:.4rem .65rem}.btn-primary,.btn-primary:active,.btn-primary:focus{background:var(--hr-navy)!important;border-color:var(--hr-navy)!important}.btn-primary:hover{background:#24577b!important}.btn-outline-primary{color:var(--hr-navy)!important;border-color:#becbd6!important}.btn-outline-primary:hover,.btn-outline-primary:focus{background:var(--hr-navy)!important;color:#fff!important}.btn-outline-secondary{border-color:var(--hr-line);color:var(--hr-ink);background:#fff}.btn-outline-secondary:hover{background:var(--hr-tint);color:var(--hr-navy);border-color:#bfccd7}.btn-secondary{background:var(--hr-tint)!important;border-color:var(--hr-line)!important;color:var(--hr-navy)!important}.btn-success{background:#267456;border-color:#267456}.badge{font-size:12px;font-weight:500;border-radius:5px;padding:5px 8px}.badge.bg-success,.badge.text-bg-success{background:#e8f4ed!important;color:#266a4f!important}.badge.bg-warning,.badge.text-bg-warning{background:#fbf0d9!important;color:#865708!important}.badge.bg-secondary,.badge.text-bg-secondary,.badge.bg-info,.badge.text-bg-info,.badge.bg-primary,.badge.text-bg-primary{background:var(--hr-tint)!important;color:var(--hr-navy)!important}.badge.bg-danger,.badge.text-bg-danger{background:#faebeb!important;color:#a33f45!important}
.form-control,.form-select{border-color:#d9e1e8;border-radius:8px;font-size:.9375rem;padding:.55rem .7rem}.form-control-sm,.form-select-sm{font-size:.875rem}.form-label{font-size:.875rem;font-weight:500}.form-check-input:checked{background-color:var(--hr-navy);border-color:var(--hr-navy)}.form-control:focus,.form-select:focus{border-color:#739ab8;box-shadow:0 0 0 .2rem rgb(23 63 95 / 12%)}
.table{font-size:.875rem}.table td,.table th{font-size:inherit;max-width:none;white-space:normal;overflow:visible;text-overflow:clip;padding:13px 14px;vertical-align:middle;border-color:var(--hr-line)}.table thead th{font-weight:500;font-size:.8125rem;color:var(--hr-muted);border-bottom:1px solid var(--hr-line);background:#f7f9fb}.card-body table{display:table;overflow:visible}.table-sm td,.table-sm th{padding:10px 12px}.table-striped{--bs-table-striped-bg:transparent}.table-hover{--bs-table-hover-bg:#f7f9fb}.table td form{white-space:normal}.table td .form-control{min-width:100px}.table td .btn{margin:2px}.table-responsive{border-radius:10px}.nav-pills .nav-link{color:var(--hr-muted)!important;background:transparent;border:1px solid var(--hr-line);border-radius:8px}.nav-pills .nav-link.active{color:var(--hr-navy)!important;background:var(--hr-tint)}
.hr-page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:25px}.hr-page-heading p{color:var(--hr-muted);margin:6px 0 0;font-size:.875rem}.hr-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.hr-metric{background:#fff;border:1px solid var(--hr-line);border-radius:12px;padding:20px}.hr-metric-label{color:var(--hr-muted);font-size:.8125rem}.hr-metric-value{display:block;font-size:1.9rem;line-height:1.3;font-weight:600;margin:6px 0 2px;font-variant-numeric:tabular-nums}.hr-metric small{color:var(--hr-muted)}.hr-work-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:22px}.hr-item{display:flex;align-items:center;gap:13px;padding:17px 22px;border-bottom:1px solid var(--hr-line)}.hr-item:last-child{border-bottom:0}.hr-item-content{flex:1;min-width:0}.hr-item-content strong{font-size:.9375rem;font-weight:600;display:block}.hr-item-content small{display:block;color:var(--hr-muted);margin-top:3px}.hr-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0}.hr-kv dt{font-weight:400;font-size:.8125rem;color:var(--hr-muted);margin-bottom:4px}.hr-kv dd{margin:0;overflow-wrap:anywhere}.hr-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.hr-settings-grid .card{margin:0}.hr-settings-link{display:flex;justify-content:space-between;gap:12px;text-decoration:none;color:var(--hr-navy);padding:13px 0;border-bottom:1px solid var(--hr-line)}.hr-settings-link:last-child{border-bottom:0}.hr-form-details>summary{padding:18px 22px;cursor:pointer;font-weight:600;color:var(--hr-navy)}.hr-form-details>summary::marker{color:var(--hr-muted)}.hr-dossier-panels [data-hr-panel]{min-width:0}.hr-dossier-panels .collapse:not(.show){display:block}.hr-dossier-panels [hidden]{display:none!important}.hr-dossier-panels .card{margin-top:0!important}.hr-dossier-panels #persoonForm form{max-width:760px}.hr-dossier-panels .form-label{margin-bottom:5px}
.attendance-employee{background:#fff;border-color:var(--hr-line)!important}.attendance-employee>summary{padding:20px!important}.attendance-records>summary{list-style:none}.clock-card{background:var(--hr-tint);border-color:var(--hr-line)}.clock-button{border-radius:10px!important;min-height:64px;font-size:1.15rem!important;background:var(--hr-navy)!important;border-color:var(--hr-navy)!important;color:#fff!important}.clock-page{max-width:800px!important}.clock-page .display-5{font-size:2.5rem}.clock-status{font-size:.875rem}.hr-dashboard-clock{max-width:none}.hr-dashboard-clock .clock-button{width:100%}.hr-dashboard-clock .display-5{font-size:2.5rem}.hr-self-balances{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hr-self-balances strong{font-size:1.55rem;display:block}.hr-self-balances small{color:var(--hr-muted)}
@media(max-width:1199px){:root{--hr-side:206px}.hr-app-topbar{padding-inline:24px}body:has(.hr-app-sidebar)>.container{padding-inline:24px}.hr-work-grid{grid-template-columns:1fr}.hr-metric{padding:16px}.hr-context-nav{padding-inline:24px;gap:18px}}
@media(max-width:767px){body:has(.hr-app-sidebar){padding-left:0}.hr-app-sidebar{display:none;width:min(290px,90vw);box-shadow:10px 0 30px rgb(20 40 60 / 15%)}body.hr-menu-open .hr-app-sidebar{display:flex}.hr-menu-toggle{display:inline-flex;font-size:22px;padding:0 5px}.hr-app-topbar{padding:12px 16px;min-height:65px;gap:8px}.hr-workspace-label{display:none}.hr-account-link span{display:none}.hr-context-nav{padding:0 17px;gap:18px}.hr-context-nav a{font-size:13px}body:has(.hr-app-sidebar)>.container{padding-left:17px;padding-right:17px}.hr-settings-grid{grid-template-columns:1fr}.hr-metrics{gap:10px}.hr-metric{padding:13px}.hr-metric-value{font-size:1.55rem}.hr-metric-label{font-size:12px}.hr-item{padding:16px;gap:10px;flex-wrap:wrap}.hr-item-content{min-width:120px}.hr-item>.btn{margin-left:auto}.hr-tabs{gap:18px}.hr-tabs a{font-size:13px;padding:10px 0}.card-body{padding:18px}.hr-page-heading{gap:15px}h1,.h2{font-size:1.55rem}.hr-mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;inset:auto 0 0;z-index:1030;background:#fff;border-top:1px solid var(--hr-line);padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.hr-mobile-bottom a{display:grid;justify-items:center;gap:2px;text-decoration:none;color:var(--hr-muted);font-size:12px;padding:5px}.hr-mobile-bottom .bi{font-size:21px}.hr-mobile-bottom a.is-active{color:var(--hr-navy);font-weight:600}body:has(.hr-mobile-bottom){padding-bottom:85px}.hr-kv{gap:17px}.btn{min-height:39px}.form-control,.form-select{font-size:16px}.table{min-width:520px}.hr-schedule-table{min-width:0!important}.hr-schedule-table td,.hr-schedule-table th{padding:8px}.hr-app-topbar .btn{min-height:36px}.hr-dashboard-clock .card-body{padding:25px!important}}
@media(max-width:420px){.hr-metrics{grid-template-columns:1fr}.hr-metric{display:grid;grid-template-columns:1fr auto;align-items:center}.hr-metric-value{grid-column:2;grid-row:1/3;margin:0}.hr-metric-label,.hr-metric small{grid-column:1}.hr-self-balances{gap:12px}.hr-self-balances strong{font-size:1.3rem}.hr-kv{grid-template-columns:1fr}.hr-context-nav{gap:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.attendance-chevron{transition:none!important}}
.hr-dossier-grid,.hr-dossier-column{display:contents}[data-hr-panel][hidden]{display:none!important}
.hr-dossier-panels .collapse:not(.show){display:none}
@media print{body:has(.hr-app-sidebar){padding:0}.hr-app-sidebar,.hr-app-topbar,.hr-context-nav,.hr-mobile-bottom,.hr-tabs,.btn,form{display:none!important}.card{break-inside:avoid}}