.hrm-filter{position:fixed;left:94px;top:80px;bottom:0;width:292px;overflow:auto;scrollbar-width:none;background:#e9e9e9}.hrm-filter h2{height:90px;display:flex;align-items:center;padding:0 29px;margin:0;border-bottom:2px solid white;font-size:22px}.hrm-filter section{padding:26px 24px 24px;border-bottom:2px solid white}.hrm-filter section>label{display:block;font-size:13px;font-weight:600;line-height:21px;margin-bottom:6px}.hrm-filter input{font-size:13px;min-height:40px}.hrm-filter section>input{width:100%;height:40px;padding:8px 12px;border:1px solid #d9d9d9;border-radius:3px}.hrm-genders{display:flex;gap:8px}.hrm-genders input,.hrm-inline input{min-height:0;width:15px;height:15px;margin:0;accent-color:#54ab83}.hrm-genders label{display:flex;align-items:center;gap:6px}.hrm-date-range,.hrm-age{display:flex;gap:5px}.hrm-date-range>*{width:50%;min-width:0}.hrm-periods{display:flex;gap:5px;margin-top:8px}.hrm-periods button{padding:4px;font-size:11px;min-height:30px}.hrm-age input{width:50%;min-width:0;border:1px solid #ddd;padding:8px}.hrm-workspace{margin-left:386px;padding:80px 20px 30px;min-height:100vh;background:#f5f5f5}.hrm-tabs{height:78px;display:flex;gap:60px;align-items:stretch;background:white;margin:0 -20px;padding:0 35px;overflow:auto;white-space:nowrap}.hrm-tabs a{display:flex;align-items:center;color:#505050;font-size:14px}.hrm-tabs a.active,.hrm-tabs:not(:has(a.active)) a:first-child{color:#54ab83;border-bottom:4px solid #54ab83}.hrm-subtabs{display:flex;gap:12px;padding:18px 15px 6px}.hrm-subtabs a{border:2px solid #ddd;border-radius:24px;padding:11px 14px;font-size:13px;color:#888}.hrm-subtabs a.active{border-color:#d8eae1;color:#69b494;background:#e2efe8}.hrm-tools{display:flex;justify-content:flex-end;gap:15px;margin-bottom:24px}.hrm-tools button,.hrm-tools a{height:40px;min-height:40px;border:1px solid #5488b0;border-radius:3px;background:white;color:#5488b0;padding:10px 13px;font-size:13px}.hrm-tools .hrm-new{background:#559dd7;color:white}.hrm-body{display:flex;gap:20px}.hrm-table-scroll{flex:1;min-width:0;overflow:auto;max-height:calc(100vh - 315px)}.hrm-table-scroll table{border-collapse:collapse;min-width:700px;width:100%;font-size:13px}.hrm-table-scroll th{height:40px;background:#54ab83;color:white;text-align:center;font-size:12px;font-weight:400;border-right:1px solid #ddd}.hrm-table-scroll td{height:66px;border-bottom:1px solid #d9d9d9;padding:10px 15px;background:white;white-space:nowrap;text-align:center;max-width:200px;overflow:hidden;text-overflow:ellipsis}.hrm-table-scroll .selected td{background:#dfede3}.hrm-person{display:flex;align-items:center;gap:12px;text-align:left}.hrm-person>img{width:35px;height:35px;border-radius:50%}.hrm-person>div{max-width:185px;text-overflow:ellipsis;overflow:hidden}.hrm-person small{display:block;font-size:12px;color:#777}.hrm-table-scroll td button{border:0;background:transparent;padding:0;min-height:28px;width:28px}.hrm-table-scroll svg{width:18px;height:18px;fill:none;stroke:#555;stroke-width:1.6}.hrm-detail{width:280px;flex:0 0 280px;background:white;padding:0 10px;max-height:calc(100vh - 315px);overflow:auto}.hrm-detail>header{background:#363636;color:white;padding:26px 24px;display:flex;align-items:center;gap:10px;font-size:13px}.hrm-detail header img{width:32px;height:32px;border-radius:50%}.hrm-detail header div{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hrm-detail header small{display:block}.hrm-detail dl{padding:20px 24px}.hrm-detail dl div{margin-bottom:14px}.hrm-detail dt{color:#888;font-size:11px}.hrm-detail dd{font-size:13px;line-height:20px;margin:0;overflow-wrap:anywhere}.hrm-empty{padding:25px;text-align:center;color:#888}.hrm-form-workspace{margin-left:94px;padding:120px 35px 40px;background:#f5f5f5;min-height:100vh}.hrm-form-workspace>a{color:#555;font-size:14px}.hrm-form-workspace h3{font-size:17px;margin:14px 0 32px}.hrm-form-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;align-items:stretch}.hrm-form-columns>section{background:white;padding:30px 32px}.hrm-form-columns h4{font-size:16px;color:#6aba99;margin:0 0 46px}.hrm-photo{width:100%;height:164px;border:1px dashed #ddd;background:#eee;color:#888;font-size:26px;margin:14px 0 26px}.hrm-photo small{display:block;font-size:11px}.hrm-field{margin-bottom:20px;min-width:0}.hrm-field>label{display:block;margin-bottom:6px;font-size:12px;color:#777;line-height:21px}.hrm-field em{color:#d65d68;font-style:normal}.hrm-field>input,.hrm-field>textarea{width:100%;border:1px solid #d9d9d9;border-radius:3px;padding:8px 12px;height:40px;min-height:0;font-size:13px}.hrm-field>textarea{height:90px;resize:vertical}.hrm-field .date-field{width:100%;display:block}.hrm-field .date-field input{width:100%;height:40px;min-height:0;font-size:13px}.hrm-field .filter-select-control{min-height:40px}.hrm-field .filter-select{font-size:13px}.hrm-field fieldset,fieldset.hrm-field{border:0;padding:0}.hrm-field legend{font-size:12px;color:#777;margin-bottom:10px}.hrm-inline{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#888;margin-right:12px}.hrm-field>.hrm-inline{display:inline-flex}.hrm-form-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:24px}.hrm-form-actions button{border:1px solid #d9d9d9;background:white;min-height:40px;padding:8px 25px}.hrm-form-actions .primary{background:#54ab83;color:white;border:0}.hrm-form-error{color:#b52222;line-height:24px}.hrm-workspace button:focus-visible,.hrm-form-workspace button:focus-visible{outline:2px solid #24784e;outline-offset:2px}@media(max-width:1050px){.hrm-form-columns{gap:16px}.hrm-form-columns>section{padding:24px 18px}.hrm-detail{width:240px;flex-basis:240px}}@media(max-width:760px){.hrm-form-columns{grid-template-columns:1fr}.hrm-form-workspace{padding:105px 16px 25px}.hrm-form-columns h4{margin-bottom:24px}.hrm-photo{max-width:280px}.hrm-filter{display:none}.hrm-workspace{margin-left:94px}.hrm-detail{width:100%;flex-basis:auto;max-height:none}.hrm-body{flex-direction:column}.hrm-tabs{gap:25px}.hrm-table-scroll{max-height:55vh}}
.hrm-form-columns .hrm-inline>input{width:15px;height:15px;min-height:0;padding:0;flex:0 0 15px}.hrm-form-columns>.hrm-field{margin:0}

@media(min-width:951px) {
  .hrm-workspace.hrm-employee-list { margin-left:390px; padding-left:15px; padding-right:30px; }
  .hrm-employee-list .hrm-tabs { margin:0 -30px 0 -15px; }
  .hrm-workspace.hrm-employee-list .hrm-subtabs { margin-left:9px; }
  .hrm-employee-list .hrm-tools { width:calc(75% - 6px); }
}
.hrm-employee-list .hrm-tabs { height:76px; }
.hrm-employee-list .hrm-subtabs { width:fit-content; max-width:100%; margin:15px 0 0; padding:4px; display:flex; gap:4px; min-height:48px; align-items:center; background:#f1f3f5; border:1px solid #e5e7eb; border-radius:12px; }
.hrm-employee-list .hrm-subtabs a { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:0 16px; height:38px; font-weight:600; font-size:13px; line-height:13px; color:#5b6573; border:0; border-radius:9px; }
.hrm-employee-list .hrm-subtabs a.active { color:white; background:#2f8b5d; box-shadow:0 3px 8px #2f8b5d30; }
.hrm-employee-list .hrm-subtabs svg { width:15px; height:15px; }
.hrm-employee-list .hrm-tools { gap:8px; margin:0 0 10px; }
.hrm-employee-list .hrm-tools :is(button,a) { display:inline-flex; align-items:center; justify-content:center; gap:8px; background:white; color:#26744d; border:1px solid #a9d3bd; border-radius:10px; padding:0; }
.hrm-employee-list .hrm-tools [data-table-columns] { width:40px; }
.hrm-employee-list .hrm-tools [data-employee-export] { width:54px; }
.hrm-employee-list .hrm-tools img { width:20px; height:20px; }
.hrm-employee-list .hrm-tools .hrm-new { min-width:152px; font-weight:600; }
.hrm-employee-list .hrm-new img { filter:brightness(0) saturate(100%) invert(39%) sepia(38%) saturate(711%) hue-rotate(96deg); }