.sub-menu{display:flex;gap:5px;background:#edf2ef;border-radius:8px;width:max-content;padding:4px;margin-bottom:20px}.sub-menu-item{border:0;background:transparent;border-radius:6px;padding:8px 12px;color:#65757a;font:600 13px "DM Sans";cursor:pointer}.sub-menu-item.active{background:#fff;color:#176f65;box-shadow:0 1px 3px #d1dbd6}.sub-menu-item span{font-size:11px;background:#e0ece6;padding:2px 5px;border-radius:7px;margin-left:3px}.employee-form{padding:21px 22px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.employee-form label{font-size:13px;font-weight:700;color:#41545b}.employee-form input,.employee-form select{margin-top:7px;width:100%;border:1px solid #dce4e1;border-radius:8px;padding:11px 12px;font:14px "DM Sans";background:#fff;outline:none}.employee-form .dark-btn{width:max-content;align-self:end}.employee-form .role-error{margin:0;align-self:end}.employee-list{padding:3px 22px}.employee-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #edf0ee}.employee-row:last-child{border:0}.employee-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e7f3ee;color:#19796c;font-size:12px;font-weight:700}.employee-info{flex:1}.employee-info strong,.employee-info small{display:block}.employee-info strong{font-size:14px}.employee-info small{font-size:12px;color:#839195;margin-top:3px}.employee-role-tag{font-size:11px;background:#edf3f1;color:#59716d;padding:5px 8px;border-radius:9px}@media(max-width:600px){.employee-form{grid-template-columns:1fr}.employee-form .dark-btn{width:100%}}