.employee-directory,.employee-detail-page{display:grid;gap:12px}.employee-company-tabs{display:flex;gap:7px;overflow:auto;padding:2px}.employee-company-tabs a{display:grid;grid-template-columns:34px minmax(130px,1fr);align-items:center;gap:9px;min-width:220px;padding:9px 11px;border:1px solid #dce5f1;border-radius:9px;background:#fff;color:#536178;text-decoration:none}.employee-company-tabs a.active{border-color:#2b65cf;box-shadow:inset 0 -3px #2b65cf;color:#183f83}.employee-company-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#eaf1ff;color:#245dc4}.employee-company-tabs strong,.employee-company-tabs small{display:block}.employee-company-tabs small{margin-top:2px;color:#8a96a8;font-size:9px}.employee-company-empty{padding:12px;color:#7c899c}.employee-directory .page-toolbar{margin-bottom:0}.employee-table{min-width:760px!important}.employee-join-date{font-variant-numeric:tabular-nums;color:#465a75}.employee-status{font-weight:650}.status-Probation{background:#fff3d8;color:#9b6714}.status-Kontrak{background:#e8f1ff;color:#2865b4}.status-Tetap{background:#e5f7ee;color:#087d51}.status-Resign,.status-Terminate{background:#fdeaea;color:#b13b3b}.status-Pensiun{background:#f0ecfb;color:#7252a6}.employee-profile-head{margin:0}.employee-profile-head .employee-summary{display:flex;align-items:center;padding:15px 17px}.employee-summary p{margin:0 0 3px;color:#53647b;font-size:11px}.employee-summary p+span{color:#8491a3;font-size:10px}.employee-head-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e5ebf3;background:#f9fbfe}.employee-head-metrics>div{padding:11px 15px;border-right:1px solid #e5ebf3}.employee-head-metrics>div:last-child{border-right:0}.employee-head-metrics small,.employee-head-metrics strong{display:block}.employee-head-metrics small{color:#8995a7;font-size:9px}.employee-head-metrics strong{margin-top:4px;color:#2a3b53;font-size:11px}.employee-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.employee-info-card{margin:0}.employee-info-card>header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #e5ebf3}.employee-info-card>header>.fa{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#edf3ff;color:#2b64c9}.employee-info-card h3{margin:0;font-size:13px}.employee-info-card header p{margin:2px 0 0;color:#8793a5;font-size:9px}.employee-info-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0}.employee-info-card dl>div{min-width:0;padding:10px 14px;border-bottom:1px solid #f0f3f7}.employee-info-card dl>div.wide{grid-column:1/-1}.employee-info-card dt{color:#8a96a8;font-size:9px;text-transform:uppercase;letter-spacing:.04em}.employee-info-card dd{margin:4px 0 0;color:#2c3e56;font-size:11px;overflow-wrap:anywhere}@media(max-width:800px){.employee-detail-grid{grid-template-columns:1fr}.employee-head-metrics{grid-template-columns:repeat(2,1fr)}}