.employee-details-page{min-width:0;max-width:1700px}.employee-detail-navigation{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.employee-detail-navigation .breadcrumb{margin:0}.employee-detail-navigation>a{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.employee-profile-strip,.employee-history-panel,.employee-other-information{background:#fff;border:1px solid #e0eaf7;border-radius:7px;min-width:0;margin-bottom:16px;padding:22px}.employee-profile-strip{grid-template-columns:minmax(180px,1fr) minmax(0,3fr);align-items:center;gap:22px;display:grid}.employee-profile-name{align-items:center;gap:16px;min-width:0;display:flex}.employee-profile-name>svg{color:#80a8e9;flex:none}.employee-profile-name>div{min-width:0}.employee-profile-name h1{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:24px;line-height:1.35;display:-webkit-box;overflow:hidden}.employee-profile-name small{color:#7b90b2;margin-bottom:7px;font-size:12px;display:block}.employee-profile-strip>dl{grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:0;margin:0;display:grid}.employee-profile-strip>dl>div{border-left:1px solid #e3edf9;min-width:0;padding:2px 18px}.employee-profile-strip dt,.employee-other-information dt{color:#7e91b5;margin-bottom:10px;font-size:13px}.employee-profile-strip dd{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.employee-detail-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.employee-detail-metric{background:#fff;border:1px solid #e3ecf8;border-radius:6px;align-items:center;gap:14px;min-width:0;padding:20px 18px;display:flex}.employee-detail-metric>span{color:#1680ff;background:#e7f2ff;border-radius:50%;flex:0 0 52px;justify-content:center;align-items:center;height:52px;display:flex}.employee-detail-metric.purple>span{color:#7e3ff2;background:#eee6ff}.employee-detail-metric.green>span{color:#00ad77;background:#dff8ee}.employee-detail-metric.red>span{color:#f73f68;background:#ffe6ee}.employee-detail-metric>div{min-width:0}.employee-detail-metric>div>span{white-space:nowrap;color:#253a6f;font-size:13px}.employee-detail-metric strong{white-space:nowrap;color:#162965;align-items:baseline;gap:5px;margin-top:3px;font-size:28px;line-height:1.4;display:flex}.employee-detail-metric strong small{font-size:13px;font-weight:400}.employee-detail-scope{color:#7c91b4;margin:8px 0 16px;font-size:12px}.employee-history-panel{padding:18px}.employee-history-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.employee-history-toolbar nav{flex-shrink:0;gap:14px;display:flex}.employee-history-toolbar nav>button{color:#657fb0;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;padding:10px 6px;font-size:15px}.employee-history-toolbar nav>button[aria-current=page]{color:#1677ff;border-bottom-color:#1677ff;font-weight:600}.employee-history-toolbar form{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.employee-history-toolbar label{color:#7087aa;flex-direction:column;gap:5px;font-size:12px;display:flex}.employee-history-toolbar input{box-sizing:border-box;width:140px;min-width:0;height:36px;font:inherit;color:#34547c;background:#fff;border:1px solid #d4e1f4;border-radius:4px;padding:6px 8px}.employee-history-toolbar form>span{color:#7c90b1;line-height:36px}.employee-history-toolbar :is(.primary,.secondary){box-sizing:border-box;height:36px;padding:6px 12px;font-size:13px}.employee-history-table-scroll{scrollbar-gutter:stable;height:400px;overflow:auto}.employee-history-table-scroll table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:880px;font-size:13px}.employee-history-table-scroll th{color:#5473a6;z-index:1;text-align:left;background:#edf5ff;padding:12px 10px;font-weight:600;position:sticky;top:0}.employee-history-table-scroll th:first-child{width:22%}.employee-history-table-scroll th:last-child{width:70px}.employee-history-table-scroll td{box-sizing:border-box;vertical-align:middle;overflow-wrap:anywhere;border-bottom:1px solid #e7eef9;height:64px;padding:12px 10px}.employee-history-table-scroll td small{color:#7a91b5;margin-top:4px;display:block}.employee-record-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.employee-record-state{color:#5477a8}.employee-record-state:is(.completed,.completed_late,.passed,.valid){color:#00a675}.employee-record-state:is(.failed,.expired,.revoked,.locked){color:#d64b57}.employee-record-state:is(.overdue,.expiring){color:#bf7d0c}.employee-history-pagination{color:#6e87af;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;font-size:12px;display:flex}.employee-history-pagination>div{flex-shrink:0;align-items:center;gap:12px;display:flex}.employee-history-pagination button{padding:6px 10px;font-size:12px}.employee-detail-empty{color:#758bab;text-align:center;padding:44px 16px}.employee-other-information h2{margin:0 0 16px;font-size:19px}.employee-other-information dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;display:grid}.employee-other-information dl>div+div{border-left:1px solid #e3edf9;padding-left:24px}.employee-other-information dd{color:#34547c;overflow-wrap:anywhere;margin:0;font-size:14px}.employee-history-dialog{box-sizing:border-box;color:#243b6a;border:1px solid #d7e5f8;border-radius:9px;width:min(620px,100vw - 64px);max-height:calc(100vh - 64px);padding:24px;overflow:auto;box-shadow:0 16px 50px #17375733}.employee-history-dialog::backdrop{background:#14345266}.employee-history-dialog header{border-bottom:1px solid #e1eaf8;justify-content:space-between;align-items:center;gap:20px;padding-bottom:16px;display:flex}.employee-history-dialog h2{margin:0;font-size:21px}.employee-history-dialog h3{overflow-wrap:anywhere;font-size:18px;line-height:1.6}.employee-history-dialog dl{grid-template-columns:110px minmax(0,1fr);gap:14px;font-size:14px;display:grid}.employee-history-dialog dt{color:#7e93b3}.employee-history-dialog dd{overflow-wrap:anywhere;margin:0}.employee-history-dialog footer{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.employee-history-dialog footer>a{align-items:center;display:inline-flex}.employee-catalog-scroll{max-width:100%}.employee-catalog-table{table-layout:fixed;width:100%;min-width:1235px}.employee-catalog-table td{box-sizing:border-box;vertical-align:middle;height:88px}.employee-catalog-table .employee-cell-text{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.employee-catalog-table .employee-cell-text:is(a){color:#1677ff}.employee-catalog-table th:last-child{z-index:2;background:#edf5ff;position:sticky;right:0}.employee-catalog-table td.row-actions{background:#fff;display:table-cell;position:sticky;right:0;box-shadow:-1px 0 #e5edf8}.employee-action-links{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.employee-action-links :is(a,button){white-space:nowrap;margin:0;font-size:12px;line-height:20px}@media (max-width:1350px){.employee-detail-metric{gap:10px;padding:18px 12px}.employee-detail-metric>span{flex-basis:44px;height:44px}.employee-detail-metric strong{font-size:24px}.employee-profile-strip{grid-template-columns:170px minmax(0,1fr);gap:12px;padding:20px 16px}.employee-profile-strip>dl>div{padding:2px 10px}}@media (max-width:1050px){.employee-profile-strip{grid-template-columns:1fr}.employee-profile-strip>dl>div:first-child{border-left:0;padding-left:0}.employee-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.employee-list-page.employee-list-page .filters{grid-template-columns:minmax(180px,1.5fr) repeat(4,minmax(110px,1fr)) auto auto}@media (max-width:1100px){.employee-list-page.employee-list-page .filters{grid-template-columns:repeat(6,minmax(0,1fr))}.employee-list-page.employee-list-page .filters>input{grid-column:span 2}.employee-list-page.employee-list-page .filters>button:nth-last-child(2){grid-column:5}.employee-list-page.employee-list-page .filters>button:last-child{grid-column:6}}.employee-catalog-table .employee-login-time{font-size:12px;line-height:1.5;display:block}.employee-catalog-table .employee-login-time>span{white-space:nowrap;display:block}