#page-employees.employee-master{max-width:1800px;margin:0 auto;height:auto;overflow:visible}
.employee-page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 22px}
.employee-page-heading h1{font-size:27px;margin:0 0 5px;color:#132c49;letter-spacing:-.3px}
.employee-page-heading p{margin:0;color:#667085;font-size:13px}
.employee-version{display:inline-block;margin-left:7px;font-size:11px;background:#eaf2ff;padding:3px 8px;border-radius:20px;color:#245c98}
.employee-heading-actions{display:flex;gap:8px;flex-wrap:wrap}
.employee-heading-actions button{font-size:13px;padding:10px 14px;border-radius:9px}
.employee-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.employee-stat{background:#fff;border:1px solid #dce3ec;border-radius:13px;text-align:left;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#667085;box-shadow:0 2px 4px #16345104}
.employee-stat span{font-size:13px}.employee-stat b{font-size:25px;color:#203954;white-space:nowrap}.employee-stat small{font-size:12px;font-weight:400;color:#667085}
.employee-stat.selected{border-color:#9cbce1;background:#f4f8ff}.employee-stat.selected b{color:#185a9d}
.employee-list-card{background:#fff;border:1px solid #dce3ec;border-radius:14px;box-shadow:0 5px 18px #223a5206;overflow:hidden}
.employee-filterbar{display:grid;grid-template-columns:minmax(200px,1.6fr) minmax(150px,1fr) minmax(170px,1fr) 100px;gap:14px;padding:18px 20px;align-items:end;border-bottom:1px solid #e7edf4}
.employee-filterbar label{display:grid;gap:6px;margin:0;min-width:0}.employee-filterbar label>span{font-size:12px;color:#53637a}
.employee-filterbar input,.employee-filterbar select{width:100%;height:42px;border-radius:8px;border:1px solid #d8e1ed;padding:8px 11px;font-size:13px;background:#fff}
.employee-table-wrap{overflow:auto;max-height:min(65vh,710px);scrollbar-gutter:stable}
.employee-master-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px}
.employee-master-table th{background:#f7f9fc;color:#5b6a80;font-size:12px;white-space:normal;position:sticky;top:0;z-index:2;padding:12px 18px;border-bottom:1px solid #dce5f0}
.employee-master-table td{padding:14px 18px;white-space:normal;overflow-wrap:anywhere;border-bottom:1px solid #edf1f6;vertical-align:middle;line-height:1.5}
.employee-master-table tr:last-child td{border-bottom:0}.employee-master-table tr:hover td{background:#f8fbff}
.employee-master-table td small{display:block;margin-top:3px;color:#7a879a;font-size:11px;line-height:1.4}
.employee-name-cell b{font-weight:600;color:#163c66}.employee-position-cell{color:#415069}.employee-master-table td.num{font-variant-numeric:tabular-nums}.employee-master-table td.num b{white-space:nowrap;font-weight:600}
.employee-status{display:inline-block;font-size:11px;line-height:1.4;padding:5px 9px;border-radius:20px;font-weight:500;white-space:nowrap}
.employee-status.current{background:#eaf6ee;color:#207344}.employee-status.probation{background:#fff4db;color:#946814}.employee-status.ended{background:#eef1f5;color:#667085}
.employee-row-actions{display:flex;justify-content:flex-end;gap:5px;flex-wrap:nowrap}
.employee-row-actions button{padding:6px 9px;border:1px solid #dbe4ef;border-radius:7px;background:#fff;font-size:12px;line-height:1.4;min-height:32px;white-space:nowrap;color:#345575}
.employee-row-actions .edit-employee{background:#edf4ff;border-color:#dae8fc;color:#1d599d}.employee-row-actions .delete-employee{color:#b64747;background:#fff;border-color:#efdfdf}.employee-row-actions .employee-more{font-size:18px;line-height:1;padding:3px 9px;min-width:31px}
.employee-actions-heading{text-align:right!important}.employee-actions-cell{padding-left:6px!important}
.employee-pagination{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;border-top:1px solid #e7edf4;color:#667085;font-size:12px;gap:12px}
.employee-pagination>div{display:flex;align-items:center;gap:13px}.employee-pagination button{font-size:17px;padding:3px 11px;border-radius:7px;background:#fff;border:1px solid #dce4ef}.employee-pagination button:disabled{opacity:.35;cursor:default}
.employee-empty{text-align:center!important;color:#667085;padding:50px 20px!important}
.employee-modal{border:0;border-radius:16px;padding:0;width:min(1040px,94vw);max-height:92vh;color:#172033;box-shadow:0 25px 90px #152b4f35;overflow:auto}
.employee-modal::backdrop{background:#182b4b66;backdrop-filter:blur(3px)}
.employee-modal-head{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:15px;background:#fff;border-bottom:1px solid #e6ecf4;padding:19px 24px}
.employee-modal-head h2{margin:0 0 3px;font-size:21px;color:#183c66}.employee-modal-head p{margin:0;font-size:12px;color:#667085}
.employee-modal-close{font-size:24px;line-height:1;background:#f3f6fa;border:0;border-radius:9px;width:35px;height:35px;padding:0;color:#667085}
.employee-modal-body{padding:22px 24px}.employee-modal-footer{position:sticky;bottom:0;z-index:4;background:#fff;border-top:1px solid #e6ecf4;display:flex;justify-content:flex-end;gap:9px;padding:15px 24px}
.employee-modal .grid-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:start}.employee-modal .grid-form>.wide{grid-column:1/-1}
.employee-modal label{display:grid;gap:6px;color:#43546b;font-size:12px;margin:0;min-width:0}.employee-modal input:not([type=checkbox]),.employee-modal select,.employee-modal textarea{width:100%;min-height:41px;padding:8px 11px;border:1px solid #d6e1ee;border-radius:8px;font-size:13px;background:#fff;color:#172033}
.employee-modal input[type=checkbox]{justify-self:start;width:18px;height:18px}.employee-modal label small{font-size:11px;color:#7a879a}
.employee-modal .notice{font-size:12px;padding:12px 15px;border-radius:9px;line-height:1.7;margin:0}
.employee-modal .tax-profile{margin-top:5px;border-top:1px solid #e6ecf4;padding-top:16px}.employee-modal .tax-profile>.grid-form{margin-top:15px}.employee-modal .tax-profile summary{cursor:pointer;font-size:13px;color:#31567c}
.employee-small-modal{width:min(570px,94vw)}.employee-menu-options{display:grid;gap:10px}.employee-menu-options button{text-align:left;padding:13px 16px;border:1px solid #dce5f0;background:#f7faff;border-radius:9px;color:#275483}
.employee-import-box{display:grid;gap:18px}.employee-import-box p{font-size:12px;color:#667085;line-height:1.8;margin:0}.employee-import-box input{margin-top:7px}
.employee-delete-form{display:grid;gap:16px}.employee-delete-notice{background:#fff6f0;border:1px solid #fae5d7;color:#8f5a30;padding:12px 14px;border-radius:9px;font-size:12px;line-height:1.8}.employee-delete-counts{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:#667085}.employee-delete-counts span{background:#f4f6f9;padding:5px 8px;border-radius:6px}
.employee-danger-button{background:#b43838!important;color:#fff!important;border:1px solid #b43838!important}.employee-delete-error{font-size:12px;line-height:1.7;color:#b42318;white-space:pre-line}
@media(min-width:781px) and (max-width:1150px){.employee-master-table col:nth-child(1){width:22%!important}.employee-master-table col:nth-child(2){width:15%!important}.employee-master-table col:nth-child(3){width:19%!important}.employee-master-table col:nth-child(4){width:13%!important}.employee-master-table col:nth-child(5){width:13%!important}.employee-master-table col:nth-child(6){width:18%!important}}
@media(max-width:1150px){.employee-master-table th,.employee-master-table td{padding-left:12px;padding-right:12px}.employee-row-actions button{padding:5px 7px}.employee-master-table{font-size:12px}.employee-filterbar{gap:10px}.employee-modal .grid-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.employee-page-heading{align-items:flex-start;flex-direction:column;gap:12px}.employee-page-heading h1{font-size:24px}.employee-overview{gap:8px}.employee-stat{padding:12px;display:grid;gap:7px}.employee-stat span{font-size:11px}.employee-stat b{font-size:22px}.employee-filterbar{grid-template-columns:1fr 1fr;padding:14px}.employee-search{grid-column:1/-1}.employee-size{display:none!important}.employee-table-wrap{max-height:none;overflow:visible}.employee-master-table,.employee-master-table tbody,.employee-master-table tr,.employee-master-table td{display:block;width:100%}.employee-master-table colgroup,.employee-master-table thead{display:none}.employee-master-table tbody{padding:10px;display:grid;gap:10px}.employee-master-table tr{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #e3eaf3;border-radius:11px;padding:12px;gap:9px}.employee-master-table td{border:0;padding:0;text-align:left!important}.employee-master-table td:before{content:attr(data-label);display:block;font-size:10px;color:#8390a3;margin-bottom:3px}.employee-master-table td.employee-name-cell{grid-column:1/-1}.employee-master-table td.employee-name-cell:before{display:none}.employee-master-table td.employee-name-cell b{font-size:14px}.employee-master-table td.employee-actions-cell{grid-column:1/-1;border-top:1px solid #edf1f6;padding-top:9px!important}.employee-actions-cell:before{display:none!important}.employee-row-actions{justify-content:flex-end}.employee-row-actions button{min-height:36px;padding:6px 12px}.employee-pagination{padding:12px;font-size:11px}.employee-modal .grid-form{grid-template-columns:1fr 1fr}.employee-modal-head,.employee-modal-body,.employee-modal-footer{padding:16px}.employee-empty{grid-column:1/-1}}
@media(max-width:460px){.employee-modal .grid-form{grid-template-columns:1fr}.employee-overview{gap:6px}.employee-stat{padding:10px 8px}.employee-stat span{font-size:10px}.employee-stat small{font-size:10px}.employee-heading-actions{width:100%}.employee-heading-actions button{padding:9px 11px;font-size:12px}.employee-page-heading p{font-size:12px}}

.employee-reuse-box{border:1px solid #dbe6f2;border-radius:10px;padding:12px 15px;background:#f8fbff}.employee-reuse-box summary{cursor:pointer;color:#31567c;font-size:13px}.employee-reuse-content{display:grid;gap:12px;margin-top:15px}.employee-modal .employee-reuse-confirm{display:flex;align-items:center;gap:9px}.employee-reuse-content small{line-height:1.8;color:#667085;font-size:11px}