.employee-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-3px 0 18px}.employee-topline p{color:#69809b;font-size:16px;margin:0;line-height:1.55}.employee-topline button,.employee-open{display:flex;align-items:center;gap:10px;white-space:nowrap;color:#226fc0;background:#f0f6fe;border-color:#dce9f8;min-height:44px}.employee-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 20px}.employee-toolbar>.tabs{margin:0;flex:1}.employee-toolbar>.fieldbox{min-width:235px}.employee-toolbar>.fieldbox>span{display:flex;align-items:center;justify-content:space-between;gap:16px}.employee-toolbar .tabs button{min-height:46px;font-size:16px}.employee-scroll{min-height:0}.employee-table-card{margin:0;overflow:hidden}.employee-table{min-width:860px}.employee-table th{font-size:14px!important;position:sticky;top:0;z-index:1;background:#f5f8fd}.employee-table td{height:84px;font-size:16px!important}.employee-table td>small{display:block;font-size:14px;color:#69809b;margin-top:7px}.employee-table-card>.table-scroll{max-height:62vh;overflow:auto;overscroll-behavior:contain}.employee-identity{display:flex;align-items:center;gap:13px;border:0;background:transparent;padding:0;min-height:58px;text-align:left;color:#233e60;width:100%}.employee-identity:hover{background:transparent;color:#1474d1}.employee-identity strong{font-size:16px;font-weight:600;line-height:1.45}.employee-identity small{display:block;font-size:13px;color:#69809b;margin-top:6px;line-height:1.45}.employee-badge{display:inline-flex;align-items:center;white-space:nowrap;padding:7px 11px;border-radius:8px;background:#edf1f6;color:#657892;font-size:14px}.employee-badge.working{background:#e9f6f0;color:#257650}.employee-note{font-size:14px;color:#6d829b;line-height:1.65;margin:16px 0 0}.employee-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.employee-card{padding:24px;margin:0;display:flex;flex-direction:column;min-width:0}.employee-card-top{display:flex;justify-content:space-between;align-items:start;gap:12px}.employee-card-top>.people-avatar{width:76px;height:76px;font-size:25px;border-radius:19px}.employee-card h2{font-size:20px;line-height:1.4;font-weight:550;margin:21px 0 7px;overflow-wrap:anywhere}.employee-position{font-size:16px;color:#506e92;margin:0 0 16px}.employee-contact{font-size:15px;color:#5d7592;margin:0 0 17px}.employee-card-info{display:flex;flex-direction:column;gap:8px;font-size:15px;flex:1}.employee-card-info small{color:#73869f;font-size:13px}.employee-card-salary{display:flex;flex-direction:column;gap:8px;border-top:1px solid #e3ebf5;margin-top:20px;padding-top:17px}.employee-card-salary span{font-size:14px;color:#7186a0}.employee-card-salary strong{font-size:23px;font-weight:550;color:#25476f}.employee-open{justify-content:space-between;margin-top:20px}.employee-dialog{width:min(990px,calc(100vw - 32px))}.employee-dialog.acc-dialog-narrow{width:min(700px,calc(100vw - 32px))}.employee-number{display:block;color:#6e86a2;font-size:14px;margin-bottom:7px}.employee-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:20px 0}.employee-details small{display:block;color:#6e86a2;font-size:14px;margin-bottom:8px}.employee-details strong{display:block;font-size:16px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}.employee-tabs{margin:0 0 18px!important}.employee-tabs button{font-size:16px;min-height:46px}.employee-salary-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0}.employee-salary-heading p{font-size:15px;color:#6d829b;line-height:1.6;max-width:500px;margin:0}.employee-salary-heading button{white-space:nowrap;min-height:44px}.employee-salary-table{min-width:720px}.employee-salary-table td{font-size:15px!important;min-height:64px}.employee-form-grid{gap:20px}.employee-form-grid select,.employee-form-grid input{width:100%;min-height:48px;font-size:16px!important;background:#fff;border:1px solid #d6e2f0;border-radius:10px;padding:10px 13px;color:#28456a;box-sizing:border-box}.employee-dialog .acc-form-field>span{font-size:15px}.employee-dialog textarea{font-size:16px!important}.employee-dialog .modal-foot{flex-wrap:wrap;gap:10px}.employee-photo-edit{display:flex;align-items:center;gap:24px;margin-bottom:28px}.employee-photo-edit>div{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.employee-photo-edit p{width:100%;margin:0;color:#6d829b;font-size:14px}.employee-photo-upload{position:relative;display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:10px 16px;box-sizing:border-box;background:#187adc;color:white;border-radius:10px;cursor:pointer;font-size:15px;overflow:hidden}.employee-photo-upload:focus-within{outline:3px solid #91c5ff;outline-offset:3px}.employee-photo-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.employee-copy{margin:18px 0;color:#246eaf;min-height:44px}.employee-history article{padding:18px 0;border-bottom:1px solid #e4edf6}.employee-history article>div{display:flex;justify-content:space-between;gap:16px}.employee-history time{color:#7186a0;font-size:14px}.employee-history p{line-height:1.6;font-size:15px;color:#516b8b}.employee-history strong{font-weight:550}
@media(max-width:1200px){.employee-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-topline{align-items:flex-start}.employee-topline p{max-width:410px}}
@media(max-width:700px){.employee-topline{flex-direction:column;gap:12px}.employee-toolbar{gap:12px}.employee-toolbar>.tabs{flex-basis:100%;display:flex}.employee-toolbar>.tabs button{flex:1;padding:10px}.employee-toolbar>.fieldbox{flex:1;min-width:0}.employee-grid{grid-template-columns:minmax(0,1fr)}.employee-details,.employee-form-grid{grid-template-columns:minmax(0,1fr)}.employee-tabs{display:flex;overflow-x:auto}.employee-tabs button{white-space:nowrap}.employee-salary-heading{flex-direction:column;align-items:stretch}.employee-photo-edit{gap:16px}.employee-photo-edit>div{gap:9px}.employee-history article>div{flex-direction:column;gap:7px}.employee-dialog{width:calc(100vw - 20px)}}